From 7dea85043794485a34c969d7e4fe2e2a1b458c3a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 07:08:17 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 455 +++++++++++++++--------------------------------
 1 file changed, 143 insertions(+), 312 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c772dd9..fb420f4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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>
   );
-- 
2.49.1