src/app/contact/page.tsx

@@ -0,0 +1,75 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="small"
+        sizing="mediumLargeSizeMediumTitles"
+        background="grid"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Accueil", id: "/" },
+              { name: "Services", id: "/#services" },
+              { name: "À propos", id: "/#about" },
+              { name: "Réalisations", id: "/#portfolio" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Amri Carreleur"
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Contact"
+            title="Contactez-nous"
+            description="Besoin d'un renseignement ou d'un devis ? Appelez-nous au 06 51 92 65 26 ou envoyez-nous un message."
+            buttons={[
+              { text: "06 51 92 65 26", href: "tel:+33651926526" },
+              { text: "Envoyer un mail", href: "mailto:contact@amri-carreleur.fr" }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Amri Carreleur"
+            columns={[
+              {
+                title: "Navigation",                items: [
+                  { label: "Accueil", href: "/" },
+                  { label: "Services", href: "/#services" },
+                  { label: "Contact", href: "/contact" }
+                ]
+              },
+              {
+                title: "Légal",                items: [
+                  { label: "Mentions Légales", href: "#" },
+                  { label: "Privacy", href: "#" }
+                ]
+              }
+            ]}
+            copyrightText="© 2024 Amri Carreleur. Tous droits réservés."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -35,7 +35,7 @@ export default function LandingPage() {
         { name: "Services", id: "services" },
         { name: "À propos", id: "about" },
         { name: "Réalisations", id: "portfolio" },
-        { name: "Contact", id: "contact" }
+        { name: "Contact", id: "/contact" }
       ]}
       brandName="Amri Carreleur"
     />
@@ -45,7 +45,7 @@ export default function LandingPage() {
       <HeroCarouselLogo
       logoText="Amri Carreleur"
       description="Votre Carreleur Expert à Toulouse — Pose de carrelage soignée, finitions impeccables depuis 2014."
-      buttons={[{ text: "Demander un devis gratuit", href: "#contact" }]}
+      buttons={[{ text: "Demander un devis gratuit", href: "/contact" }]}
       slides={[
         { imageSrc: "http://img.b2bpic.net/free-photo/workers-tiling-floor-indoors_23-2149343993.jpg", imageAlt: "Expert tiling work" },
         { imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-holding-tool-full-shot_23-2149328044.jpg", imageAlt: "Construction worker holding tool full shot" },
@@ -130,29 +130,15 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{ variant: "plain" }}
-      tag="Contact"
-      title="Parlons de votre projet"
-      description="Un projet de carrelage en vue ? Contactez-nous pour une étude personnalisée et gratuite à Toulouse."
-      buttons={[
-        { text: "Demander un devis", href: "mailto:contact@amri-carreleur.fr" },
-        { text: "WhatsApp", href: "https://wa.me/33600000000" }
-      ]}
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterBaseCard
       logoText="Amri Carreleur"
       columns={[
         {
           title: "Navigation",          items: [
-            { label: "Accueil", href: "#hero" },
-            { label: "Services", href: "#services" },
-            { label: "Contact", href: "#contact" }
+            { label: "Accueil", href: "/" },
+            { label: "Services", href: "/#services" },
+            { label: "Contact", href: "/contact" }
           ]
         },
         {
@@ -168,4 +154,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}