Merge version_15 into main

Merge version_15 into main

src/app/page.tsx

@@ -79,6 +79,7 @@ export default function LandingPage() {
       autoPlay={true}
       autoPlayInterval={4000}
       carouselClassName="aspect-auto object-contain"
+      titleClassName="whitespace-normal overflow-visible"
     />
   </div>
 
@@ -86,11 +87,12 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={true}
       tag="À Propos de Nous"
-      title="VLF Électrique : L'Expertise au Cœur de Vos Projets"
+      title="VLF Électrique: Expertise au Cœur de Vos Projets"
       buttons={[
         {
           text: "Découvrir Notre Histoire",          href: "#team"},
       ]}
+      titleClassName="whitespace-normal overflow-visible"
     />
   </div>
 
@@ -108,8 +110,9 @@ export default function LandingPage() {
         {
           title: "Mises à Niveau et Conformité",          description: "Assurez la sécurité et la conformité de vos systèmes électriques. Nous effectuons des inspections, des diagnostics et des mises à jour rigoureuses.",          imageSrc: "http://img.b2bpic.net/free-photo/female-electrical-engineer-checking-power-system-diagram-near-control-panel-engineering-inspection_169016-71743.jpg",          imageAlt: "Mises à niveau électriques et conformité"},
       ]}
-      title="Nos Services Électriques Complets"
+      title="Nos Services Électriques"
       description="De la rénovation résidentielle aux installations commerciales complexes, notre équipe de maîtres électriciens assure des solutions fiables et sécurisées."
+      textBoxTitleClassName="whitespace-normal overflow-visible"
     />
   </div>
 
@@ -131,6 +134,7 @@ export default function LandingPage() {
       ]}
       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."
+      textBoxTitleClassName="whitespace-normal overflow-visible"
     />
   </div>
 
@@ -141,7 +145,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       team={[
         {
-          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-1780415771307-sjjznvkl.png",          imageAlt: "Photo de l'équipe complète de VLF Électrique"},
+          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-1780415771307-dx5g4vh3.png?_wi=1",          imageAlt: "Photo de l'équipe complète de VLF Électrique"},
         {
           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-1780415771307-frdtigrx.png",          imageAlt: "Portrait de Karl L., co-fondateur et maître électricien"},
         {
@@ -151,6 +155,7 @@ export default function LandingPage() {
       ]}
       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."
+      textBoxTitleClassName="whitespace-normal overflow-visible"
     />
   </div>
 
@@ -158,11 +163,12 @@ export default function LandingPage() {
       <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-1780415771307-dx5g4vh3.png"
+        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ea3PSoT2Io2XdwgVfakM6X9YjE/uploaded-1780413205089-8evsovd6.jpg"
         imageAlt="Photo de l'équipe complète de VLF Électrique"
         background={{ variant: "plain" }}
         ariaLabel="Full team photo banner"
         imageClassName="object-contain"
+        titleClassName="whitespace-normal overflow-visible"
       />
   </div>
 
@@ -204,6 +210,7 @@ export default function LandingPage() {
       title="Vos Questions, Nos Réponses"
       description="Retrouvez les réponses aux questions fréquemment posées concernant nos services électriques, nos processus et nos garanties. N'hésitez pas à nous contacter pour plus d'informations."
       faqsAnimation="slide-up"
+      textBoxTitleClassName="whitespace-normal overflow-visible"
     />
   </div>
 
@@ -213,7 +220,7 @@ export default function LandingPage() {
       background={{
         variant: "sparkles-gradient"}}
       tag="Contactez-Nous"
-      title="Prêt à Démarrer Votre Projet Électrique ?"
+      title="Démarrons Votre Projet Électrique !"
       description="N'hésitez pas à nous joindre pour toute question ou pour discuter de votre prochain projet. Notre équipe est à votre écoute pour vous offrir un service impeccable et des solutions adaptées. \n\n📍 388 Rue Blainville Est, Sainte-Thérèse, Québec\n📞 514-583-5275 ou 514-813-9924"
       buttons={[
         {
@@ -221,6 +228,7 @@ export default function LandingPage() {
         {
           text: "Appelez-nous",          href: "tel:+15145835275"},
       ]}
+      titleClassName="whitespace-normal overflow-visible"
     />
   </div>
 

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
-  --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
-  --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --background: #f5f5f5;
+  --card: #ffffff;
+  --foreground: #1c1c1c;
+  --primary-cta: #1c1c1c;
+  --primary-cta-text: #f5f5f5;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #1c1c1c;
+  --accent: #15479c;
+  --background-accent: #a8cce8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);