Update src/app/page.tsx

Merge version_19 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';
@@ -41,12 +41,14 @@ export default function LandingPage() {
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroLogo
+          <HeroBillboard
-            logoText="#BIENÉQUIPÉ"
+            title="#BIENÉQUIPÉ"
-            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, 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="https://img.b2bpic.net/free-photo/construction-site-with-workers-wearing-safety-equipment_1150-18456.jpg"
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Df1ETXUvuyYPxkhnyZJKVSXGQj/chantier-1778660616866-4fd2157e.png"
-            imageAlt="Construction site overview with safety equipment"
+            imageAlt="Chantier de construction avec un professionnel en équipement de sécurité"
+            background={{ variant: "plain" }}
           />
         </div>
 
@@ -55,9 +57,9 @@ export default function LandingPage() {
             useInvertedBackground={true}
             title="Le spécialiste de l'EPI depuis 1996"
             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"
           />
@@ -79,8 +81,8 @@ export default function LandingPage() {
               { 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" },
             ]}
             title="Gamme complète d'EPI"
-            description="Une sélection rigoureuse auprès des plus grands fabricants mondiaux."
+            description=""
-            buttons={[{ text: "Demander le catalogue complet", href: "#catalog" }]}
+            buttons={[{ text: "Voir le catalogue complet", href: "#catalog" }]}
           />
         </div>
 

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);