Update src/app/page.tsx

Merge version_6 into main
2026-05-13 08:12:57 +00:00 · 2026-05-13 08:11:59 +00:00 · 2026-05-13 08:11:52 +00:00 · 2026-05-13 08:09:32 +00:00 · 2026-05-13 08:09:29 +00:00 · 2026-05-13 08:08:48 +00:00
4 changed files with 26 additions and 40 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,7 +43,7 @@ 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."
+            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."
            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"
@@ -69,6 +69,7 @@ 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" },
@@ -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: "Découvrir tout le catalogue", href: "#catalog" }]}
          />
        </div>
@@ -131,38 +133,23 @@ export default function LandingPage() {
        </div>
        <div id="contact" data-section="contact">
-          <ContactSplitForm
+          <ContactCenter
-            useInvertedBackground={false}
+            tag="Contact"
-            title="Contactez-nous"
+            title="Besoin d'un devis ?"
-            description="Besoin d'un conseil ou d'un devis ? Notre équipe est à votre écoute."
+            description="Obtenez une réponse sous 24h pour vos besoins en sécurité."
-            inputs={[
+            background={{ variant: "gradient-bars" }}
-              { name: "nom", type: "text", placeholder: "Nom complet", required: true },
+            useInvertedBackground={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"
          />
        </div>
        <div id="footer" data-section="footer">
-          <FooterBaseReveal
+          <FooterLogoEmphasis
            logoText="SAE Réunion"
            columns={[
-              {
+              { items: [{ label: "Accueil", href: "#hero" }, { label: "Produits", href: "#products" }] },
-                title: "Navigation",                items: [
+              { items: [{ label: "À Propos", href: "#about" }, { label: "Contact", href: "#contact" }] },
-                  { label: "Accueil", href: "#hero" },
+              { items: [{ label: "Mentions Légales" }, { label: "Confidentialité" }] },
                  { label: "Produits", href: "#products" },
                  { label: "Contact", href: "#contact" },
                ],
              },
              {
                title: "Informations",                items: [
                  { label: "Mentions Légales", href: "#" },
                  { label: "Politique Confidentialité", href: "#" },
                ],
              },
            ]}
            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;
+  --background: #FFFFFF;
-  --card: #f1f8ff;
+  --card: #F5F5F5;
-  --foreground: #001122;
+  --foreground: #1A1A1A;
-  --primary-cta: #15479c;
+  --primary-cta: #E30613;
  --primary-cta-text: #f5faff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1A1A1A;
  --secondary-cta-text: #001122;
-  --accent: #a8cce8;
+  --accent: #E30613;
-  --background-accent: #7ba3cf;
+  --background-accent: #FFF0F0;
  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
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