Update src/app/page.tsx

Merge version_30 into main
2026-05-15 06:18:56 +00:00 · 2026-05-15 06:17:24 +00:00 · 2026-05-15 06:17:21 +00:00 · 2026-05-15 06:16:15 +00:00 · 2026-05-15 06:16:08 +00:00 · 2026-05-15 06:15:04 +00:00
3 changed files with 46 additions and 35 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
 import "./globals.css";
 import "@/lib/gsap-setup";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { DM_Sans } from "next/font/google";

@@ -34,7 +33,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body className={`${dmSans.variable} antialiased`}>
-          <Tag />
+          
          {children}
          <script
              dangerouslySetInnerHTML={{
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,14 +6,21 @@ 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 NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import { Award, ShieldCheck, Users } from "lucide-react";
+import { Award, ShieldCheck, Users, Search, ShoppingCart } 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"
@@ -29,7 +36,7 @@ export default function LandingPage() {
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
-          <NavbarStyleCentered
+          <NavbarStyleFullscreen
            navItems={[
              { name: "Accueil", id: "#hero" },
              { name: "Produits", id: "#products" },
@@ -41,23 +48,26 @@ export default function LandingPage() {
        </div>

        <div id="hero" data-section="hero">
-          <HeroLogo
-            logoText="#BIENÉQUIPÉ"
-            description="Un chantier sécurisé commence par un bon casque. Leader de l’équipement de protection individuelle à La Réunion depuis 1996."
-            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"
-            imageAlt="Casque de chantier SAE"
+          <HeroBillboard
+            title="Expertise en EPI pour les Professionnels de la Réunion"
+            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://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Df1ETXUvuyYPxkhnyZJKVSXGQj/chantier-1778660616866-4fd2157e.png"
+            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"
          />
@@ -69,16 +79,18 @@ export default function LandingPage() {
            textboxLayout="split"
            gridVariant="one-large-left-three-stacked-right"
            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: "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: "p3", name: "Lunettes de Protection", price: "15€", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-protection-equipment-close-up_23-2148921397.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" },
-              { id: "p5", name: "Protection Respiratoire", price: "29€", imageSrc: "http://img.b2bpic.net/free-photo/man-with-gas-mask_1122-1288.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" },
+              { 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", 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", 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", onProductClick: handleProductClick },
+              { 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", onProductClick: handleProductClick },
            ]}
            title="Gamme complète d'EPI"
-            description="Une sélection rigoureuse auprès des plus grands fabricants mondiaux."
+            description="Nos équipements sont rigoureusement sélectionnés pour offrir une protection maximale aux professionnels du bâtiment, résistant aux conditions les plus exigeantes sur le terrain pour garantir une sécurité sans compromis."
+            buttons={[{ text: "Demander un devis personnalisé", href: "#contact" }]}
          />
        </div>

@@ -110,7 +122,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>

@@ -133,8 +145,8 @@ export default function LandingPage() {
        <div id="contact" data-section="contact">
          <ContactCenter
            tag="Contact"
-            title="Besoin d'un devis ?"
-            description="Rejoignez notre réseau de professionnels équipés pour la sécurité."
+            title="Obtenez votre devis personnalisé en 24h"
+            description="Nous nous engageons à traiter vos demandes rapidement pour assurer votre sécurité."
            background={{ variant: "gradient-bars" }}
            useInvertedBackground={true}
          />
@@ -153,4 +165,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #FFFFFF;
-  --card: #F5F5F5;
-  --foreground: #1A1A1A;
-  --primary-cta: #E30613;
-  --primary-cta-text: #f5faff;
-  --secondary-cta: #1A1A1A;
-  --secondary-cta-text: #001122;
-  --accent: #E30613;
-  --background-accent: #FFF0F0;
+  --background: #fffafa;
+  --card: #fff7f7;
+  --foreground: #1a0000;
+  --primary-cta: #e63946;
+  --primary-cta-text: #fffafa;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #1a0000;
+  --accent: #f5c4c7;
+  --background-accent: #f09199;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	1a65c0cea4	Update src/app/page.tsx	2026-05-15 06:18:56 +00:00
bender	c4766acd40	Merge version_30 into main Merge version_30 into main	2026-05-15 06:17:24 +00:00
bender	47e9767a50	Update src/app/page.tsx	2026-05-15 06:17:21 +00:00
bender	ae62d885a7	Merge version_29 into main Merge version_29 into main	2026-05-15 06:16:15 +00:00
bender	ab161d983b	Update src/app/page.tsx	2026-05-15 06:16:08 +00:00
bender	8264fd3277	Merge version_28 into main Merge version_28 into main	2026-05-15 06:15:04 +00:00
bender	2fcc670745	Update src/app/page.tsx	2026-05-15 06:15:01 +00:00
bender	6a06e71bd3	Merge version_27 into main Merge version_27 into main	2026-05-15 06:13:13 +00:00
bender	4eb11b0f39	Update src/app/page.tsx	2026-05-15 06:13:07 +00:00
bender	2e376006db	Merge version_26 into main Merge version_26 into main	2026-05-15 06:11:15 +00:00
bender	949c284f12	Update src/app/page.tsx	2026-05-15 06:11:12 +00:00
bender	86a9234b08	Merge version_25 into main Merge version_25 into main	2026-05-15 06:10:04 +00:00
bender	814c75c3ad	Update src/app/page.tsx	2026-05-15 06:10:01 +00:00
bender	b8180b2000	Merge version_24 into main Merge version_24 into main	2026-05-15 06:09:01 +00:00
bender	4ef8f319ee	Update src/app/page.tsx	2026-05-15 06:08:58 +00:00
bender	c91a75d372	Merge version_23 into main Merge version_23 into main	2026-05-15 06:08:03 +00:00
bender	ea978abc34	Update src/app/page.tsx	2026-05-15 06:07:57 +00:00
bender	29187cd4e7	Merge version_22 into main Merge version_22 into main	2026-05-15 06:06:50 +00:00
bender	6cb9747113	Update src/app/page.tsx	2026-05-15 06:06:47 +00:00
bender	25bf425dc5	Merge version_21 into main Merge version_21 into main	2026-05-15 06:05:45 +00:00
bender	a8ed7b13b6	Update src/app/page.tsx	2026-05-15 06:05:41 +00:00
bender	f09e8ab248	Merge version_20 into main Merge version_20 into main	2026-05-13 08:31:51 +00:00
bender	4d8d474c2d	Update src/app/page.tsx	2026-05-13 08:31:48 +00:00
bender	487370a4da	Merge version_20 into main Merge version_20 into main	2026-05-13 08:31:33 +00:00
bender	1cacdfbf80	Update src/app/page.tsx	2026-05-13 08:31:29 +00:00
bender	0b8f1883d7	Merge version_20 into main Merge version_20 into main	2026-05-13 08:31:04 +00:00
bender	66a4f98d81	Update src/app/page.tsx	2026-05-13 08:31:01 +00:00
bender	8223946bf7	Merge version_20 into main Merge version_20 into main	2026-05-13 08:30:37 +00:00
bender	090d609073	Update src/app/page.tsx	2026-05-13 08:30:33 +00:00
bender	6508cde488	Merge version_20 into main Merge version_20 into main	2026-05-13 08:28:14 +00:00
bender	0db3463f3c	Update src/app/page.tsx	2026-05-13 08:28:11 +00:00
bender	55015b553a	Merge version_19 into main Merge version_19 into main	2026-05-13 08:26:48 +00:00
bender	800c486293	Update theme colors	2026-05-13 08:26:44 +00:00
bender	73bce05822	Merge version_18 into main Merge version_18 into main	2026-05-13 08:26:41 +00:00
bender	6fb8d6e11e	Update theme colors	2026-05-13 08:26:38 +00:00
bender	353cede42f	Merge version_17 into main Merge version_17 into main	2026-05-13 08:26:18 +00:00
bender	b610f58441	Update theme colors	2026-05-13 08:26:14 +00:00
bender	3733359385	Update theme colors	2026-05-13 08:26:11 +00:00
bender	33bb40ab7e	Merge version_15 into main Merge version_15 into main	2026-05-13 08:25:57 +00:00
bender	0a1a4e2746	Update src/app/page.tsx	2026-05-13 08:25:53 +00:00
bender	306fcc6d7b	Merge version_15 into main Merge version_15 into main	2026-05-13 08:25:17 +00:00
bender	0f5a0e3d10	Update theme colors	2026-05-13 08:25:14 +00:00
bender	2d91e84cba	Merge version_14 into main Merge version_14 into main	2026-05-13 08:24:14 +00:00
bender	c4aa80b467	Update src/app/page.tsx	2026-05-13 08:24:08 +00:00
bender	51578da7f9	Merge version_13 into main Merge version_13 into main	2026-05-13 08:22:19 +00:00
bender	55efdd9da9	Update src/app/page.tsx	2026-05-13 08:22:16 +00:00
bender	ade8a2f2f6	Merge version_12 into main Merge version_12 into main	2026-05-13 08:21:26 +00:00
bender	862e3d9eee	Update src/app/page.tsx	2026-05-13 08:21:23 +00:00
bender	ed85682fbc	Merge version_11 into main Merge version_11 into main	2026-05-13 08:20:31 +00:00
bender	d9d385639b	Update src/app/page.tsx	2026-05-13 08:20:28 +00:00
bender	a8f98487fa	Merge version_10 into main Merge version_10 into main	2026-05-13 08:19:30 +00:00
bender	18f6368264	Update src/app/page.tsx	2026-05-13 08:19:27 +00:00
bender	5ba8ed0602	Merge version_9 into main Merge version_9 into main	2026-05-13 08:16:55 +00:00
bender	279d5bc3e5	Update src/app/page.tsx	2026-05-13 08:16:52 +00:00
bender	b59ba1433d	Merge version_8 into main Merge version_8 into main	2026-05-13 08:15:35 +00:00
bender	10a9db6a3d	Update src/app/page.tsx	2026-05-13 08:15:32 +00:00
bender	27f981a958	Merge version_7 into main Merge version_7 into main	2026-05-13 08:13:01 +00:00
bender	340a91708e	Update src/app/page.tsx	2026-05-13 08:12:57 +00:00
bender	82e148eb29	Merge version_6 into main Merge version_6 into main	2026-05-13 08:11:59 +00:00
bender	53f7949c48	Update src/app/page.tsx	2026-05-13 08:11:52 +00:00
bender	aea8c8e218	Merge version_5 into main Merge version_5 into main	2026-05-13 08:09:32 +00:00
bender	93fa39fa31	Update src/app/page.tsx	2026-05-13 08:09:29 +00:00
bender	2822c50fe5	Merge version_4 into main Merge version_4 into main	2026-05-13 08:08:48 +00:00
bender	06c7331507	Remove watermark	2026-05-13 08:08:45 +00:00
bender	f9b156a7d0	Merge version_4 into main Merge version_4 into main	2026-05-13 07:54:08 +00:00
bender	5bcf42dad8	Update src/app/page.tsx	2026-05-13 07:54:04 +00:00
bender	a80c1179b1	Merge version_3 into main Merge version_3 into main	2026-05-13 07:53:04 +00:00