Update src/app/page.tsx

Merge version_25 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -14,6 +14,13 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
 import { Award, ShieldCheck, Users } from "lucide-react";
 
 export default function LandingPage() {
+  const handleProductClick = () => {
+    const contactSection = document.getElementById('contact');
+    if (contactSection) {
+      contactSection.scrollIntoView({ behavior: 'smooth' });
+    }
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -41,23 +48,25 @@ export default function LandingPage() {
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroLogo
+          <HeroBillboard
-            logoText="#BIENÉQUIPÉ"
+            title="Expertise en EPI pour les Professionnels de la Réunion"
-            description="Garantissez la sécurité immédiate de vos équipes sur le terrain. Nos solutions d'EPI certifiées protègent vos collaborateurs et assurent la conformité totale de vos chantiers, pour une tranquillité d'esprit absolue du chef de projet au foreman."
+            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."
             buttons={[{ text: "Obtenir un devis rapide", href: "#contact" }]}
-            imageSrc="http://img.b2bpic.net/free-photo/front-view-hard-hat-headphones-hanging-closet_23-2148773503.jpg"
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Df1ETXUvuyYPxkhnyZJKVSXGQj/chantier-1778660616866-4fd2157e.png"
-            imageAlt="Casque de chantier SAE"
+            imageAlt="Chantier de construction avec un professionnel en équipement de sécurité"
+            background={{ variant: "plain" }}
           />
         </div>
 
         <div id="about" data-section="about">
           <AboutMetric
             useInvertedBackground={true}
-            title="Le spécialiste de l'EPI depuis 1996"
+            title="30 ans au service de votre sécurité à La Réunion"
             metrics={[
-              { icon: Award, label: "Années d'expertise", value: "28+" },
+              { icon: Award, label: "Années d'expertise", value: "30+" },
               { icon: ShieldCheck, label: "Produits certifiés", value: "1000+" },
-              { icon: Users, label: "Clients satisfaits", value: "5000+" },
+              { icon: Users, label: "Clients satisfaits", value: "10000+" },
             ]}
             metricsAnimation="slide-up"
           />
@@ -71,16 +80,16 @@ export default function LandingPage() {
             useInvertedBackground={false}
             tag="Certifié & Conforme"
             products={[
-              { id: "p1", name: "Gants de Manutention", price: "12€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-safety-gloves-vest_23-2148784084.jpg" },
+              { id: "p1", name: "Gants de Manutention", price: "12€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-safety-gloves-vest_23-2148784084.jpg", onProductClick: handleProductClick },
-              { id: "p2", name: "Chaussures de Sécurité", price: "89€", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-manual-worker-typing-shoelace-construction-site_637285-8190.jpg" },
+              { id: "p2", name: "Chaussures de Sécurité", price: "89€", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-manual-worker-typing-shoelace-construction-site_637285-8190.jpg", onProductClick: handleProductClick },
-              { id: "p3", name: "Lunettes de Protection", price: "15€", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-protection-equipment-close-up_23-2148921397.jpg" },
+              { id: "p3", name: "Lunettes de Protection", price: "15€", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-protection-equipment-close-up_23-2148921397.jpg", onProductClick: handleProductClick },
-              { id: "p4", name: "Vêtements Haute Visibilité", price: "45€", imageSrc: "http://img.b2bpic.net/free-photo/engineer-oversees-assembly-tools-tablet-industry-plant-surrounded-by-metal-steel-machinery_482257-135546.jpg" },
+              { id: "p4", name: "Vêtements Haute Visibilité", price: "45€", imageSrc: "http://img.b2bpic.net/free-photo/engineer-oversees-assembly-tools-tablet-industry-plant-surrounded-by-metal-steel-machinery_482257-135546.jpg", onProductClick: handleProductClick },
-              { id: "p5", name: "Protection Respiratoire", price: "29€", imageSrc: "http://img.b2bpic.net/free-photo/man-with-gas-mask_1122-1288.jpg" },
+              { id: "p5", name: "Protection Respiratoire", price: "29€", imageSrc: "http://img.b2bpic.net/free-photo/man-with-gas-mask_1122-1288.jpg", onProductClick: handleProductClick },
-              { id: "p6", name: "Casque Anti-bruit", price: "35€", imageSrc: "http://img.b2bpic.net/free-photo/man-builder-carpenter-polishes-wooden-board-with-random-orbit-sander_23-2147944854.jpg" },
+              { id: "p6", name: "Casque Anti-bruit", price: "35€", imageSrc: "http://img.b2bpic.net/free-photo/man-builder-carpenter-polishes-wooden-board-with-random-orbit-sander_23-2147944854.jpg", onProductClick: handleProductClick },
             ]}
             title="Gamme complète d'EPI"
-            description="Une sélection rigoureuse auprès des plus grands fabricants mondiaux."
+            description=""
-            buttons={[{ text: "Découvrir tout le catalogue", href: "#catalog" }]}
+            buttons={[{ text: "Demander un devis personnalisé", href: "#contact" }]}
           />
         </div>
 
@@ -112,7 +121,7 @@ export default function LandingPage() {
               { id: "m3", value: "98%", description: "Taux de disponibilité" },
             ]}
             title="Impact & Sécurité"
-            description="Des chiffres qui témoignent de notre engagement quotidien."
+            description="Fiabilité et réactivité : nos indicateurs clés de performance garantissent votre sérénité au quotidien"
           />
         </div>
 
@@ -135,8 +144,8 @@ export default function LandingPage() {
         <div id="contact" data-section="contact">
           <ContactCenter
             tag="Contact"
-            title="Besoin d'un devis ?"
+            title="Obtenez votre devis personnalisé en 24h"
-            description="Obtenez une réponse sous 24h pour vos besoins en sécurité."
+            description="Nous nous engageons à traiter vos demandes rapidement pour assurer votre sécurité."
             background={{ variant: "gradient-bars" }}
             useInvertedBackground={true}
           />

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #FFFFFF;
+  --background: #fffafa;
-  --card: #F5F5F5;
+  --card: #fff7f7;
-  --foreground: #1A1A1A;
+  --foreground: #1a0000;
-  --primary-cta: #E30613;
+  --primary-cta: #e63946;
-  --primary-cta-text: #f5faff;
+  --primary-cta-text: #fffafa;
-  --secondary-cta: #1A1A1A;
+  --secondary-cta: #ffffff;
-  --secondary-cta-text: #001122;
+  --secondary-cta-text: #1a0000;
-  --accent: #E30613;
+  --accent: #f5c4c7;
-  --background-accent: #FFF0F0;
+  --background-accent: #f09199;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);