From 0775e629661b316f4be8559ef96fedb536638739 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 28 Mar 2026 11:14:15 +0000
Subject: [PATCH 1/2] Add src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 82 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 82 insertions(+)
 create mode 100644 src/app/contact/page.tsx

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..1ca69ca
--- /dev/null
+++ b/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>
+  );
+}

From f2a92a776ec33e11d83cc53ac79a6e843ee077a6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 28 Mar 2026 11:14:15 +0000
Subject: [PATCH 2/2] Update src/app/page.tsx

---
 src/app/page.tsx | 20 +++++---------------
 1 file changed, 5 insertions(+), 15 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7409158..c67ec17 100644
--- a/src/app/page.tsx
+++ b/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"},
           ],
         },
         {