src/app/contact/page.tsx

@@ -0,0 +1,82 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="largeSmall"
+        background="blurBottom"
+        cardStyle="outline"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="solid"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleCentered
+            navItems={[
+              { name: "Accueil", id: "hero" },
+              { name: "À propos", id: "about" },
+              { name: "Services", id: "services" },
+              { name: "Avis", id: "testimonials" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="A. Terrassement"
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+            <ContactSplitForm
+            title="Contactez-nous"
+            description="Nous sommes à votre disposition pour toute question ou demande de devis concernant vos projets de terrassement."
+            inputs={[
+                { name: "name", type: "text", placeholder: "Votre nom", required: true },
+                { name: "email", type: "email", placeholder: "Votre email", required: true },
+                { name: "subject", type: "text", placeholder: "Sujet" }
+            ]}
+            textarea={{ name: "message", placeholder: "Votre message", rows: 5, required: true }}
+            useInvertedBackground={true}
+            mediaPosition="left"
+            imageSrc="http://img.b2bpic.net/free-photo/engineers-helmets-standing-by-factory_1157-35592.jpg"
+            imageAlt="Contact A. Terrassement"
+            buttonText="Envoyer"
+            onSubmit={(data) => console.log("Form submitted:", data)}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterBaseCard
+            logoText="A. Terrassement"
+            columns={[
+              {
+                title: "Navigation",          items: [
+                  { label: "Accueil", href: "/" },
+                  { label: "À propos", href: "/" },
+                  { label: "Services", href: "/" },
+                  { label: "Contact", href: "/contact" },
+                ],
+              },
+              {
+                title: "Contact",          items: [
+                  { label: "Appelez-nous : 06 84 85 37 04", href: "tel:+33684853704" },
+                  { label: "40 Rue des Écoles, 57385 Laudrefang", href: "https://maps.google.com" },
+                  { label: "contact@votre-domaine.com", href: "mailto:contact@votre-domaine.com" },
+                ],
+              },
+            ]}
+            copyrightText="© 2025 A. Terrassement"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -37,7 +37,7 @@ export default function LandingPage() {
         {
           name: "Avis",          id: "testimonials"},
         {
-          name: "Contact",          id: "contact"},
+          name: "Contact",          id: "/contact"},
       ]}
       brandName="A. Terrassement"
     />
@@ -51,9 +51,9 @@ export default function LandingPage() {
       description="Un service de haute qualité, un travail propre et une équipe fiable dédiée à vos besoins en matière de terrain à Laudrefang."
       buttons={[
         {
-          text: "Nous contacter",          href: "#contact"},
+          text: "Nous contacter",          href: "/contact"},
         {
-          text: "Demander un devis",          href: "#contact"},
+          text: "Demander un devis",          href: "/contact"},
       ]}
       imageSrc="http://img.b2bpic.net/premium-photo/excavator-actively-digging-through-mound-soil-dirt-creating-path-clearing-area_331695-43928.jpg?id=254812184"
       imageAlt="Préparation de terrain pour service de terrassement professionnel"
@@ -117,18 +117,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      tag="Nous contacter"
-      title="Contactez A. Terrassement"
-      description="Contactez-nous pour des devis, des consultations ou des demandes de renseignements sur vos projets. Notre équipe est prête à vous aider ! Adresse : 40 Rue des Écoles, 57385 Laudrefang. Téléphone : 06 84 85 37 04. Ouvert jusqu'à 19h."
-      buttonText="Demander un devis"
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterBaseCard
       logoText="A. Terrassement"
@@ -141,6 +129,8 @@ export default function LandingPage() {
               label: "À propos",              href: "#about"},
             {
               label: "Services",              href: "#services"},
+            {
+              label: "Contact",              href: "/contact"},
           ],
         },
         {