Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-30 15:39:05 +00:00

View File

@@ -2,6 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { Heart, Clock, Leaf, Smile } from 'lucide-react';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
@@ -28,327 +29,153 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Speisekarte",
id: "food",
},
{
name: "Über uns",
id: "about",
},
{
name: "Reservierung",
id: "contact",
},
]}
brandName="El-Dorado"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "Speisekarte", id: "food" },
{ name: "Über uns", id: "about" },
{ name: "Reservierung", id: "contact" },
]}
brandName="El-Dorado"
button={{ text: "Buchen", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "radial-gradient",
}}
logoText="El-Dorado"
description="Authentische mexikanische Küche, die man nicht vergisst. Frisch zubereitet. Mit Liebe serviert. Und jeden Besuch wert."
buttons={[
{
text: "Tisch reservieren",
href: "#contact",
},
{
text: "Speisekarte",
href: "#food",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/background-place-outdoor-tourism-dinner_1220-1243.jpg?_wi=1"
imageAlt="Luxuriöses mexikanisches Restaurant Ambiente"
mediaAnimation="slide-up"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{ variant: "radial-gradient" }}
logoText="El-Dorado"
description="Authentische mexikanische Küche, die man nicht vergisst. Frisch zubereitet. Mit Liebe serviert. Und jeden Besuch wert."
buttons={[
{ text: "Tisch reservieren", href: "#contact" },
{ text: "Speisekarte", href: "#food" },
]}
imageSrc="http://img.b2bpic.net/free-photo/background-place-outdoor-tourism-dinner_1220-1243.jpg"
imageAlt="Luxuriöses mexikanisches Restaurant Ambiente"
mediaAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah J.",
handle: "Genießerin",
testimonial: "So lecker haben wir schon lange nicht mehr gegessen, absolut authentisch!",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg?_wi=1",
},
{
id: "t2",
name: "Markus K.",
handle: "Stammgast",
testimonial: "Unglaublich guter Mexikaner, Atmosphäre hat mich sofort abgeholt.",
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg?_wi=1",
},
{
id: "t3",
name: "Elena R.",
handle: "Foodie",
testimonial: "Service, der wirklich mitdenkt. Wir kommen sicher wieder.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-girl-taking-selfie-cafe_171337-9756.jpg",
},
{
id: "t4",
name: "Tobias H.",
handle: "Gast",
testimonial: "Ein Abend, den wir nicht so schnell vergessen werden.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",
},
{
id: "t5",
name: "Julia P.",
handle: "Besucherin",
testimonial: "Die hausgemachten Salsas sind der Wahnsinn, unbedingt probieren!",
imageSrc: "http://img.b2bpic.net/free-photo/coquettish-redhead-girl-biting-lip-looking-flirty-camera-posing-stylish-floral-dress-standing-against-white-background_176420-49299.jpg",
},
]}
title="Gäste-Echo"
description="Begeisterte Stimmen aus ganz Deutschland"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "t1", name: "Sarah J.", handle: "Genießerin", testimonial: "So lecker haben wir schon lange nicht mehr gegessen, absolut authentisch!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg" },
{ id: "t2", name: "Markus K.", handle: "Stammgast", testimonial: "Unglaublich guter Mexikaner, Atmosphäre hat mich sofort abgeholt.", imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg" },
{ id: "t3", name: "Elena R.", handle: "Foodie", testimonial: "Service, der wirklich mitdenkt. Wir kommen sicher wieder.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-girl-taking-selfie-cafe_171337-9756.jpg" },
{ id: "t4", name: "Tobias H.", handle: "Gast", testimonial: "Ein Abend, den wir nicht so schnell vergessen werden.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg" },
{ id: "t5", name: "Julia P.", handle: "Besucherin", testimonial: "Die hausgemachten Salsas sind der Wahnsinn, unbedingt probieren!", imageSrc: "http://img.b2bpic.net/free-photo/coquettish-redhead-girl-biting-lip-looking-flirty-camera-posing-stylish-floral-dress-standing-against-white-background_176420-49299.jpg" },
]}
title="Gäste-Echo"
description="Begeisterte Stimmen aus ganz Deutschland"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Mehr als ein Restaurant"
description="Bei uns geht es nicht nur ums Essen. Es geht um den Moment, wenn man ankommt und sich sofort willkommen fühlt. Ein Ort zum Wohlfühlen, an dem wir mexikanische Traditionen mit echter Gastfreundschaft feiern."
bulletPoints={[
{
title: "Hausgemacht",
description: "Authentische Salsas & frische Zutaten.",
},
{
title: "Herzlich",
description: "Service, der den Gast in den Mittelpunkt stellt.",
},
{
title: "Zeitlos",
description: "Ein Ambiente, das verzaubert.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/colourful-traditional-mexican-house_23-2151769229.jpg"
imageAlt="Gemütliche Restaurant-Atmosphäre"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Mehr als ein Restaurant"
description="Bei uns geht es nicht nur ums Essen. Es geht um den Moment, wenn man ankommt und sich sofort willkommen fühlt. Ein Ort zum Wohlfühlen, an dem wir mexikanische Traditionen mit echter Gastfreundschaft feiern."
bulletPoints={[
{ title: "Hausgemacht", description: "Authentische Salsas & frische Zutaten." },
{ title: "Herzlich", description: "Service, der den Gast in den Mittelpunkt stellt." },
{ title: "Zeitlos", description: "Ein Ambiente, das verzaubert." },
]}
imageSrc="http://img.b2bpic.net/free-photo/colourful-traditional-mexican-house_23-2151769229.jpg"
imageAlt="Gemütliche Restaurant-Atmosphäre"
mediaAnimation="slide-up"
/>
</div>
<div id="food" data-section="food">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Tacos Al Pastor",
price: "14,50€",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-mexican-tacos-plate_23-2148181603.jpg",
},
{
id: "p2",
name: "Hausgemachte Salsas",
price: "6,50€",
imageSrc: "http://img.b2bpic.net/free-photo/dipping-nacho-chips_23-2148159741.jpg",
},
{
id: "p3",
name: "Churros",
price: "8,00€",
imageSrc: "http://img.b2bpic.net/free-photo/hand-dipping-fried-churros-chocolate-front-view_23-2148379627.jpg",
},
{
id: "p4",
name: "Craft-Margeritas",
price: "10,00€",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-granita-dessert-with-lime_23-2149395614.jpg",
},
{
id: "p5",
name: "Burrito Especial",
price: "16,50€",
imageSrc: "http://img.b2bpic.net/free-photo/black-tray-mixed-vegetable-salad-garnished-with-potato-chips-marble-background_114579-52585.jpg",
},
{
id: "p6",
name: "Guacamole Frische",
price: "7,50€",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-hot-guacamole-sauce-with-ingredients-top-view_114579-7072.jpg",
},
]}
title="Food Highlights"
description="Entdecke unsere Klassiker frisch aus der mexikanischen Küche."
/>
</div>
<div id="food" data-section="food">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{ id: "p1", name: "Tacos Al Pastor", price: "14,50€", imageSrc: "http://img.b2bpic.net/free-photo/fresh-mexican-tacos-plate_23-2148181603.jpg" },
{ id: "p2", name: "Hausgemachte Salsas", price: "6,50€", imageSrc: "http://img.b2bpic.net/free-photo/dipping-nacho-chips_23-2148159741.jpg" },
{ id: "p3", name: "Churros", price: "8,00€", imageSrc: "http://img.b2bpic.net/free-photo/hand-dipping-fried-churros-chocolate-front-view_23-2148379627.jpg" },
{ id: "p4", name: "Craft-Margeritas", price: "10,00€", imageSrc: "http://img.b2bpic.net/free-photo/delicious-granita-dessert-with-lime_23-2149395614.jpg" },
{ id: "p5", name: "Burrito Especial", price: "16,50€", imageSrc: "http://img.b2bpic.net/free-photo/black-tray-mixed-vegetable-salad-garnished-with-potato-chips-marble-background_114579-52585.jpg" },
{ id: "p6", name: "Guacamole Frische", price: "7,50€", imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-hot-guacamole-sauce-with-ingredients-top-view_114579-7072.jpg" },
]}
title="Food Highlights"
description="Entdecke unsere Klassiker frisch aus der mexikanischen Küche."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Echter Service",
description: "Wir finden Lösungen für jeden Wunsch.",
buttonIcon: "Heart",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629583.jpg",
imageAlt: "Beautiful thanksgiving meal concept",
},
{
title: "Perfektes Timing",
description: "Alle Gerichte heiß & gleichzeitig am Tisch.",
buttonIcon: "Clock",
imageSrc: "http://img.b2bpic.net/free-photo/background-place-outdoor-tourism-dinner_1220-1243.jpg?_wi=2",
imageAlt: "Beautiful thanksgiving meal concept",
},
{
title: "Frische Qualität",
description: "Hausgemacht & ohne Kompromisse.",
buttonIcon: "Leaf",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg?_wi=2",
imageAlt: "Beautiful thanksgiving meal concept",
},
{
title: "Warme Gastfreundschaft",
description: "Hier fühlt man sich wie zu Hause.",
buttonIcon: "Smile",
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg?_wi=2",
imageAlt: "Beautiful thanksgiving meal concept",
},
]}
title="Das El-Dorado Versprechen"
description="Warum bei uns jeder Abend besonders ist."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Echter Service", description: "Wir finden Lösungen für jeden Wunsch.", buttonIcon: Heart, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629583.jpg" },
{ title: "Perfektes Timing", description: "Alle Gerichte heiß & gleichzeitig am Tisch.", buttonIcon: Clock, imageSrc: "http://img.b2bpic.net/free-photo/background-place-outdoor-tourism-dinner_1220-1243.jpg" },
{ title: "Frische Qualität", description: "Hausgemacht & ohne Kompromisse.", buttonIcon: Leaf, imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg" },
{ title: "Warme Gastfreundschaft", description: "Hier fühlt man sich wie zu Hause.", buttonIcon: Smile, imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg" },
]}
title="Das El-Dorado Versprechen"
description="Warum bei uns jeder Abend besonders ist."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "10k+",
title: "Glückliche Gäste",
items: [
"Serviert seit Gründung",
"Stammgäste pro Monat",
],
},
{
id: "m2",
value: "5.0",
title: "Sterne Bewertung",
items: [
"Auf Google Maps",
"Tripadvisor Schnitt",
],
},
{
id: "m3",
value: "100%",
title: "Frische Zutaten",
items: [
"Regional bezogen",
"Ohne Konservierungsstoffe",
],
},
]}
title="Zahlen & Fakten"
description="Unser Erfolg liegt in der Zufriedenheit unserer Gäste."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "10k+", title: "Glückliche Gäste", items: ["Serviert seit Gründung", "Stammgäste pro Monat"] },
{ id: "m2", value: "5.0", title: "Sterne Bewertung", items: ["Auf Google Maps", "Tripadvisor Schnitt"] },
{ id: "m3", value: "100%", title: "Frische Zutaten", items: ["Regional bezogen", "Ohne Konservierungsstoffe"] },
]}
title="Zahlen & Fakten"
description="Unser Erfolg liegt in der Zufriedenheit unserer Gäste."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Sollte ich reservieren?",
content: "Ja, aufgrund der hohen Nachfrage empfehlen wir eine Reservierung.",
},
{
id: "q2",
title: "Gibt es vegetarische Optionen?",
content: "Wir bieten eine Vielzahl köstlicher vegetarischer Gerichte an.",
},
{
id: "q3",
title: "Kann man draußen sitzen?",
content: "Ja, unser überdachter Außenbereich ist ganzjährig bei gutem Wetter geöffnet.",
},
]}
title="Fragen? Wir haben Antworten."
description="Hier erfährst du alles Wichtige für deinen Besuch."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Sollte ich reservieren?", content: "Ja, aufgrund der hohen Nachfrage empfehlen wir eine Reservierung." },
{ id: "q2", title: "Gibt es vegetarische Optionen?", content: "Wir bieten eine Vielzahl köstlicher vegetarischer Gerichte an." },
{ id: "q3", title: "Kann man draußen sitzen?", content: "Ja, unser überdachter Außenbereich ist ganzjährig bei gutem Wetter geöffnet." },
]}
title="Fragen? Wir haben Antworten."
description="Hier erfährst du alles Wichtige für deinen Besuch."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
tag="Tischreservierung"
title="Sichert euch euren Tisch"
description="Unser Restaurant ist oft ausgebucht. Reserviert rechtzeitig und genießt einen unvergesslichen Abend."
buttonText="Tisch reservieren"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{ variant: "radial-gradient" }}
tag="Tischreservierung"
title="Sichert euch euren Tisch"
description="Unser Restaurant ist oft ausgebucht. Reserviert rechtzeitig und genießt einen unvergesslichen Abend."
buttonText="Tisch reservieren"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Navigation",
items: [
{
label: "Startseite",
href: "#hero",
},
{
label: "Speisekarte",
href: "#food",
},
],
},
{
title: "Kontakt",
items: [
{
label: "Impressum",
href: "#",
},
{
label: "Datenschutz",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 El-Dorado Restaurant"
bottomRightText="Authentisch Mexikanisch"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Navigation", items: [{ label: "Startseite", href: "#hero" }, { label: "Speisekarte", href: "#food" }] },
{ title: "Kontakt", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
]}
bottomLeftText="© 2024 El-Dorado Restaurant"
bottomRightText="Authentisch Mexikanisch"
/>
</div>
</ReactLenis>
</ThemeProvider>
);