Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,7 +2,6 @@
 
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
@@ -28,10 +27,10 @@ export default function LandingPage() {
         <NavbarStyleFullscreen
           navItems={[
             { name: 'Accueil', id: 'hero' },
-            { name: 'Menu', id: 'menu' },
-            { name: 'À propos', id: 'about' },
+            { name: 'Menu', id: 'specialties' },
+            { name: 'À propos', id: 'why-choose' },
             { name: 'Avis', id: 'testimonials' },
-            { name: 'Contact', id: 'contact' }
+            { name: 'Contact', id: 'cta' }
           ]}
           brandName="Le Croquant"
           bottomLeftText="Kouba, Alger"
@@ -47,30 +46,12 @@ export default function LandingPage() {
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnW6qHutriGtxa74ODlgSKTcZi/uploaded-1773230602480-uaqa5k3g.png"
           imageAlt="Crispy gourmet sandwich with fresh ingredients"
           buttons={[
-            { text: 'Découvrir le menu', href: '#menu' },
-            { text: 'Commander maintenant', href: '#contact' }
+            { text: 'Découvrir le menu', href: '#specialties' }
           ]}
           mediaAnimation="slide-up"
         />
       </div>
 
-      <div id="concept" data-section="concept">
-        <MetricSplitMediaAbout
-          tag="Notre Vision"
-          title="Un fast-food… mais autrement."
-          description="Chez Le Croquant, nous croyons qu'un bon sandwich doit être croustillant, généreux et préparé avec des ingrédients frais. Notre objectif est simple : offrir un repas gourmand, savoureux et accessible, dans un lieu propre, chaleureux et moderne. Que vous veniez pour une pause rapide ou pour partager un bon moment, nous mettons le goût et la qualité au centre de chaque plat."
-          metrics={[
-            { value: '', title: '' },
-            { value: 'Qualité', title: '' }
-          ]}
-          imageSrc="http://img.b2bpic.net/free-photo/boy-eating-restaurant_23-2148172673.jpg?_wi=1"
-          imageAlt="Restaurant interior clean and modern"
-          useInvertedBackground={false}
-          mediaAnimation="slide-up"
-          metricsAnimation="slide-up"
-        />
-      </div>
-
       <div id="specialties" data-section="specialties">
         <FeatureBento
           title="Nos Spécialités"
@@ -206,31 +187,13 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="experience" data-section="experience">
-        <MetricSplitMediaAbout
-          tag="L'Expérience"
-          title="Un lieu simple, propre et chaleureux."
-          description="Nous avons créé Le Croquant comme un lieu où la gourmandise rencontre la simplicité. Une équipe jeune et passionnée, un service rapide, et surtout des plats préparés avec soin et amour. Chaque détail compte pour vous offrir le meilleur."
-          metrics={[
-            { value: 'Jeune', title: 'Équipe passionnée' },
-            { value: 'Rapide', title: 'Service efficace' }
-          ]}
-          imageSrc="http://img.b2bpic.net/free-photo/boy-eating-restaurant_23-2148172673.jpg?_wi=2"
-          imageAlt="Modern clean restaurant interior"
-          useInvertedBackground={false}
-          mediaAnimation="slide-up"
-          metricsAnimation="slide-up"
-        />
-      </div>
-
       <div id="cta" data-section="cta">
         <HeroBillboard
           title="Prêt à croquer dans le meilleur ?"
           description="Venez découvrir l'expérience Le Croquant. Qualité, saveur et générosité à chaque bouchée."
           background={{ variant: 'plain' }}
           buttons={[
-            { text: 'Commander maintenant', href: '#contact' },
-            { text: 'Voir le menu complet', href: '#menu' }
+            { text: 'Voir le menu complet', href: '#specialties' }
           ]}
           mediaAnimation="none"
         />
@@ -243,8 +206,8 @@ export default function LandingPage() {
               title: 'Naviguer',
               items: [
                 { label: 'Accueil', href: '#hero' },
-                { label: 'Menu', href: '#menu' },
-                { label: 'À propos', href: '#about' },
+                { label: 'Menu', href: '#specialties' },
+                { label: 'À propos', href: '#why-choose' },
                 { label: 'Avis', href: '#testimonials' }
               ]
             },
@@ -270,4 +233,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}