229 lines
11 KiB
TypeScript
229 lines
11 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||
import { Calendar } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="expand-hover"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="small"
|
||
sizing="largeSmallSizeMediumTitles"
|
||
background="grid"
|
||
cardStyle="inset"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Startseite", id: "hero"},
|
||
{
|
||
name: "Über uns", id: "about"},
|
||
{
|
||
name: "Speisekarte", id: "menu"},
|
||
{
|
||
name: "Bewertungen", id: "testimonials"},
|
||
{
|
||
name: "Galerie", id: "gallery"},
|
||
{
|
||
name: "Kontakt", id: "contact"},
|
||
]}
|
||
brandName="Madliani"
|
||
button={{
|
||
text: "Tisch reservieren", href: "#contact"}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardTestimonial
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain"}}
|
||
title="Authentische georgische Küche – Willkommen bei Madliani"
|
||
description="Tradition, Geschmack und Gastfreundschaft in jedem Gericht. Erleben Sie eine kulinarische Reise durch Georgien, die Ihre Sinne verzaubert."
|
||
testimonials={[
|
||
{
|
||
name: "Anna Meier", handle: "@annam", testimonial: "Die Chinkali waren ein Traum: saftig, würzig und perfekt zubereitet!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-adult-man-celebrating-birthday-holding-bday-cake-with-candle-making-wish-standi_1258-154882.jpg"},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Tisch reservieren", href: "#contact"},
|
||
{
|
||
text: "Online bestellen", href: "https://example.com/order"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/egg-sausage-dish-pottery-pan-served-breakfast_140725-8298.jpg"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MetricSplitMediaAbout
|
||
useInvertedBackground={false}
|
||
title="Unsere Geschichte: Authentizität und Leidenschaft"
|
||
description="Bei Madliani erzählen wir die Geschichte Georgiens auf jedem Teller. Mit frischen Zutaten und überlieferten Familienrezepten bringen wir Ihnen die wahre georgische Gastfreundschaft nahe. Jeder Besuch ist eine Reise für die Sinne, die Tradition und Genuss verbindet."
|
||
metrics={[
|
||
{
|
||
value: "10+", title: "Jahre Erfahrung"},
|
||
{
|
||
value: "5000+", title: "Zufriedene Gäste"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/front-view-chef-apron-chopping-raw-fish-wood-board-pepper-grinder-flour-bowl-pomegranate-seeds-bowl-kitchen-table_179666-44325.jpg"
|
||
imageAlt="Georgian kitchen with chef preparing food"
|
||
mediaAnimation="slide-up"
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardFour
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "chinkali", name: "Chinkali", price: "12 €", variant: "Hausgemachte Teigtaschen mit würziger Fleischfüllung", imageSrc: "http://img.b2bpic.net/free-photo/yarpag-dolmasi-yaprak-sarmasi-green-grape-leaves-stuffed-with-rice-meat-pottery-bowl-with-yogurt_114579-790.jpg"},
|
||
{
|
||
id: "khachapuri", name: "Chatschapuri Adjaruli", price: "15 €", variant: "Bootsförmiges Brot mit Käse, Ei und Butter", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sweets-arrangement_23-2149192013.jpg"},
|
||
{
|
||
id: "badrijani", name: "Badrijani Nigvzit", price: "10 €", variant: "Auberginenröllchen gefüllt mit Walnusspaste", imageSrc: "http://img.b2bpic.net/free-photo/green-grape-leaves-stuffed-with-meat-rice-herbs-onion-cooked-olive-oil-served-with-lavash-bread-yarpag-dolmasi-yaprak-sarmasi_114579-58.jpg"},
|
||
]}
|
||
title="Unsere Speisekarte: Eine kulinarische Reise"
|
||
description="Entdecken Sie die Vielfalt unserer georgischen Küche, von herzhaften Vorspeisen bis zu traditionellen Spezialitäten. Jedes Gericht wird mit Liebe und den besten Zutaten zubereitet."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSixteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Sarah Johnson", role: "Feinschmeckerin", company: "Food Blog", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-adult-man-celebrating-birthday-holding-bday-cake-with-candle-making-wish-standi_1258-154882.jpg"},
|
||
{
|
||
id: "2", name: "Michael Chen", role: "Stammgast", company: "Lokaler Genießer", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-man-table-restaurant_23-2147689186.jpg"},
|
||
{
|
||
id: "3", name: "Emily Rodriguez", role: "Bloggerin", company: "Travel Bites", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-thinking_23-2147611625.jpg"},
|
||
{
|
||
id: "4", name: "David Kim", role: "Food-Kritiker", company: "Gourmet Guide", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517422.jpg"},
|
||
]}
|
||
kpiItems={[
|
||
{
|
||
value: "4.8 / 5", title: "Durchschnittliche Bewertung"},
|
||
{
|
||
value: "250+", title: "Positive Rezensionen"},
|
||
{
|
||
value: "Exzellent", title: "Qualität & Service"},
|
||
]}
|
||
title="Was unsere Gäste sagen"
|
||
description="Die Stimmen zufriedener Kunden sind unser größtes Lob. Lassen Sie sich von echten Erlebnissen inspirieren und planen Sie Ihren nächsten Besuch bei Madliani."
|
||
/>
|
||
</div>
|
||
|
||
<div id="gallery" data-section="gallery">
|
||
<FeatureCardTwentySeven
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: "1", title: "Authentische Gerichte", description: "Kreationen, die die Seele Georgiens widerspiegeln.", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-potatoes-served-with-onions-tomatoes-greens_141793-1068.jpg"},
|
||
{
|
||
id: "2", title: "Gemütliches Ambiente", description: "Einladende Räumlichkeiten für Ihr perfektes Esserlebnis.", imageSrc: "http://img.b2bpic.net/free-photo/modern-restaurant-with-various-places_140725-9587.jpg"},
|
||
{
|
||
id: "3", title: "Kulinarische Kunstwerke", description: "Jedes Gericht ist ein Fest für Augen und Gaumen.", imageSrc: "http://img.b2bpic.net/free-photo/lamb-ribs-kebab-with-red-onions-wooden-board_141793-1724.jpg"},
|
||
{
|
||
id: "4", title: "Frische Zubereitung", description: "Ein Blick hinter die Kulissen unserer leidenschaftlichen Küche.", imageSrc: "http://img.b2bpic.net/free-photo/man-pouring-crackers-into-soyutma-bouillon-side-view_141793-3235.jpg"},
|
||
]}
|
||
title="Eindrücke von Madliani"
|
||
description="Tauchen Sie ein in die Atmosphäre unseres Restaurants und entdecken Sie unsere liebevoll zubereiteten Gerichte. Bilder, die zum Probieren einladen."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactFaq
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "1", title: "Öffnungszeiten", content: "Dienstag - Sonntag: 12:00 - 22:00 Uhr\nMontag: Geschlossen\nÖffnet Freitag um 12:00 Uhr"},
|
||
{
|
||
id: "2", title: "Preisniveau", content: "Unsere Gerichte liegen im Bereich von 10–20 € pro Person."},
|
||
{
|
||
id: "3", title: "Standort & Anfahrt", content: "Madliani Restaurant\nMusterstraße 123\n12345 Musterstadt\n\nPlanen Sie Ihre Route über Google Maps für eine einfache Anreise."},
|
||
]}
|
||
ctaTitle="Besuchen Sie uns oder bestellen Sie online!"
|
||
ctaDescription="Wir freuen uns darauf, Sie bei Madliani begrüßen zu dürfen. Reservieren Sie einen Tisch oder nutzen Sie unseren komfortablen Lieferservice."
|
||
ctaButton={{
|
||
text: "Tisch reservieren", href: "#"}}
|
||
ctaIcon={Calendar}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
columns={[
|
||
{
|
||
title: "Navigation", items: [
|
||
{
|
||
label: "Startseite", href: "#hero"},
|
||
{
|
||
label: "Über uns", href: "#about"},
|
||
{
|
||
label: "Speisekarte", href: "#menu"},
|
||
{
|
||
label: "Bewertungen", href: "#testimonials"},
|
||
{
|
||
label: "Galerie", href: "#gallery"},
|
||
{
|
||
label: "Kontakt", href: "#contact"},
|
||
],
|
||
},
|
||
{
|
||
title: "Rechtliches", items: [
|
||
{
|
||
label: "Impressum", href: "#"},
|
||
{
|
||
label: "Datenschutz", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "Folgen Sie uns", items: [
|
||
{
|
||
label: "Facebook", href: "https://facebook.com/madliani"},
|
||
{
|
||
label: "Instagram", href: "https://instagram.com/madliani"},
|
||
],
|
||
},
|
||
]}
|
||
logoText="Madliani"
|
||
copyrightText="© 2024 Madliani. Alle Rechte vorbehalten."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|