From 8abc137fb1bcb09323e2a8bbf837ce393c2f3244 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 25 Mar 2026 20:47:42 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 374 +++++++++++++++++++----------------------------
 1 file changed, 153 insertions(+), 221 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9a62d8a..132c183 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,240 +2,172 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
+import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
 import { Heart } from "lucide-react";
+import HeroBillboard from "@/components/sections/hero/HeroBillboard";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-shift"
-        defaultTextAnimation="background-highlight"
-        borderRadius="soft"
-        contentWidth="compact"
-        sizing="mediumLargeSizeLargeTitles"
-        background="noise"
-        cardStyle="subtle-shadow"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="light"
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="compact"
+      sizing="mediumLargeSizeLargeTitles"
+      background="noise"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Accueil",
-          id: "hero",
-        },
-        {
-          name: "Notre Esprit",
-          id: "about",
-        },
-        {
-          name: "Expérience",
-          id: "features",
-        },
-        {
-          name: "Témoignages",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Bouche à Oreilles"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              {
+                name: "Accueil",                id: "hero"},
+              {
+                name: "Notre Esprit",                id: "about"},
+              {
+                name: "Expérience",                id: "features"},
+              {
+                name: "Témoignages",                id: "testimonials"},
+              {
+                name: "Contact",                id: "contact"},
+            ]}
+            brandName="Bouche à Oreilles"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "plain",
-      }}
-      title="Bouche à Oreilles"
-      description="Une expérience culinaire authentique, chaleureuse et inoubliable au cœur de Marseille."
-      tag="Restaurant à Marseille"
-      buttons={[
-        {
-          text: "Réserver une table",
-          href: "#contact",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/sushi-cafe-sushi-chef-cutting-fish-making-sushi_259150-58581.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-with-grapes_23-2150312232.jpg",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="Excellence culinaire"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboard
+            background={{
+              variant: "plain"}}
+            title="Bouche à Oreilles"
+            description="Une expérience culinaire authentique, chaleureuse et inoubliable au cœur de Marseille."
+            tag="Restaurant à Marseille"
+            buttons={[
+              {
+                text: "Réserver une table",                href: "#contact"},
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/sushi-cafe-sushi-chef-cutting-fish-making-sushi_259150-58581.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="Notre Philosophie"
-      title="L'esprit Bouche à Oreilles"
-      description="Chez Bouche à Oreilles, tout est fait maison avec amour. Une cuisine authentique, des produits frais et de saison, et surtout une ambiance familiale où chaque client devient un invité privilégié."
-      subdescription="Chaque plat raconte une histoire, chaque visite est une célébration."
-      icon={Heart}
-      imageSrc="http://img.b2bpic.net/free-photo/people-enjoying-pizza-snack-outdoors_23-2150610287.jpg"
-      mediaAnimation="slide-up"
-      imageAlt="Chef préparant un plat dans la cuisine"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={false}
+            tag="Notre Philosophie"
+            title="L'esprit Bouche à Oreilles"
+            description="Chez Bouche à Oreilles, tout est fait maison avec amour. Une cuisine authentique, des produits frais et de saison, et surtout une ambiance familiale où chaque client devient un invité privilégié."
+            subdescription="Chaque plat raconte une histoire, chaque visite est une célébration."
+            icon={Heart}
+            imageSrc="http://img.b2bpic.net/free-photo/people-enjoying-pizza-snack-outdoors_23-2150610287.jpg"
+            mediaAnimation="slide-up"
+            imageAlt="Chef préparant un plat dans la cuisine"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardMedia
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "1",
-          title: "Cuisine Maison",
-          description: "Des plats préparés avec passion, utilisant des produits frais et de saison pour un goût authentique.",
-          tag: "Fait Maison",
-          imageSrc: "http://img.b2bpic.net/free-photo/baked-bread-with-topping-vegetables-chopping-board_23-2148194992.jpg",
-        },
-        {
-          id: "2",
-          title: "Accueil Chaleureux",
-          description: "Un service attentionné et souriant, pour que chaque client se sente comme chez lui dès son arrivée.",
-          tag: "Convivialité",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-men-restaurant_1157-45694.jpg",
-        },
-        {
-          id: "3",
-          title: "Ambiance Familiale",
-          description: "Un cadre intime et agréable, parfait pour partager des moments mémorables en famille ou entre amis.",
-          tag: "Atmosphère",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-announcing-pregnancy_23-2150296830.jpg",
-        },
-      ]}
-      title="Notre Expérience Unique"
-      description="Découvrez ce qui fait de Bouche à Oreilles un lieu incontournable de la gastronomie Marseillaise."
-      tag="Découvrez"
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardMedia
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              {
+                id: "1",                title: "Cuisine Maison",                description: "Des plats préparés avec passion, utilisant des produits frais et de saison pour un goût authentique.",                tag: "Fait Maison",                imageSrc: "http://img.b2bpic.net/free-photo/baked-bread-with-topping-vegetables-chopping-board_23-2148194992.jpg"},
+              {
+                id: "2",                title: "Accueil Chaleureux",                description: "Un service attentionné et souriant, pour que chaque client se sente comme chez lui dès son arrivée.",                tag: "Convivialité",                imageSrc: "http://img.b2bpic.net/free-photo/handsome-men-restaurant_1157-45694.jpg"},
+              {
+                id: "3",                title: "Ambiance Familiale",                description: "Un cadre intime et agréable, parfait pour partager des moments mémorables en famille ou entre amis.",                tag: "Atmosphère",                imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-announcing-pregnancy_23-2150296830.jpg"},
+            ]}
+            title="Notre Expérience Unique"
+            description="Découvrez ce qui fait de Bouche à Oreilles un lieu incontournable de la gastronomie Marseillaise."
+            tag="Découvrez"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="« Une adresse incroyable ! L’accueil est chaleureux, la cuisine maison exceptionnelle avec des produits frais. On s’y sent comme à la maison, avec un service attentionné et une ambiance familiale qui rend l’expérience parfaite du début à la fin. »"
-      rating={5}
-      author="Nos Clients Heureux"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-vector/hand-drawn-curly-hair-types-collection_23-2148830975.jpg",
-          alt: "Sarah Johnson",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg",
-          alt: "Michael Chen",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/indoor-portrait-gorgeous-young-caucasian-female-student-with-perfect-healthy-skin_273609-9035.jpg",
-          alt: "Emily Rodriguez",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-showing-double-thumbs-up-blouse-cardigan-looking-joyful-front-view_176474-109578.jpg",
-          alt: "David Kim",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-sensitive-red-head-man-smiling_23-2149509802.jpg",
-          alt: "Jessica Lee",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFifteen
+            useInvertedBackground={false}
+            testimonial="« Une adresse incroyable ! L’accueil est chaleureux, la cuisine maison exceptionnelle avec des produits frais. On s’y sent comme à la maison, avec un service attentionné et une ambiance familiale qui rend l’expérience parfaite du début à la fin. »"
+            rating={5}
+            author="Nos Clients Heureux"
+            avatars={[
+              {
+                src: "http://img.b2bpic.net/free-vector/hand-drawn-curly-hair-types-collection_23-2148830975.jpg",                alt: "Sarah Johnson"},
+              {
+                src: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg",                alt: "Michael Chen"},
+              {
+                src: "http://img.b2bpic.net/free-photo/indoor-portrait-gorgeous-young-caucasian-female-student-with-perfect-healthy-skin_273609-9035.jpg",                alt: "Emily Rodriguez"},
+              {
+                src: "http://img.b2bpic.net/free-photo/young-woman-showing-double-thumbs-up-blouse-cardigan-looking-joyful-front-view_176474-109578.jpg",                alt: "David Kim"},
+              {
+                src: "http://img.b2bpic.net/free-photo/handsome-sensitive-red-head-man-smiling_23-2149509802.jpg",                alt: "Jessica Lee"},
+            ]}
+            ratingAnimation="slide-up"
+            avatarsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Réserver"
-      title="Venez vivre l’expérience"
-      description="Réservez votre table et laissez-vous surprendre par la magie de Bouche à Oreilles."
-      buttons={[
-        {
-          text: "Réserver maintenant",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{
+              variant: "plain"}}
+            tag="Réserver"
+            title="Venez vivre l’expérience"
+            description="Réservez votre table et laissez-vous surprendre par la magie de Bouche à Oreilles."
+            buttons={[
+              {
+                text: "Réserver maintenant",                href: "#"},
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Accueil",
-              href: "#hero",
-            },
-            {
-              label: "Notre Esprit",
-              href: "#about",
-            },
-            {
-              label: "Menu",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Témoignages",
-              href: "#testimonials",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Foire aux questions",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Vie privée",
-              href: "#",
-            },
-            {
-              label: "Conditions d'utilisation",
-              href: "#",
-            },
-            {
-              label: "Mentions légales",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Bouche à Oreilles"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              {
+                items: [
+                  {
+                    label: "Accueil",                    href: "#hero"},
+                  {
+                    label: "Notre Esprit",                    href: "#about"},
+                  {
+                    label: "Menu",                    href: "#"},
+                ],
+              },
+              {
+                items: [
+                  {
+                    label: "Témoignages",                    href: "#testimonials"},
+                  {
+                    label: "Contact",                    href: "#contact"},
+                  {
+                    label: "Foire aux questions",                    href: "#"},
+                ],
+              },
+              {
+                items: [
+                  {
+                    label: "Vie privée",                    href: "#"},
+                  {
+                    label: "Conditions d'utilisation",                    href: "#"},
+                  {
+                    label: "Mentions légales",                    href: "#"},
+                ],
+              },
+            ]}
+            logoText="Bouche à Oreilles"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );