Update src/app/page.tsx

Merge version_39 into main

src/app/page.tsx

@@ -3,14 +3,15 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import { Award, ShieldCheck, Users } from "lucide-react";
 
 export default function LandingPage() {
@@ -49,16 +50,30 @@ export default function LandingPage() {
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroBillboard
+          <HeroBillboardCarousel
             title="Expertise en EPI pour les Professionnels de la Réunion"
             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"
+            mediaItems={[
-            imageAlt="Chantier de construction avec un professionnel en équipement de sécurité"
+                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Df1ETXUvuyYPxkhnyZJKVSXGQj/chantier-1778660616866-4fd2157e.png?_wi=1", imageAlt: "Chantier de construction" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/warehouse-worker-checking-inventory_23-2152001550.jpg?_wi=1", imageAlt: "Entrepôt logistique" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/industrial-safety-equipment_23-2148784084.jpg", imageAlt: "Équipements de protection" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/worker-wearing-protective-gear_23-2148921397.jpg", imageAlt: "Professionnel équipé" }
+            ]}
             background={{ variant: "plain" }}
           />
         </div>
 
+        <div id="socialProof" data-section="socialProof">
+          <SocialProofOne
+            title="Ils nous font confiance"
+            names={["BTP 974", "SecurPro", "BatirRéunion", "Réunion Construction", "EPI Pro Réunion", "SécuriChantier"]}
+            description="Nos partenaires de confiance"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
+
         <div id="about" data-section="about">
           <AboutMetric
             useInvertedBackground={true}
@@ -100,7 +115,7 @@ export default function LandingPage() {
             gridVariant="three-columns-all-equal-width"
             useInvertedBackground={true}
             features={[
-              { title: "Expertise Locale", description: "Connaissance approfondie des contraintes du marché local réunionnais.", imageSrc: "http://img.b2bpic.net/free-photo/warehouse-worker-checking-inventory_23-2152001550.jpg" },
+              { title: "Expertise Locale", description: "Connaissance approfondie des contraintes du marché local réunionnais.", imageSrc: "http://img.b2bpic.net/free-photo/warehouse-worker-checking-inventory_23-2152001550.jpg?_wi=2" },
               { title: "Normes Strictes", description: "Tous nos EPI répondent aux dernières normes européennes de sécurité.", imageSrc: "http://img.b2bpic.net/free-photo/manual-worker-with-face-mask-working-carpentry-warehouse-coronavirus-pandemic_637285-11777.jpg" },
               { title: "Stock Permanent", description: "Un large choix disponible immédiatement pour vos chantiers.", imageSrc: "http://img.b2bpic.net/free-photo/engineers-industry-40-industrial-plant-controlling-automated-machinery_482257-120564.jpg" },
             ]}
@@ -136,18 +151,22 @@ export default function LandingPage() {
             testimonials={[
               { 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" },
+              { id: "t3", name: "Sophie Leroy", role: "Ingénieure", company: "BatirRéunion", rating: 5, imageSrc: "http://close-up-portrait-engineer-talking-phone_23-2148233674.jpg" },
             ]}
           />
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactText
+          <ContactSplitForm
-            text="Obtenez votre devis personnalisé en 24h"
+            title="Nous contacter"
-            animationType="reveal-blur"
+            description="Envoyez-nous vos besoins, nous y répondrons sous 24h."
-            background={{ variant: "gradient-bars" }}
+            inputs={[
-            useInvertedBackground={true}
+                { name: "name", type: "text", placeholder: "Votre Nom" },
-            buttons={[{ text: "Nous contacter" }]}
+                { name: "email", type: "email", placeholder: "Votre Email" },
+                { name: "title", type: "text", placeholder: "Votre Job / Taille Entreprise" }
+            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Df1ETXUvuyYPxkhnyZJKVSXGQj/chantier-1778660616866-4fd2157e.png?_wi=2"
+            useInvertedBackground={false}
           />
         </div>