Update src/app/page.tsx

Merge version_39 into main

src/app/page.tsx

@@ -3,7 +3,7 @@
 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 HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
@@ -11,6 +11,7 @@ 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() {
@@ -54,7 +55,7 @@ export default function LandingPage() {
             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" }]}
             mediaItems={[
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Df1ETXUvuyYPxkhnyZJKVSXGQj/chantier-1778660616866-4fd2157e.png", imageAlt: "Chantier de construction" },
+                { 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é" }
@@ -63,6 +64,16 @@ export default function LandingPage() {
           />
         </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}
@@ -140,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/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
-            text="Obtenez votre devis personnalisé en 24h"
-            animationType="reveal-blur"
-            background={{ variant: "gradient-bars" }}
-            useInvertedBackground={true}
-            buttons={[{ text: "Nous contacter" }]}
+          <ContactSplitForm
+            title="Nous contacter"
+            description="Envoyez-nous vos besoins, nous y répondrons sous 24h."
+            inputs={[
+                { name: "name", type: "text", placeholder: "Votre Nom" },
+                { 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>