Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -12,7 +12,9 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TeamCardSix from '@/components/sections/team/TeamCardSix';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { ShieldCheck, Smile, Sparkles, Zap } from "lucide-react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import MobileStickyBand from '@/components/MobileStickyBand';
+import { MapPin, ShieldCheck, Smile, Sparkles, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -45,7 +47,9 @@ export default function LandingPage() {
         {
           name: "FAQ",          id: "#faq"},
         {
-          name: "Contact",          id: "#contact"},
+          name: "Contact Rapide",          id: "#contact"},
+        {
+          name: "Contact & Accès",          id: "#contact-details"},
       ]}
       brandName="Dr Gharbi Mounib"
     />
@@ -213,6 +217,10 @@ export default function LandingPage() {
       showRating={true}
       title="Ce Que Nos Patients Disent"
       description="La satisfaction de nos patients est notre plus grande fierté. Lisez leurs témoignages et découvrez pourquoi ils nous font confiance pour leur santé bucco-dentaire et leur sourire."
+      buttons={[
+        {
+          text: "Voir sur Google Maps",          href: "https://www.google.com/maps/search/Dr+Gharbi+Mounib+El+Mourouj"},
+      ]}
     />
   </div>
 
@@ -251,6 +259,25 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="contact-details" data-section="contact-details">
+    <ContactSplitForm
+      title="Contact & Accès"
+      description="Cabinet Dentaire Dr Gharbi Mounib\nAdresse : Cité Ennasr 2, Tunis, Tunisie\nTél : +216 XX XXX XXX\nWhatsApp : +216 XX XXX XXX\nHoraires : Lun-Ven 09:00-18:00, Sam 09:00-13:00\n\nNous sommes là pour répondre à vos questions et vous accueillir dans les meilleures conditions. N'hésitez pas à nous contacter."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Nom Complet", required: true },
+        { name: "email", type: "email", placeholder: "Votre Email", required: true },
+        { name: "phone", type: "tel", placeholder: "Numéro de Téléphone", required: false },
+      ]}
+      textarea={{ name: "message", placeholder: "Votre message", rows: 4, required: true }}
+      imageSrc="http://img.b2bpic.net/free-photo/map-with-pin_23-2147714341.jpg"
+      imageAlt="Localisation du cabinet sur une carte"
+      mediaPosition="right"
+      mediaAnimation="slide-up"
+      buttonText="Envoyer le message"
+      useInvertedBackground={true}
+    />
+  </div>
+
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Dr Gharbi Mounib"
@@ -261,6 +288,7 @@ export default function LandingPage() {
     />
   </div>
       </ReactLenis>
+      <MobileStickyBand />
     </ThemeProvider>
   );
 }

src/components/MobileStickyBand.tsx

@@ -0,0 +1,27 @@
+"use client";
+
+import React from 'react';
+import ButtonDirectionalHover from '@/components/button/ButtonDirectionalHover/ButtonDirectionalHover';
+
+const MobileStickyBand = () => {
+  return (
+    <div className="fixed bottom-0 left-0 right-0 z-50 bg-background-accent p-4 shadow-lg md:hidden">
+      <div className="container mx-auto flex justify-around gap-4">
+        <ButtonDirectionalHover
+          text="Appeler le Cabinet"
+          href="tel:+216XXXXXXXX"
+          className="w-full bg-primary-cta text-white"
+          bgClassName="bg-primary-cta"
+        />
+        <ButtonDirectionalHover
+          text="WhatsApp Direct"
+          href="https://wa.me/216XXXXXXXX"
+          className="w-full bg-green-500 text-white"
+          bgClassName="bg-green-500"
+        />
+      </div>
+    </div>
+  );
+};
+
+export default MobileStickyBand;