Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -3,6 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
@@ -30,8 +31,8 @@ export default function LandingPage() {
             navItems={[
               { name: "Services", id: "services" },
               { name: "Pourquoi nous", id: "why-us" },
-              { name: "Réalisations", id: "realisations" },
               { name: "Avis", id: "avis" },
+              { name: "Demander un devis", id: "quote-request" },
               { name: "Contact", id: "contact" }
             ]}
             brandName="Douieb Plomberie Services"
@@ -45,7 +46,7 @@ export default function LandingPage() {
             description="Votre plombier de confiance à Limoges. Intervention rapide, devis gratuit, disponible 24h/24 et 7j/7."
             buttons={[
               { text: "Appeler maintenant (06 51 74 55 39)", href: "tel:0651745539" },
-              { text: "Demander un devis", href: "mailto:douiebplomberielimoges@gmail.com" }
+              { text: "Demander un devis", href: "#quote-request" }
             ]}
             buttonAnimation="slide-up"
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUZmE6e7SUdIwin449cyz1IaMx/uploaded-1774549248472-4wj6mynn.jpg"
@@ -94,6 +95,20 @@ export default function LandingPage() {
           />
         </div>
 
+        <div id="quote-request" data-section="quote-request">
+            <ContactSplitForm
+                title="Demander un devis"
+                description="Décrivez-nous votre projet de plomberie et nous vous recontacterons rapidement."
+                inputs={[
+                    { name: "nom", type: "text", placeholder: "Votre nom", required: true },
+                    { name: "telephone", type: "tel", placeholder: "Votre numéro de téléphone", required: true }
+                ]}
+                textarea={{ name: "projet", placeholder: "Informations sur le projet envisagé", rows: 4, required: true }}
+                useInvertedBackground={true}
+                mediaPosition="right"
+            />
+        </div>
+
         <div id="contact" data-section="contact">
           <ContactText
             useInvertedBackground={false}
@@ -109,7 +124,7 @@ export default function LandingPage() {
           <FooterMedia
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUZmE6e7SUdIwin449cyz1IaMx/uploaded-1774549282015-0idleutw.jpg"
             columns={[
-              { title: "Services", items: [{ label: "Dépannage", href: "#" }, { label: "Installation", href: "#" }] },
+              { title: "Services", items: [{ label: "Dépannage", href: "#services" }, { label: "Installation", href: "#services" }] },
               { title: "Informations", items: [{ label: "Mentions Légales", href: "#" }, { label: "Confidentialité", href: "#" }] }
             ]}
             logoText="Douieb Plomberie Services"
@@ -119,4 +134,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}