From 0771310bc63a61024d7a3d1054bc1bd6b8483512 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 6 May 2026 12:23:13 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 510 +++++++++++++----------------------------------
 1 file changed, 144 insertions(+), 366 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3d67fc2..8df5dd4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,381 +28,159 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Dar Tajine"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Menu", id: "menu" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Dar Tajine"
+            button={{ text: "Order Now", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlayTestimonial
-      title="Authentic Taste of Morocco"
-      description="Experience the warmth of traditional tagine, prepared with fresh ingredients and authentic spices. Welcome to Dar Tajine."
-      testimonials={[
-        {
-          name: "Ahmed",
-          handle: "@ahmedfood",
-          testimonial: "The best tajine I've ever had, brings back memories of home.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/person-eating-fresh-cheese_52683-110414.jpg",
-        },
-        {
-          name: "Sarah",
-          handle: "@sarah_eats",
-          testimonial: "Authentic flavors and beautiful presentation. Absolutely delicious.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24360.jpg",
-        },
-        {
-          name: "Marc",
-          handle: "@marc_d",
-          testimonial: "A true gem! The lamb tagine is perfectly spiced and tender.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
-        },
-        {
-          name: "Elena",
-          handle: "@elena_g",
-          testimonial: "Cozy atmosphere and the freshest ingredients. My new favorite spot.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg",
-        },
-        {
-          name: "Youssef",
-          handle: "@youssef_k",
-          testimonial: "Truly captures the essence of Moroccan cooking. Highly recommend.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-appetizing-ramadan-meal_23-2151182456.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "View Our Menu",
-          href: "#menu",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/side-view-stuffed-vegetables-with-meat-rice-clay-bowl_140725-12055.jpg"
-      imageAlt="authentic moroccan tajine dish"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150533974.jpg",
-          alt: "Medium shot man eating salmon bowl",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5052.jpg",
-          alt: "Beautiful African-American woman in cafe",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/healthy-woman-with-tan-sitting-t-shirt-cafe-terrace-eating-breakfast-drinking-coffee_197531-22516.jpg",
-          alt: "Healthy woman with tan, sitting in t-shirt on cafe terrace, eating breakfast and drinking coffee.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-food_23-2148899055.jpg",
-          alt: "Medium shot smiley man with food",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-woman-pajamas-with-gift-box_1153-4231.jpg",
-          alt: "Beautiful woman in pajamas with gift box",
-        },
-      ]}
-      avatarText="Join 5,000+ satisfied food lovers"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlayTestimonial
+            title="Authentic Taste of Morocco"
+            description="Experience the warmth of traditional tagine, prepared with fresh ingredients and authentic spices. Welcome to Dar Tajine."
+            testimonials={[
+              { name: "Ahmed", handle: "@ahmedfood", testimonial: "The best tajine I've ever had, brings back memories of home.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-eating-fresh-cheese_52683-110414.jpg" },
+              { name: "Sarah", handle: "@sarah_eats", testimonial: "Authentic flavors and beautiful presentation. Absolutely delicious.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24360.jpg" },
+              { name: "Marc", handle: "@marc_d", testimonial: "A true gem! The lamb tagine is perfectly spiced and tender.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg" },
+              { name: "Elena", handle: "@elena_g", testimonial: "Cozy atmosphere and the freshest ingredients. My new favorite spot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg" },
+              { name: "Youssef", handle: "@youssef_k", testimonial: "Truly captures the essence of Moroccan cooking. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-appetizing-ramadan-meal_23-2151182456.jpg" },
+            ]}
+            buttons={[{ text: "View Our Menu", href: "#menu" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/side-view-stuffed-vegetables-with-meat-rice-clay-bowl_140725-12055.jpg"
+            imageAlt="authentic moroccan tajine dish"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150533974.jpg", alt: "Medium shot man eating salmon bowl" },
+              { src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5052.jpg", alt: "Beautiful African-American woman in cafe" },
+              { src: "http://img.b2bpic.net/free-photo/healthy-woman-with-tan-sitting-t-shirt-cafe-terrace-eating-breakfast-drinking-coffee_197531-22516.jpg", alt: "Healthy woman with tan" },
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-food_23-2148899055.jpg", alt: "Medium shot smiley man with food" },
+              { src: "http://img.b2bpic.net/free-photo/beautiful-woman-pajamas-with-gift-box_1153-4231.jpg", alt: "Beautiful woman in pajamas" },
+            ]}
+            avatarText="Join 5,000+ satisfied food lovers"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Our Story & ",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/delicious-indian-food-arrangement_23-2148747691.jpg",
-          alt: "fresh moroccan ingredients spices",
-        },
-        {
-          type: "text",
-          content: " Traditions",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { type: "text", content: "Our Story & " },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/delicious-indian-food-arrangement_23-2148747691.jpg", alt: "fresh moroccan ingredients spices" },
+              { type: "text", content: " Traditions" },
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardMedia
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "f1",
-          title: "Fresh Ingredients",
-          description: "We source the freshest local vegetables and premium spices.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-fresh-herbs-wooden-cutting-board-grey_140725-12360.jpg",
-        },
-        {
-          id: "f2",
-          title: "Authentic Atmosphere",
-          description: "Step into our cozy space designed to reflect true Moroccan charm.",
-          imageSrc: "http://img.b2bpic.net/free-photo/lunch-setup-restaurant-near-window-floor-stand-lamp_140725-1572.jpg",
-        },
-        {
-          id: "f3",
-          title: "Exceptional Service",
-          description: "Hospitality is at the heart of everything we serve.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-drinks_23-2149182212.jpg",
-        },
-      ]}
-      title="Why Choose Dar Tajine"
-      description="Everything we do is guided by tradition, flavor, and hospitality."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardMedia
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              { id: "f1", title: "Fresh Ingredients", description: "We source the freshest local vegetables and premium spices.", tag: "Quality", imageSrc: "http://img.b2bpic.net/free-photo/top-fresh-herbs-wooden-cutting-board-grey_140725-12360.jpg" },
+              { id: "f2", title: "Authentic Atmosphere", description: "Step into our cozy space designed to reflect true Moroccan charm.", tag: "Ambiance", imageSrc: "http://img.b2bpic.net/free-photo/lunch-setup-restaurant-near-window-floor-stand-lamp_140725-1572.jpg" },
+              { id: "f3", title: "Exceptional Service", description: "Hospitality is at the heart of everything we serve.", tag: "Service", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-drinks_23-2149182212.jpg" },
+            ]}
+            title="Why Choose Dar Tajine"
+            description="Everything we do is guided by tradition, flavor, and hospitality."
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Lamb Tajine",
-          price: "$22",
-          variant: "Traditional",
-          imageSrc: "http://img.b2bpic.net/free-photo/copper-pan-with-sauteed-bell-peppers-chicken-garnished-with-herbs_141793-2084.jpg",
-        },
-        {
-          id: "p2",
-          name: "Chicken Tagine",
-          price: "$19",
-          variant: "Classic",
-          imageSrc: "http://img.b2bpic.net/free-photo/brown-green-dry-anise-seeds-wooden-cups_114579-70030.jpg",
-        },
-        {
-          id: "p3",
-          name: "Couscous Royal",
-          price: "$24",
-          variant: "Signature",
-          imageSrc: "http://img.b2bpic.net/free-photo/traditional-eastern-desserts-wooden-background_93675-131676.jpg",
-        },
-        {
-          id: "p4",
-          name: "Merguez Platter",
-          price: "$18",
-          variant: "Spicy",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-close-up-view-sandwich-called-doner-with-meat-sliced-vegetables-inside-along-with-yoghurt-brown-wooden-surface_140725-14246.jpg",
-        },
-        {
-          id: "p5",
-          name: "Vegetable Tajine",
-          price: "$17",
-          variant: "Vegan",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-beef-vegetables-arrangement_23-2149388118.jpg",
-        },
-        {
-          id: "p6",
-          name: "Mint Tea & Pastries",
-          price: "$8",
-          variant: "Dessert",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meat-soup-with-potatoes-greens-dark-desk_140725-76539.jpg",
-        },
-      ]}
-      title="Our Signature Dishes"
-      description="A curated selection of our most loved traditional meals."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Lamb Tajine", price: "$22", variant: "Traditional", imageSrc: "http://img.b2bpic.net/free-photo/copper-pan-with-sauteed-bell-peppers-chicken-garnished-with-herbs_141793-2084.jpg" },
+              { id: "p2", name: "Chicken Tagine", price: "$19", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/brown-green-dry-anise-seeds-wooden-cups_114579-70030.jpg" },
+              { id: "p3", name: "Couscous Royal", price: "$24", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/traditional-eastern-desserts-wooden-background_93675-131676.jpg" },
+              { id: "p4", name: "Merguez Platter", price: "$18", variant: "Spicy", imageSrc: "http://img.b2bpic.net/free-photo/front-close-up-view-sandwich-called-doner-with-meat-sliced-vegetables-inside-along-with-yoghurt-brown-wooden-surface_140725-14246.jpg" },
+              { id: "p5", name: "Vegetable Tajine", price: "$17", variant: "Vegan", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beef-vegetables-arrangement_23-2149388118.jpg" },
+              { id: "p6", name: "Mint Tea & Pastries", price: "$8", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meat-soup-with-potatoes-greens-dark-desk_140725-76539.jpg" },
+            ]}
+            title="Our Signature Dishes"
+            description="A curated selection of our most loved traditional meals."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Ahmed",
-          role: "Foodie",
-          company: "Local Guide",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-glad-carefree-dark-skinned-female-recreate-cozy-cafeteria-tastes-delicious-exotic-cocktail-smiles-happily-as-being-satisfied-with-everything-has-specific-attractive-appearance_273609-2094.jpg",
-        },
-        {
-          id: "t2",
-          name: "Sarah",
-          role: "Customer",
-          company: "Visitor",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-yellow-uniform-cape-holding-black-sign-with-bowl-pink-wall-service-delivery-uniform-company_140725-42978.jpg",
-        },
-        {
-          id: "t3",
-          name: "Marc",
-          role: "Blogger",
-          company: "Local Eat",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-paying-with-her-phone-via-contactless-payment-while-having-lunch-with-boyfriend-bar_637285-647.jpg",
-        },
-        {
-          id: "t4",
-          name: "Elena",
-          role: "Customer",
-          company: "Visitor",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg",
-        },
-        {
-          id: "t5",
-          name: "Youssef",
-          role: "Customer",
-          company: "Regular",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/retro-interior-design-table-with-food_23-2150595531.jpg",
-        },
-      ]}
-      title="What Our Guests Say"
-      description="Hear from our happy diners who enjoy our authentic Moroccan cuisine."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "t1", name: "Ahmed", role: "Foodie", company: "Local Guide", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-glad-carefree-dark-skinned-female-recreate-cozy-cafeteria-tastes-delicious-exotic-cocktail-smiles-happily-as-being-satisfied-with-everything-has-specific-attractive-appearance_273609-2094.jpg" },
+              { id: "t2", name: "Sarah", role: "Customer", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-yellow-uniform-cape-holding-black-sign-with-bowl-pink-wall-service-delivery-uniform-company_140725-42978.jpg" },
+              { id: "t3", name: "Marc", role: "Blogger", company: "Local Eat", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-paying-with-her-phone-via-contactless-payment-while-having-lunch-with-boyfriend-bar_637285-647.jpg" },
+              { id: "t4", name: "Elena", role: "Customer", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg" },
+              { id: "t5", name: "Youssef", role: "Customer", company: "Regular", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/retro-interior-design-table-with-food_23-2150595531.jpg" },
+            ]}
+            title="What Our Guests Say"
+            description="Hear from our happy diners who enjoy our authentic Moroccan cuisine."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "15+",
-          title: "Years Cooking",
-          items: [
-            "Established in 2008",
-            "Deep roots",
-            "Culinary passion",
-          ],
-        },
-        {
-          id: "m2",
-          value: "5000+",
-          title: "Tajines Served",
-          items: [
-            "Freshly prepared",
-            "Quality guaranteed",
-            "Loved daily",
-          ],
-        },
-        {
-          id: "m3",
-          value: "20+",
-          title: "Authentic Spices",
-          items: [
-            "Sourced traditionally",
-            "Hand-ground",
-            "Secret mixes",
-          ],
-        },
-      ]}
-      title="Our Culinary Impact"
-      description="Numbers behind our passion."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "15+", title: "Years Cooking", items: ["Established in 2008", "Deep roots", "Culinary passion"] },
+              { id: "m2", value: "5000+", title: "Tajines Served", items: ["Freshly prepared", "Quality guaranteed", "Loved daily"] },
+              { id: "m3", value: "20+", title: "Authentic Spices", items: ["Sourced traditionally", "Hand-ground", "Secret mixes"] },
+            ]}
+            title="Our Culinary Impact"
+            description="Numbers behind our passion."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "Do you offer vegetarian options?",
-          content: "Yes, we have a delicious vegetable tajine option daily.",
-        },
-        {
-          id: "q2",
-          title: "Can I book a table?",
-          content: "Yes, we recommend reservations for weekends.",
-        },
-        {
-          id: "q3",
-          title: "Is takeout available?",
-          content: "Absolutely! Enjoy Dar Tajine at home.",
-        },
-      ]}
-      title="Frequently Asked"
-      description="Have questions about Dar Tajine?"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "q1", title: "Do you offer vegetarian options?", content: "Yes, we have a delicious vegetable tajine option daily." },
+              { id: "q2", title: "Can I book a table?", content: "Yes, we recommend reservations for weekends." },
+              { id: "q3", title: "Is takeout available?", content: "Absolutely! Enjoy Dar Tajine at home." },
+            ]}
+            title="Frequently Asked"
+            description="Have questions about Dar Tajine?"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Visit Us"
-      title="Book Your Table"
-      description="Join us for an authentic Moroccan meal. Contact us to reserve your spot."
-      imageSrc="http://img.b2bpic.net/free-photo/mangal-salad-with-bread-vegetables_140725-2144.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Visit Us"
+            title="Book Your Table"
+            description="Join us for an authentic Moroccan meal. Contact us to reserve your spot."
+            imageSrc="http://img.b2bpic.net/free-photo/mangal-salad-with-bread-vegetables_140725-2144.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Dar Tajine"
-      columns={[
-        {
-          title: "Explore",
-          items: [
-            {
-              label: "Menu",
-              href: "#menu",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Call Us",
-              href: "#",
-            },
-            {
-              label: "Reservations",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Dar Tajine. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Dar Tajine"
+            columns={[
+              { title: "Explore", items: [{ label: "Menu", href: "#menu" }, { label: "About", href: "#about" }] },
+              { title: "Contact", items: [{ label: "Call Us", href: "#" }, { label: "Reservations", href: "#contact" }] },
+            ]}
+            copyrightText="© 2024 Dar Tajine. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1