From 1a36d8a7a7c264f276f9faba955c96952e985ef2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 7 May 2026 17:35:11 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 493 ++++++++++++++---------------------------------
 1 file changed, 150 insertions(+), 343 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9b353f7..00d2fe4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,360 +16,167 @@ import TextAbout from '@/components/sections/about/TextAbout';
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="directional-hover"
-        defaultTextAnimation="background-highlight"
-        borderRadius="pill"
-        contentWidth="smallMedium"
-        sizing="mediumLarge"
-        background="fluid"
-        cardStyle="solid"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="glass"
-        headingFontWeight="semibold"
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="smallMedium"
+      sizing="mediumLarge"
+      background="fluid"
+      cardStyle="solid"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Grillade Hay Chrifia"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Menu", id: "products" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Grillade Hay Chrifia"
+            button={{ text: "Order Now", href: "#products" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Authentic Flavors of Marrakech"
-      description="Experience the tradition of Grillade and Tajine at Restaurant Hay Chrifia."
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-dolma-inside-black-plate-along-with-yogurt-grey-floor_140725-13330.jpg"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/leaves-dolma-served-clay-pot_140725-3435.jpg",
-          alt: "Diner 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/lemon-flower-potty-table_140725-438.jpg",
-          alt: "Diner 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/ancient-pottery-vessel-with-retro-design_23-2151538247.jpg",
-          alt: "Diner 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/desert-landscape-morocco_23-2148129888.jpg",
-          alt: "Diner 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/moroccan-serving-mint-tea-traditional-way_268835-3983.jpg",
-          alt: "Diner 5",
-        },
-      ]}
-      avatarText="Trusted by 15k+ food lovers"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Traditional Tagine",
-        },
-        {
-          type: "text",
-          text: "Charcoal Grilled Meat",
-        },
-        {
-          type: "text",
-          text: "Authentic Marrakech Vibes",
-        },
-        {
-          type: "text",
-          text: "Fresh Local Ingredients",
-        },
-        {
-          type: "text",
-          text: "Warm Hospitality",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboard
+            background={{ variant: "gradient-bars" }}
+            title="Authentic Flavors of Marrakech"
+            description="Experience the tradition of Grillade and Tajine at Restaurant Hay Chrifia."
+            imageSrc="http://img.b2bpic.net/free-photo/top-view-dolma-inside-black-plate-along-with-yogurt-grey-floor_140725-13330.jpg"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/leaves-dolma-served-clay-pot_140725-3435.jpg", alt: "Diner 1" },
+              { src: "http://img.b2bpic.net/free-photo/lemon-flower-potty-table_140725-438.jpg", alt: "Diner 2" },
+              { src: "http://img.b2bpic.net/free-photo/ancient-pottery-vessel-with-retro-design_23-2151538247.jpg", alt: "Diner 3" },
+              { src: "http://img.b2bpic.net/free-photo/desert-landscape-morocco_23-2148129888.jpg", alt: "Diner 4" },
+              { src: "http://img.b2bpic.net/free-photo/moroccan-serving-mint-tea-traditional-way_268835-3983.jpg", alt: "Diner 5" },
+            ]}
+            avatarText="Trusted by 15k+ food lovers"
+            marqueeItems={[
+              { type: "text", text: "Traditional Tagine" },
+              { type: "text", text: "Charcoal Grilled Meat" },
+              { type: "text", text: "Authentic Marrakech Vibes" },
+              { type: "text", text: "Fresh Local Ingredients" },
+              { type: "text", text: "Warm Hospitality" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="Welcome to Hay Chrifia"
-      tag="Our Story"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout useInvertedBackground={false} title="Welcome to Hay Chrifia" tag="Our Story" />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          brand: "Tajine",
-          name: "Lamb Tajine",
-          price: "85 MAD",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/single-clay-antique-vase-placed-marble-surface_114579-43501.jpg",
-        },
-        {
-          id: "2",
-          brand: "Grillade",
-          name: "Lamb Skewers",
-          price: "70 MAD",
-          rating: 5,
-          reviewCount: "95",
-          imageSrc: "http://img.b2bpic.net/free-photo/kebab-platter-with-tikka-lula-chicken-vegetable-kebabs_140725-256.jpg",
-        },
-        {
-          id: "3",
-          brand: "Tajine",
-          name: "Vegetable Tajine",
-          price: "60 MAD",
-          rating: 4,
-          reviewCount: "80",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-boiled-vegetable-salad-inside-plate-blue-background_179666-17235.jpg",
-        },
-        {
-          id: "4",
-          brand: "Tajine",
-          name: "Kefta Tajine",
-          price: "75 MAD",
-          rating: 5,
-          reviewCount: "110",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-eggs-with-meatballs-herbs-pan-slices-tomato-cucumber_141793-4012.jpg",
-        },
-        {
-          id: "5",
-          brand: "Grillade",
-          name: "Grilled Chicken",
-          price: "65 MAD",
-          rating: 4,
-          reviewCount: "70",
-          imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-breasts-with-vegetables_23-2148189846.jpg",
-        },
-        {
-          id: "6",
-          brand: "Drink",
-          name: "Mint Tea",
-          price: "15 MAD",
-          rating: 5,
-          reviewCount: "200",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-tea-set-tea-armudu-glass-with-jam-sweets-nuts-with-raisins-bar-chocolate-table_141793-17483.jpg",
-        },
-      ]}
-      title="Our Signature Dishes"
-      description="Hand-picked traditional recipes."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", brand: "Tajine", name: "Lamb Tajine", price: "85 MAD", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/single-clay-antique-vase-placed-marble-surface_114579-43501.jpg" },
+              { id: "2", brand: "Grillade", name: "Lamb Skewers", price: "70 MAD", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/kebab-platter-with-tikka-lula-chicken-vegetable-kebabs_140725-256.jpg" },
+              { id: "3", brand: "Tajine", name: "Vegetable Tajine", price: "60 MAD", rating: 4, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-boiled-vegetable-salad-inside-plate-blue-background_179666-17235.jpg" },
+              { id: "4", brand: "Tajine", name: "Kefta Tajine", price: "75 MAD", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-eggs-with-meatballs-herbs-pan-slices-tomato-cucumber_141793-4012.jpg" },
+              { id: "5", brand: "Grillade", name: "Grilled Chicken", price: "65 MAD", rating: 4, reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-breasts-with-vegetables_23-2148189846.jpg" },
+              { id: "6", brand: "Drink", name: "Mint Tea", price: "15 MAD", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tea-set-tea-armudu-glass-with-jam-sweets-nuts-with-raisins-bar-chocolate-table_141793-17483.jpg" },
+            ]}
+            title="Our Signature Dishes"
+            description="Hand-picked traditional recipes."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "John D.",
-          handle: "@johnd",
-          testimonial: "Best lamb tajine in Marrakech!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50s-cafe-dancing-wearing-jacket-blue-skirt-red-shirt-sunglasses-having-fun-cheerful-mood_285396-10718.jpg",
-        },
-        {
-          id: "2",
-          name: "Sara M.",
-          handle: "@saram",
-          testimonial: "Authentic flavors and great service.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg",
-        },
-        {
-          id: "3",
-          name: "Ali K.",
-          handle: "@alik",
-          testimonial: "The grillade platter is incredible.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg",
-        },
-        {
-          id: "4",
-          name: "Elena B.",
-          handle: "@elenab",
-          testimonial: "Wonderful atmosphere.",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50-s-cafe-sitting-table_285396-10425.jpg",
-        },
-        {
-          id: "5",
-          name: "Omar F.",
-          handle: "@omarf",
-          testimonial: "Classic Marrakech taste.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-sitting-bar-drinking-milk-shake-cocktail-pink-tshirt-balcj-leather-jacket-jeans-having-fun-cheerful-mood_285396-10732.jpg",
-        },
-      ]}
-      showRating={true}
-      title="What Our Guests Say"
-      description="Hear from our happy guests about their culinary journey at Hay Chrifia."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "John D.", handle: "@johnd", testimonial: "Best lamb tajine in Marrakech!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50s-cafe-dancing-wearing-jacket-blue-skirt-red-shirt-sunglasses-having-fun-cheerful-mood_285396-10718.jpg" },
+              { id: "2", name: "Sara M.", handle: "@saram", testimonial: "Authentic flavors and great service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg" },
+              { id: "3", name: "Ali K.", handle: "@alik", testimonial: "The grillade platter is incredible.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg" },
+              { id: "4", name: "Elena B.", handle: "@elenab", testimonial: "Wonderful atmosphere.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50-s-cafe-sitting-table_285396-10425.jpg" },
+              { id: "5", name: "Omar F.", handle: "@omarf", testimonial: "Classic Marrakech taste.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-sitting-bar-drinking-milk-shake-cocktail-pink-tshirt-balcj-leather-jacket-jeans-having-fun-cheerful-mood_285396-10732.jpg" },
+            ]}
+            showRating={true}
+            title="What Our Guests Say"
+            description="Hear from our happy guests about their culinary journey at Hay Chrifia."
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="asymmetric-60-wide-40-narrow"
-      useInvertedBackground={false}
-      members={[
-        {
-          id: "1",
-          name: "Chef Ahmed",
-          role: "Head Chef",
-          description: "Expert in traditional tajines.",
-          imageSrc: "http://img.b2bpic.net/free-photo/chef-showing-plate-with-food-camera_23-2148471885.jpg",
-        },
-        {
-          id: "2",
-          name: "Chef Omar",
-          role: "Grill Master",
-          description: "Passionate about charcoal grills.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-chef-cook-wearing-black-uniform-cook-hat-looking-camera-with-confident-smile-face-with-crossed-hands-chest-standing-purple-background_141793-54319.jpg",
-        },
-        {
-          id: "3",
-          name: "Chef Fatima",
-          role: "Pastry Chef",
-          description: "Creating sweet finales.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-chef-cook-wearing-black-uniform-cook-hat-showing-tomato-smiling-looking-camera-standing-green-background_141793-54339.jpg",
-        },
-        {
-          id: "4",
-          name: "Chef Hicham",
-          role: "Sous Chef",
-          description: "Keeping the kitchen running.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chef-cooking_23-2148471935.jpg",
-        },
-      ]}
-      title="Meet Our Chefs"
-      description="The creative minds behind our traditional grill and tajine menu."
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="asymmetric-60-wide-40-narrow"
+            useInvertedBackground={false}
+            members={[
+              { id: "1", name: "Chef Ahmed", role: "Head Chef", description: "Expert in traditional tajines.", imageSrc: "http://img.b2bpic.net/free-photo/chef-showing-plate-with-food-camera_23-2148471885.jpg" },
+              { id: "2", name: "Chef Omar", role: "Grill Master", description: "Passionate about charcoal grills.", imageSrc: "http://img.b2bpic.net/free-photo/male-chef-cook-wearing-black-uniform-cook-hat-looking-camera-with-confident-smile-face-with-crossed-hands-chest-standing-purple-background_141793-54319.jpg" },
+              { id: "3", name: "Chef Fatima", role: "Pastry Chef", description: "Creating sweet finales.", imageSrc: "http://img.b2bpic.net/free-photo/male-chef-cook-wearing-black-uniform-cook-hat-showing-tomato-smiling-looking-camera-standing-green-background_141793-54339.jpg" },
+              { id: "4", name: "Chef Hicham", role: "Sous Chef", description: "Keeping the kitchen running.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chef-cooking_23-2148471935.jpg" },
+            ]}
+            title="Meet Our Chefs"
+            description="The creative minds behind our traditional grill and tajine menu."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "Do you take reservations?",
-          content: "Yes, please call us in advance.",
-        },
-        {
-          id: "2",
-          title: "Is there outdoor seating?",
-          content: "Yes, we have a beautiful terrace.",
-        },
-        {
-          id: "3",
-          title: "Do you offer vegetarian options?",
-          content: "Yes, our vegetable tajine is delicious.",
-        },
-      ]}
-      title="Frequently Asked"
-      faqsAnimation="slide-up"
-      description="Have questions? We have the answers."
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "1", title: "Do you take reservations?", content: "Yes, please call us in advance." },
+              { id: "2", title: "Is there outdoor seating?", content: "Yes, we have a beautiful terrace." },
+              { id: "3", title: "Do you offer vegetarian options?", content: "Yes, our vegetable tajine is delicious." },
+            ]}
+            title="Frequently Asked"
+            faqsAnimation="slide-up"
+            description="Have questions? We have the answers."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Our Impact"
-      tag="Since 2010"
-      metrics={[
-        {
-          id: "1",
-          value: "15k+",
-          description: "Happy Guests Served",
-        },
-        {
-          id: "2",
-          value: "12",
-          description: "Years of Tradition",
-        },
-        {
-          id: "3",
-          value: "100%",
-          description: "Fresh Ingredients",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardFourteen
+            useInvertedBackground={false}
+            title="Our Impact"
+            tag="Since 2010"
+            metrics={[
+              { id: "1", value: "15k+", description: "Happy Guests Served" },
+              { id: "2", value: "12", description: "Years of Tradition" },
+              { id: "3", value: "100%", description: "Fresh Ingredients" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Visit us in Marrakech for an unforgettable meal."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            text="Visit us in Marrakech for an unforgettable meal."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Grillade Hay Chrifia"
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Menu",
-              href: "#products",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Reservations",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Grillade Hay Chrifia"
+            columns={[
+              {
+                title: "Navigation",                items: [
+                  { label: "Menu", href: "#products" },
+                  { label: "About", href: "#about" },
+                ],
+              },
+              {
+                title: "Contact",                items: [{ label: "Reservations", href: "#contact" }],
+              },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1