Update theme colors

Update src/app/page.tsx
Update theme colors
2026-05-13 08:26:11 +00:00 · 2026-05-13 08:25:53 +00:00 · 2026-05-13 08:25:14 +00:00 · 2026-05-13 08:24:08 +00:00 · 2026-05-13 08:22:19 +00:00 · 2026-05-13 08:22:16 +00:00
4 changed files with 36 additions and 49 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,10 +3,10 @@
 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 HeroSplit from '@/components/sections/hero/HeroSplit';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -41,12 +41,13 @@ export default function LandingPage() {
        </div>
        <div id="hero" data-section="hero">
-          <HeroLogo
+          <HeroSplit
-            logoText="#BIENÉQUIPÉ"
+            title="#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="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>
@@ -69,9 +70,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: "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" },
+              { 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 +81,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,41 +134,26 @@ 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>
    </ThemeProvider>
  );
-}
+}
--- 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: #f9f9f9;
-  --foreground: #001122;
+  --foreground: #000f06e6;
-  --primary-cta: #15479c;
+  --primary-cta: #0a7039;
-  --primary-cta-text: #f5faff;
+  --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #001122;
+  --secondary-cta-text: #000f06e6;
-  --accent: #a8cce8;
+  --accent: #e2e2e2;
-  --background-accent: #7ba3cf;
+  --background-accent: #c4c4c4;
  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	3733359385	Update theme colors	2026-05-13 08:26:11 +00:00
bender	0a1a4e2746	Update src/app/page.tsx	2026-05-13 08:25:53 +00:00
bender	0f5a0e3d10	Update theme colors	2026-05-13 08:25: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
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