Update src/app/styles/variables.css

Merge version_2 into main

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';
@@ -131,38 +131,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="Rejoignez notre réseau de professionnels équipés pour la 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>

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

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