Update src/app/page.tsx

Merge version_10 into main
2026-05-13 08:20:28 +00:00 · 2026-05-13 08:19:30 +00:00 · 2026-05-13 08:19:27 +00:00 · 2026-05-13 08:16:55 +00:00 · 2026-05-13 08:16:52 +00:00 · 2026-05-13 08:15:35 +00:00
4 changed files with 30 additions and 44 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
@@ -3,9 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -43,10 +43,10 @@ export default function LandingPage() {
        <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: "Découvrir la gamme", href: "#products" }]}
-            imageSrc="http://img.b2bpic.net/free-photo/front-view-hard-hat-headphones-hanging-closet_23-2148773503.jpg"
-            imageAlt="Casque de chantier SAE"
+            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."
+            buttons={[{ text: "Obtenir un devis rapide", href: "#contact" }]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Df1ETXUvuyYPxkhnyZJKVSXGQj/uploaded-1778660354408-7rl0xk93.png"
+            imageAlt="Casque de chantier SAE et Bannière"
          />
        </div>

@@ -69,9 +69,10 @@ 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: "p1", name: "Gants de Manutention", price: "12€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-safety-gloves-vest_23-2148784084.jpg", onProductClick: () => window.location.href = '#contact' },
+              { 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: () => window.location.href = '#contact' },
              { 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" },
@@ -79,6 +80,7 @@ export default function LandingPage() {
            ]}
            title="Gamme complète d'EPI"
            description="Une sélection rigoureuse auprès des plus grands fabricants mondiaux."
+            buttons={[{ text: "Demander le catalogue complet", href: "#catalog" }]}
          />
        </div>

@@ -131,38 +133,23 @@ export default function LandingPage() {
        </div>

        <div id="contact" data-section="contact">
-          <ContactSplitForm
-            useInvertedBackground={false}
-            title="Contactez-nous"
-            description="Besoin d'un conseil ou d'un devis ? Notre équipe est à votre écoute."
-            inputs={[
-              { name: "nom", type: "text", placeholder: "Nom complet", required: true },
-              { name: "email", type: "email", placeholder: "Email professionnel", required: true },
-            ]}
-            textarea={{ name: "message", placeholder: "Votre demande", rows: 4 }}
-            imageSrc="http://img.b2bpic.net/free-photo/high-rise-construction-with-cantilever-decks-floor-rhythm-yellow-platforms_169016-69965.jpg"
+          <ContactCenter
+            tag="Contact"
+            title="Besoin d'un devis ?"
+            description="Obtenez une réponse sous 24h pour vos besoins en sécurité."
+            background={{ variant: "gradient-bars" }}
+            useInvertedBackground={true}
          />
        </div>

        <div id="footer" data-section="footer">
-          <FooterBaseReveal
+          <FooterLogoEmphasis
            logoText="SAE Réunion"
            columns={[
-              {
-                title: "Navigation",                items: [
-                  { label: "Accueil", href: "#hero" },
-                  { label: "Produits", href: "#products" },
-                  { label: "Contact", href: "#contact" },
-                ],
-              },
-              {
-                title: "Informations",                items: [
-                  { label: "Mentions Légales", href: "#" },
-                  { label: "Politique Confidentialité", href: "#" },
-                ],
-              },
+              { items: [{ label: "Accueil", href: "#hero" }, { label: "Produits", href: "#products" }] },
+              { items: [{ label: "À Propos", href: "#about" }, { label: "Contact", href: "#contact" }] },
+              { items: [{ label: "Mentions Légales" }, { label: "Confidentialité" }] },
            ]}
-            copyrightText="© 2024 SAE Réunion - Leader EPI"
          />
        </div>
      </ReactLenis>
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-inter), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #f5faff;
-  --card: #f1f8ff;
-  --foreground: #001122;
-  --primary-cta: #15479c;
+  --background: #FFFFFF;
+  --card: #F5F5F5;
+  --foreground: #1A1A1A;
+  --primary-cta: #E30613;
  --primary-cta-text: #f5faff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1A1A1A;
  --secondary-cta-text: #001122;
-  --accent: #a8cce8;
-  --background-accent: #7ba3cf;
+  --accent: #E30613;
+  --background-accent: #FFF0F0;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
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
bender	ab9d267b13	Update src/app/styles/variables.css	2026-05-13 07:52:58 +00:00
bender	5dfdadfa94	Update src/app/styles/base.css	2026-05-13 07:52:58 +00:00
bender	3729a32ad9	Update src/app/page.tsx	2026-05-13 07:52:57 +00:00
bender	a0624ec02f	Merge version_2 into main Merge version_2 into main	2026-05-13 07:45:27 +00:00
bender	230839e663	Update src/app/page.tsx	2026-05-13 07:45:21 +00:00
bender	93934128bb	Merge version_1 into main Merge version_1 into main	2026-05-13 07:44:25 +00:00