Update src/app/page.tsx

Merge version_9 into main

src/app/page.tsx

@@ -7,6 +7,7 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TeamCardFive from '@/components/sections/team/TeamCardFive';
@@ -77,6 +78,7 @@ export default function LandingPage() {
       ]}
       autoPlay={true}
       autoPlayInterval={4000}
+      carouselClassName="aspect-auto object-contain"
     />
   </div>
 
@@ -119,16 +121,13 @@ export default function LandingPage() {
       metrics={[
         {
           id: "1",          value: "Licences & Assurances",          title: "Protection Complète",          items: [
-            "Licences RBQ 5668-6199-01 valides",            "Assurance responsabilité civile",            "Couverture des dommages matériels et blessures"],
-        },
+            "Licences RBQ 5668-6199-01 valides",            "Assurance responsabilité civile",            "Couverture des dommages matériels et blessures"]},
         {
           id: "2",          value: "Portfolio Solide & Expérience",          title: "Fiabilité Éprouvée",          items: [
-            "Réalisations réussies depuis 2013",            "Plusieurs années d'expérience pratique",            "Expertise en gestion de chantier"],
-        },
+            "Réalisations réussies depuis 2013",            "Plusieurs années d'expérience pratique",            "Expertise en gestion de chantier"]},
         {
           id: "3",          value: "Communication Transparente",          title: "Clarté et Confiance",          items: [
-            "Transparence sur les coûts et délais",            "Explication détaillée des travaux",            "Support client réactif et disponible"],
-        },
+            "Transparence sur les coûts et délais",            "Explication détaillée des travaux",            "Support client réactif et disponible"]},
       ]}
       title="Notre Engagement Qualité"
       description="Chez VLF Électrique, la confiance et la transparence sont nos piliers. Nous garantissons excellence et sérénité pour chaque projet."
@@ -142,17 +141,31 @@ export default function LandingPage() {
       useInvertedBackground={false}
       team={[
         {
-          id: "1",          name: "Karl L.",          role: "Co-fondateur & Maître Électricien",          imageSrc: "https://images.unsplash.com/photo-1542898993-37651c6b1b70?q=80&w=1932&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Portrait de Karl L., co-fondateur et maître électricien"},
+          id: "4",          name: "Notre Équipe Complète",          role: "Découvrez nos Experts",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ea3PSoT2Io2XdwgVfakM6X9YjE/uploaded-1780413309604-28i9zi1g.jpg?_wi=1",          imageAlt: "Photo de l'équipe complète de VLF Électrique"},
         {
-          id: "2",          name: "Julien V.",          role: "Co-fondateur & Entrepreneur Général",          imageSrc: "https://images.unsplash.com/photo-1598460677114-c13f9c657a8e?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Portrait de Julien V., co-fondateur et entrepreneur général"},
+          id: "1",          name: "Karl L.",          role: "Co-fondateur & Maître Électricien",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ea3PSoT2Io2XdwgVfakM6X9YjE/uploaded-1780413120954-rjtqjv2i.jpg",          imageAlt: "Portrait de Karl L., co-fondateur et maître électricien"},
         {
-          id: "3",          name: "Yann S.J.",          role: "Contremaître Principal",          imageSrc: "https://images.unsplash.com/photo-1533513361000-844c8d550e58?q=80&w=1932&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Portrait de Yann S.J., contremaître principal"},
+          id: "2",          name: "Julien V.",          role: "Co-fondateur & Entrepreneur Général",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ea3PSoT2Io2XdwgVfakM6X9YjE/uploaded-1780413120954-pclyedlh.jpg",          imageAlt: "Portrait de Julien V., co-fondateur et entrepreneur général"},
+        {
+          id: "3",          name: "Yann S.J.",          role: "Contremaître Principal",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ea3PSoT2Io2XdwgVfakM6X9YjE/uploaded-1780413120955-01kx7dk6.jpg",          imageAlt: "Portrait de Yann S.J., contremaître principal"}
       ]}
       title="Rencontrez Notre Équipe d'Experts"
       description="Avec plus de 16 professionnels, dont des maîtres électriciens et estimateurs, notre équipe est dédiée à l'excellence et à l'innovation depuis 2013. Bâtissons l'avenir ensemble."
     />
   </div>
 
+  <div id="team-banner" data-section="team-banner">
+      <HeroBillboardScroll
+        title="Notre Force, Notre Engagement"
+        description="Découvrez l'équipe passionnée et experte derrière chaque projet VLF Électrique."
+        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ea3PSoT2Io2XdwgVfakM6X9YjE/uploaded-1780413309604-28i9zi1g.jpg?_wi=2"
+        imageAlt="Photo de l'équipe complète de VLF Électrique"
+        background={{ variant: "plain" }}
+        ariaLabel="Full team photo banner"
+        imageClassName="object-contain"
+      />
+  </div>
+
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFifteen
       useInvertedBackground={true}
@@ -231,4 +244,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}