Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-18 07:08:24 +00:00

View File

@@ -19,329 +19,160 @@ export default function LandingPage() {
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Highlights",
id: "hero",
},
{
name: "Steak-Döner",
id: "products",
},
{
name: "Resonanz",
id: "testimonials",
},
{
name: "Kontakt",
id: "contact",
},
]}
brandName="BABA Kebab"
button={{
text: "Route planen",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Highlights", id: "hero" },
{ name: "Steak-Döner", id: "products" },
{ name: "Resonanz", id: "testimonials" },
{ name: "Kontakt", id: "contact" },
]}
brandName="BABA Kebab"
button={{ text: "Route planen" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated-grid",
}}
title="Kiel's bester Steak-Döner"
description="Erleben Sie echte Qualität, wo Handwerk auf Leidenschaft trifft. Unser Steak-Döner setzt neue Standards."
carouselItems={[
{
id: "c1",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cake-plate-with-nuts_23-2148579256.jpg",
imageAlt: "gourmet steak kebab grill",
},
{
id: "c2",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-meat-with-baked-potatoes-eggplant-tomato-pepper-decorated-with-pomegranate-wooden-bark_176474-2444.jpg",
imageAlt: "fresh turkish street food",
},
{
id: "c3",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-lamb-steak-doner-flatbread-served-with-fries-pickled-cucumber_140725-2659.jpg",
imageAlt: "grilled meat doner knife",
},
{
id: "c4",
imageSrc: "http://img.b2bpic.net/free-photo/warm-salad-from-chicken-liver-tomato-cucumber-eggs-healthy-dinner-dietary-menu_2829-5824.jpg",
imageAlt: "gourmet meat slices grill",
},
{
id: "c5",
imageSrc: "http://img.b2bpic.net/free-photo/slices-pizza-staked-with-tomatoes-vegetables_23-2148753760.jpg",
imageAlt: "artisan bread fresh kebab",
},
{
id: "c6",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-beef-doner-kebab-plate-with-grilled-vegetables_140725-11844.jpg",
imageAlt: "meat roasting doner spit",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{ variant: "rotated-rays-animated-grid" }}
title="Kiel's bester Steak-Döner"
description="Erleben Sie echte Qualität, wo Handwerk auf Leidenschaft trifft. Unser Steak-Döner setzt neue Standards."
carouselItems={[
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cake-plate-with-nuts_23-2148579256.jpg", imageAlt: "gourmet steak kebab grill" },
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-meat-with-baked-potatoes-eggplant-tomato-pepper-decorated-with-pomegranate-wooden-bark_176474-2444.jpg", imageAlt: "fresh turkish street food" },
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/top-view-lamb-steak-doner-flatbread-served-with-fries-pickled-cucumber_140725-2659.jpg", imageAlt: "grilled meat doner knife" },
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/warm-salad-from-chicken-liver-tomato-cucumber-eggs-healthy-dinner-dietary-menu_2829-5824.jpg", imageAlt: "gourmet meat slices grill" },
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/slices-pizza-staked-with-tomatoes-vegetables_23-2148753760.jpg", imageAlt: "artisan bread fresh kebab" },
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/side-view-beef-doner-kebab-plate-with-grilled-vegetables_140725-11844.jpg", imageAlt: "meat roasting doner spit" },
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
tag="Unsere Geschichte"
title="Mehr als nur Döner eine Kieler Adresse"
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
tag="Unsere Geschichte"
title="Mehr als nur Döner eine Kieler Adresse"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyOne
useInvertedBackground={true}
title="Warum BABA Kebab?"
description="Qualität, der man vertraut. Frisch zubereitet und mit Charakter gewürzt."
accordionItems={[
{
id: "f1",
title: "Steak-Döner",
content: "Zartes, kräftig gewürztes Fleisch ohne Standard ein echter Wiedererkennungswert.",
},
{
id: "f2",
title: "Signature-Finish",
content: "Petersilie, Zwiebeln, Sumach und Zitrone für den ultimativen Frischekick.",
},
{
id: "f3",
title: "Hausgemachtes Handwerk",
content: "Vom Brot bis zur Sauce hier schmeckt man den Unterschied.",
},
]}
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/juicy-meat-cutlets-with-cranberry-sauce-salad-wooden-table-rustic-style-top-view_2829-6764.jpg"
imageAlt="Juicy meat cutlets with cranberry sauce and salad"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyOne
useInvertedBackground={true}
title="Warum BABA Kebab?"
description="Qualität, der man vertraut. Frisch zubereitet und mit Charakter gewürzt."
accordionItems={[
{ id: "f1", title: "Steak-Döner", content: "Zartes, kräftig gewürztes Fleisch ohne Standard ein echter Wiedererkennungswert." },
{ id: "f2", title: "Signature-Finish", content: "Petersilie, Zwiebeln, Sumach und Zitrone für den ultimativen Frischekick." },
{ id: "f3", title: "Hausgemachtes Handwerk", content: "Vom Brot bis zur Sauce hier schmeckt man den Unterschied." },
]}
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/juicy-meat-cutlets-with-cranberry-sauce-salad-wooden-table-rustic-style-top-view_2829-6764.jpg"
imageAlt="Juicy meat cutlets with cranberry sauce and salad"
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "BABA Spezial Döner",
price: "ab 8,50€",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-arabic-fast-food-meat-skewers-top-view_23-2148651131.jpg",
},
{
id: "p2",
name: "Steak Döner",
price: "ab 9,50€",
imageSrc: "http://img.b2bpic.net/free-photo/lahmajun-with-meat-mixed-vegetables_140725-1157.jpg",
},
{
id: "p3",
name: "Hausgemachter Lahmacun",
price: "ab 6,00€",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-seed-bread-concept_23-2148648796.jpg",
},
{
id: "p4",
name: "Sesam-Sauerteigbrot",
price: "ab 2,50€",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-caesar-salad-with-fresh-lettuce-parmesan-fried-croutons-roast-beef_176474-901.jpg",
},
{
id: "p5",
name: "Veggie Mix",
price: "ab 7,50€",
imageSrc: "http://img.b2bpic.net/free-photo/meat-steaks-with-fried-potatoes-rice-garnish-inside-white-plate_114579-4421.jpg",
},
{
id: "p6",
name: "Döner-Box Spezial",
price: "ab 8,00€",
imageSrc: "http://img.b2bpic.net/free-photo/meat-kabab-served-with-mangal-salad-onions-greens-pickles_140725-7975.jpg",
},
]}
title="Unsere Highlights"
description="Kulinarische Kunst direkt vom Grill für den anspruchsvollen Gaumen."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "p1", name: "BABA Spezial Döner", price: "ab 8,50€", imageSrc: "http://img.b2bpic.net/free-photo/delicious-arabic-fast-food-meat-skewers-top-view_23-2148651131.jpg" },
{ id: "p2", name: "Steak Döner", price: "ab 9,50€", imageSrc: "http://img.b2bpic.net/free-photo/lahmajun-with-meat-mixed-vegetables_140725-1157.jpg" },
{ id: "p3", name: "Hausgemachter Lahmacun", price: "ab 6,00€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-seed-bread-concept_23-2148648796.jpg" },
{ id: "p4", name: "Sesam-Sauerteigbrot", price: "ab 2,50€", imageSrc: "http://img.b2bpic.net/free-photo/close-up-caesar-salad-with-fresh-lettuce-parmesan-fried-croutons-roast-beef_176474-901.jpg" },
{ id: "p5", name: "Veggie Mix", price: "ab 7,50€", imageSrc: "http://img.b2bpic.net/free-photo/meat-steaks-with-fried-potatoes-rice-garnish-inside-white-plate_114579-4421.jpg" },
{ id: "p6", name: "Döner-Box Spezial", price: "ab 8,00€", imageSrc: "http://img.b2bpic.net/free-photo/meat-kabab-served-with-mangal-salad-onions-greens-pickles_140725-7975.jpg" },
]}
title="Unsere Highlights"
description="Kulinarische Kunst direkt vom Grill für den anspruchsvollen Gaumen."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Müller",
role: "Stammkundin",
company: "Kiel-Gaarden",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-male-with-beard-appeasing-hunger-while-dining-alone-modern-restaurant-sunny-day-eating-meal-with-knife-fork_273609-1966.jpg",
},
{
id: "t2",
name: "Marc Schmidt",
role: "Fan",
company: "Gaarden",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-goodlooking-tender-friendly-pretty-middleaged-30s-woman-extend-arm-hold-camera-hand-smiling-broadly-taking-selfie-photographing-record-videomessage-calling-husband_176420-51274.jpg",
},
{
id: "t3",
name: "Lisa Weber",
role: "Gourmet",
company: "Kiel",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-dark-skinned-smiling-young-woman-with-afro-hairstyle-dressed-casual-summer-clothing_273609-3169.jpg",
},
{
id: "t4",
name: "Tom Wagner",
role: "Döner-Liebhaber",
company: "Kiel",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/iskender-doner-meat-pepper-tomato-side-view_140725-9129.jpg",
},
{
id: "t5",
name: "Julia Klein",
role: "Besucherin",
company: "Kiel",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg",
},
]}
kpiItems={[
{
value: "4.9/5",
label: "Google Rating",
},
{
value: "2022",
label: "Seit",
},
{
value: "100%",
label: "Leidenschaft",
},
]}
title="Was Kiel über uns sagt"
description="Gäste kommen als Besucher und gehen als Stammgäste. Hier ist, warum."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "t1", name: "Sarah Müller", role: "Stammkundin", company: "Kiel-Gaarden", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashionable-male-with-beard-appeasing-hunger-while-dining-alone-modern-restaurant-sunny-day-eating-meal-with-knife-fork_273609-1966.jpg" },
{ id: "t2", name: "Marc Schmidt", role: "Fan", company: "Gaarden", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-goodlooking-tender-friendly-pretty-middleaged-30s-woman-extend-arm-hold-camera-hand-smiling-broadly-taking-selfie-photographing-record-videomessage-calling-husband_176420-51274.jpg" },
{ id: "t3", name: "Lisa Weber", role: "Gourmet", company: "Kiel", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-dark-skinned-smiling-young-woman-with-afro-hairstyle-dressed-casual-summer-clothing_273609-3169.jpg" },
{ id: "t4", name: "Tom Wagner", role: "Döner-Liebhaber", company: "Kiel", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/iskender-doner-meat-pepper-tomato-side-view_140725-9129.jpg" },
{ id: "t5", name: "Julia Klein", role: "Besucherin", company: "Kiel", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg" },
]}
kpiItems={[
{ value: "4.9/5", label: "Google Rating" },
{ value: "2022", label: "Seit" },
{ value: "100%", label: "Leidenschaft" },
]}
title="Was Kiel über uns sagt"
description="Gäste kommen als Besucher und gehen als Stammgäste. Hier ist, warum."
/>
</div>
<div id="socialproof" data-section="socialproof">
<SocialProofOne
textboxLayout="split"
useInvertedBackground={false}
names={[
"Google Maps",
"Instagram Community",
"Kieler Lokal Guide",
"Food Blogger Netzwerk",
"Lokale Gazette",
"Gaarden News",
"Kiel Stadt Magazin",
]}
title="BABA Community"
description="Tausende begeisterte Gäste und eine wachsende Community auf Social Media."
/>
</div>
<div id="socialproof" data-section="socialproof">
<SocialProofOne
textboxLayout="split"
useInvertedBackground={false}
names={["Google Maps", "Instagram Community", "Kieler Lokal Guide", "Food Blogger Netzwerk", "Lokale Gazette", "Gaarden News", "Kiel Stadt Magazin"]}
title="BABA Community"
description="Tausende begeisterte Gäste und eine wachsende Community auf Social Media."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Wo liegt ihr?",
content: "Vinetaplatz 5, 24143 Kiel-Gaarden.",
},
{
id: "q2",
title: "Wie sind die Öffnungszeiten?",
content: "Täglich von 10:00 bis 23:00 Uhr.",
},
{
id: "q3",
title: "Gibt es auch vegetarische Optionen?",
content: "Ja, wir bieten auch leckere vegetarische Spezialitäten an.",
},
]}
title="Häufige Fragen"
description="Alles Wichtige für deinen Besuch."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{ id: "q1", title: "Wo liegt ihr?", content: "Vinetaplatz 5, 24143 Kiel-Gaarden." },
{ id: "q2", title: "Wie sind die Öffnungszeiten?", content: "Täglich von 10:00 bis 23:00 Uhr." },
{ id: "q3", title: "Gibt es auch vegetarische Optionen?", content: "Ja, wir bieten auch leckere vegetarische Spezialitäten an." },
]}
title="Häufige Fragen"
description="Alles Wichtige für deinen Besuch."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Besuch uns in Gaarden"
description="Hast du Fragen? Wir freuen uns auf deinen Besuch oder Anruf."
inputs={[
{
name: "name",
type: "text",
placeholder: "Dein Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Deine E-Mail",
required: true,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-composition-mexican-food-with-copyspace_23-2148140321.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Besuch uns in Gaarden"
description="Hast du Fragen? Wir freuen uns auf deinen Besuch oder Anruf."
inputs={[
{ name: "name", type: "text", placeholder: "Dein Name", required: true },
{ name: "email", type: "email", placeholder: "Deine E-Mail", required: true },
]}
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-composition-mexican-food-with-copyspace_23-2148140321.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="BABA Kebab"
columns={[
{
title: "Menü",
items: [
{
label: "Steak-Döner",
href: "#products",
},
{
label: "Spezial-Döner",
href: "#products",
},
],
},
{
title: "Über",
items: [
{
label: "Unsere Story",
href: "#about",
},
{
label: "Kontakt",
href: "#contact",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="BABA Kebab"
columns={[
{
title: "Menü", items: [{ label: "Steak-Döner", href: "#products" }, { label: "Spezial-Döner", href: "#products" }],
},
{
title: "Über", items: [{ label: "Unsere Story", href: "#about" }, { label: "Kontakt", href: "#contact" }],
},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);