From 32e9cfed7bd2bba9f5105b5e1b8238dd24501195 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 13:02:40 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 367 +++++++++++++++--------------------------------
 1 file changed, 114 insertions(+), 253 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f3040c0..df7aa76 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,269 +17,130 @@ export default function LandingPage() {
         defaultButtonVariant="icon-arrow"
         defaultTextAnimation="entrance-slide"
         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">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Accueil",
-          id: "hero",
-        },
-        {
-          name: "Notre Histoire",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Dar El Houte"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Accueil", id: "hero" },
+              { name: "Notre Histoire", id: "about" },
+              { name: "Menu", id: "menu" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Dar El Houte"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "plain",
-      }}
-      title="Dar El Houte : Le meilleur des produits de la mer"
-      description="Découvrez une cuisine marocaine authentique, sublimée par les arrivages quotidiens de poissons frais. Un voyage iodé au cœur de nos traditions."
-      imageSrc="http://img.b2bpic.net/free-photo/fish-dish-cooking-with-various-ingredients-fish-sorts-raw-sea-bass-with-lemon-garlic-herbs-spices-cutting-board-healthy-food-diet-nutrition-concept_114579-161.jpg"
-      imageAlt="Plateau de fruits de mer frais"
-      buttons={[
-        {
-          text: "Découvrir la carte",
-          href: "#menu",
-        },
-        {
-          text: "Réserver une table",
-          href: "#contact",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{ variant: "plain" }}
+            title="Dar El Houte : Le meilleur des produits de la mer"
+            description="Découvrez une cuisine marocaine authentique, sublimée par les arrivages quotidiens de poissons frais. Un voyage iodé au cœur de nos traditions."
+            imageSrc="http://img.b2bpic.net/free-photo/fish-dish-cooking-with-various-ingredients-fish-sorts-raw-sea-bass-with-lemon-garlic-herbs-spices-cutting-board-healthy-food-diet-nutrition-concept_114579-161.jpg"
+            imageAlt="Plateau de fruits de mer frais"
+            buttons={[
+              { text: "Découvrir la carte", href: "#menu" },
+              { text: "Réserver une table", href: "#contact" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="La fraîcheur avant tout"
-      description={[
-        "Chez Dar El Houte, chaque assiette raconte l'histoire de notre passion pour la mer. Nous sélectionnons nos produits quotidiennement pour vous garantir une saveur inégalée.",
-        "Notre savoir-faire, hérité des traditions culinaires marocaines, vous assure une expérience authentique où grillades, tajines et fritures mettent à l'honneur les trésors de nos côtes.",
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={false}
+            title="La fraîcheur avant tout"
+            description={[
+              "Chez Dar El Houte, chaque assiette raconte l'histoire de notre passion pour la mer. Nous sélectionnons nos produits quotidiennement pour vous garantir une saveur inégalée.",              "Notre savoir-faire, hérité des traditions culinaires marocaines, vous assure une expérience authentique où grillades, tajines et fritures mettent à l'honneur les trésors de nos côtes."]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "1",
-          title: "Arrivages Quotidiens",
-          tags: [
-            "Frais",
-            "Mer",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/seashells-starfish-near-magnifying-glass-map_23-2147801013.jpg",
-          imageAlt: "Poissons frais",
-        },
-        {
-          id: "2",
-          title: "Expertise Plancha",
-          tags: [
-            "Grillade",
-            "Sain",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/roasted-seabass-with-vegetables_2829-13949.jpg",
-          imageAlt: "Poisson grillé",
-        },
-        {
-          id: "3",
-          title: "Recettes Traditionnelles",
-          tags: [
-            "Tajine",
-            "Authentique",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-mussels-plate_23-2148375598.jpg",
-          imageAlt: "Tajine de la mer",
-        },
-      ]}
-      title="Pourquoi choisir Dar El Houte ?"
-      description="Une cuisine généreuse, une atmosphère chaleureuse et des ingrédients d'exception."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyThree
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "1", title: "Arrivages Quotidiens", tags: ["Frais", "Mer"], imageSrc: "http://img.b2bpic.net/free-photo/seashells-starfish-near-magnifying-glass-map_23-2147801013.jpg", imageAlt: "Poissons frais" },
+              { id: "2", title: "Expertise Plancha", tags: ["Grillade", "Sain"], imageSrc: "http://img.b2bpic.net/free-photo/roasted-seabass-with-vegetables_2829-13949.jpg", imageAlt: "Poisson grillé" },
+              { id: "3", title: "Recettes Traditionnelles", tags: ["Tajine", "Authentique"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-mussels-plate_23-2148375598.jpg", imageAlt: "Tajine de la mer" },
+            ]}
+            title="Pourquoi choisir Dar El Houte ?"
+            description="Une cuisine généreuse, une atmosphère chaleureuse et des ingrédients d'exception."
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="two-columns-alternating-heights"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Poisson à la Plancha",
-          price: "120 DH",
-          imageSrc: "http://img.b2bpic.net/free-photo/grilled-fish-close-up-decorated-with-vegetables_1303-12327.jpg",
-        },
-        {
-          id: "2",
-          name: "Tajine de Fruits de Mer",
-          price: "150 DH",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-savory-eggplant-rolls-cooked-dish-with-lemon-slices-dark-desk-dinner-oil-cooking-meal-citrus-dish_140725-102030.jpg",
-        },
-        {
-          id: "3",
-          name: "Paella Royale",
-          price: "180 DH",
-          imageSrc: "http://img.b2bpic.net/free-photo/traditional-valencian-paella-with-rabbit-chicken-garrofon-beans-snails-moroccan-green-beans-saffron-wooden-table_123827-35864.jpg",
-        },
-        {
-          id: "4",
-          name: "Assiette de Calamars",
-          price: "90 DH",
-          imageSrc: "http://img.b2bpic.net/free-photo/lunch-setup-restaurant-near-window-floor-stand-lamp_140725-1572.jpg",
-        },
-        {
-          id: "5",
-          name: "Crevettes à l'Ail",
-          price: "110 DH",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-meat-slices-with-greens-lemon-dark-background_140725-139384.jpg",
-        },
-        {
-          id: "6",
-          name: "Friture Mixte",
-          price: "100 DH",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-seabream-lemons_23-2149410789.jpg",
-        },
-      ]}
-      title="Nos Spécialités"
-      description="Une sélection de mets iodés préparés avec soin."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="two-columns-alternating-heights"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Poisson à la Plancha", price: "120 DH", imageSrc: "http://img.b2bpic.net/free-photo/grilled-fish-close-up-decorated-with-vegetables_1303-12327.jpg" },
+              { id: "2", name: "Tajine de Fruits de Mer", price: "150 DH", imageSrc: "http://img.b2bpic.net/free-photo/top-view-savory-eggplant-rolls-cooked-dish-with-lemon-slices-dark-desk-dinner-oil-cooking-meal-citrus-dish_140725-102030.jpg" },
+              { id: "3", name: "Paella Royale", price: "180 DH", imageSrc: "http://img.b2bpic.net/free-photo/traditional-valencian-paella-with-rabbit-chicken-garrofon-beans-snails-moroccan-green-beans-saffron-wooden-table_123827-35864.jpg" },
+            ]}
+            title="Nos Spécialités"
+            description="Une sélection de mets iodés préparés avec soin."
+          />
+        </div>
 
-  <div id="gallery" data-section="gallery">
-      <FeatureCardTwentyThree
-      textboxLayout="inline-image"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "g1",
-          title: "Salle à manger",
-          tags: [
-            "Ambiance",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-fried-pieces-meat-fried-onions_140725-3560.jpg",
-        },
-        {
-          id: "g2",
-          title: "Cuisine ouverte",
-          tags: [
-            "Authentique",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-fish-slices-with-lemon-slices-dark-table_140725-142141.jpg",
-        },
-        {
-          id: "g3",
-          title: "Le plat du jour",
-          tags: [
-            "Frais",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-lemon-tea_23-2148267892.jpg",
-        },
-      ]}
-      title="Notre Univers"
-      description="Un avant-goût de notre restaurant et de nos plats."
-    />
-  </div>
+        <div id="gallery" data-section="gallery">
+          <FeatureCardTwentyThree
+            animationType="slide-up"
+            textboxLayout="inline-image"
+            useInvertedBackground={false}
+            features={[
+              { id: "g1", title: "Salle à manger", tags: ["Ambiance"], imageSrc: "http://img.b2bpic.net/free-photo/medium-fried-pieces-meat-fried-onions_140725-3560.jpg" },
+              { id: "g2", title: "Cuisine ouverte", tags: ["Authentique"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-fish-slices-with-lemon-slices-dark-table_140725-142141.jpg" },
+              { id: "g3", title: "Le plat du jour", tags: ["Frais"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-lemon-tea_23-2148267892.jpg" },
+            ]}
+            title="Notre Univers"
+            description="Un avant-goût de notre restaurant et de nos plats."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="Le meilleur poisson frais que j'ai pu déguster à Casablanca. Le service est rapide et le tajine aux fruits de mer est absolument exceptionnel. Une adresse incontournable !"
-      rating={5}
-      author="Yassine M."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-selfie_23-2149250087.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "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",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/fried-chicken-fillet-with-rice_140725-4389.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/pancakes-colored-coffee_1321-880.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-photos_23-2149250044.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFifteen
+            useInvertedBackground={false}
+            testimonial="Le meilleur poisson frais que j'ai pu déguster à Casablanca. Le service est rapide et le tajine aux fruits de mer est absolument exceptionnel. Une adresse incontournable !"
+            rating={5}
+            author="Yassine M."
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-selfie_23-2149250087.jpg", alt: "Client 1" },
+              { src: "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", alt: "Client 2" },
+            ]}
+            ratingAnimation="slide-up"
+            avatarsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Réservez maintenant"
-      title="Contactez Dar El Houte"
-      description="Situé au cœur de la ville, nous vous accueillons tous les jours de 12h à 23h. Appelez-nous pour toute réservation."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Réservez maintenant"
+            title="Contactez Dar El Houte"
+            description="Situé au cœur de la ville, nous vous accueillons tous les jours de 12h à 23h. Appelez-nous pour toute réservation."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Accueil",
-              href: "#hero",
-            },
-            {
-              label: "Menu",
-              href: "#menu",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Horaires",
-          items: [
-            {
-              label: "Lun-Dim: 12h-23h",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Dar El Houte"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Navigation", items: [{ label: "Accueil", href: "#hero" }, { label: "Menu", href: "#menu" }, { label: "Contact", href: "#contact" }] },
+              { title: "Horaires", items: [{ label: "Lun-Dim: 12h-23h", href: "#" }] },
+            ]}
+            logoText="Dar El Houte"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1