Update src/app/page.tsx

Merge version_33 into main

src/app/page.tsx

@@ -3,14 +3,14 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import { Award, ShieldCheck, Users } from "lucide-react";
 
 export default function LandingPage() {
@@ -36,12 +36,13 @@ export default function LandingPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarStyleCentered
+          <NavbarStyleFullscreen
             navItems={[
               { name: "Accueil", id: "#hero" },
               { name: "Produits", id: "#products" },
               { name: "À Propos", id: "#about" },
               { name: "Contact", id: "#contact" },
+              { name: "Mon Panier", id: "#cart" },
             ]}
             brandName="SAE Réunion"
           />
@@ -50,8 +51,7 @@ export default function LandingPage() {
         <div id="hero" data-section="hero">
           <HeroBillboard
             title="Expertise en EPI pour les Professionnels de la Réunion"
-            description="Assurez une sécurité immédiate pour les professionnels de l'île de La Réunion. 
-Nos solutions d'EPI certifiées protègent vos collaborateurs et assurent la conformité totale de vos chantiers."
+            description="Bénéficiez de notre expertise locale unique et de nos délais de livraison ultra-rapides. Contrairement aux fournisseurs généralistes, nous garantissons une disponibilité immédiate et un accompagnement technique de proximité pour sécuriser vos chantiers réunionnais sans attente."
             buttons={[{ text: "Obtenir un devis rapide", href: "#contact" }]}
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Df1ETXUvuyYPxkhnyZJKVSXGQj/chantier-1778660616866-4fd2157e.png"
             imageAlt="Chantier de construction avec un professionnel en équipement de sécurité"
@@ -126,39 +126,36 @@ Nos solutions d'EPI certifiées protègent vos collaborateurs et assurent la con
         </div>
 
         <div id="testimonials" data-section="testimonials">
-          <TestimonialCardTwelve
-            useInvertedBackground={true}
+          <TestimonialCardOne
+            title="Ce que nos partenaires disent"
+            animationType="blur-reveal"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            description="Retours d'expérience"
+            textboxLayout="default"
             testimonials={[
-              { id: "t1", name: "Jean Dupont", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772851.jpg" },
-              { id: "t2", name: "Marc Martin", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-special-industrial-protective-equipment_23-2148991969.jpg" },
-              { id: "t3", name: "Sophie Leroy", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-engineer-talking-phone_23-2148233674.jpg" },
-              { id: "t4", name: "Lucie Bernard", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-with-arms-crossed-standing-factory_107420-96042.jpg" },
-              { id: "t5", name: "Pierre Vidal", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-young-man-with-helmet_23-2148269289.jpg" },
+              { id: "t1", name: "Jean Dupont", role: "Chef de chantier", company: "BTP 974", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772851.jpg" },
+              { id: "t2", name: "Marc Martin", role: "Responsable Sécurité", company: "SecurPro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-special-industrial-protective-equipment_23-2148991969.jpg" },
+              { id: "t3", name: "Sophie Leroy", role: "Ingénieure", company: "BatirRéunion", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-engineer-talking-phone_23-2148233674.jpg" },
             ]}
-            cardTitle="Ce que nos partenaires disent"
-            cardTag="Témoignages"
-            cardAnimation="slide-up"
           />
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactCenter
-            tag="Contact"
-            title="Obtenez votre devis personnalisé en 24h"
-            description="Nous nous engageons à traiter vos demandes rapidement pour assurer votre sécurité."
+          <ContactText
+            text="Obtenez votre devis personnalisé en 24h"
+            animationType="reveal-blur"
             background={{ variant: "gradient-bars" }}
             useInvertedBackground={true}
+            buttons={[{ text: "Nous contacter" }]}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterLogoEmphasis
+          <FooterLogoReveal
             logoText="SAE Réunion"
-            columns={[
-              { items: [{ label: "Accueil", href: "#hero" }, { label: "Produits", href: "#products" }] },
-              { items: [{ label: "À Propos", href: "#about" }, { label: "Contact", href: "#contact" }] },
-              { items: [{ label: "Mentions Légales" }, { label: "Confidentialité" }] },
-            ]}
+            leftLink={{ text: "Mentions Légales" }}
+            rightLink={{ text: "Confidentialité" }}
           />
         </div>
       </ReactLenis>