Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,15 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import { Star, Users, MapPin, ShieldCheck } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -92,22 +92,23 @@ export default function LandingPage() {
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
+      <MetricCardOne
+      animationType="depth-3d"
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
         {
-          id: "metric-1",          value: "5.0 / 5",          title: "Note Google Maps",          description: "Excellence attestée par nos patients.",          imageSrc: "http://img.b2bpic.net/free-vector/customer-review-icons-with-gold-stars-five-star-rating-icon-set_145391-1604.jpg",          imageAlt: "Icône d'étoile de notation 5.0 sur 5"},
+          id: "metric-1",          value: "5.0 / 5",          title: "Note Google Maps",          description: "Excellence attestée par nos patients.", icon: Star},
         {
-          id: "metric-2",          value: "+94",          title: "Avis Patients Réels",          description: "Témoignages vérifiés pour une confiance absolue.",          imageSrc: "http://img.b2bpic.net/free-photo/customer-evaluation-feedback-smiley-emoticons_53876-124368.jpg",          imageAlt: "Icône de bulles de discussion pour avis patients"},
+          id: "metric-2",          value: "+94",          title: "Avis Patients Réels",          description: "Témoignages vérifiés pour une confiance absolue.", icon: Users},
         {
-          id: "metric-3",          value: "Cabinet de Référence",          title: "À El Mourouj 1",          description: "Une adresse incontournable pour vos soins dentaires.",          imageSrc: "http://img.b2bpic.net/free-photo/doctor-isolated-white-background_1157-43236.jpg",          imageAlt: "Icône de croix médicale pour cabinet de référence"},
+          id: "metric-3",          value: "Cabinet de Référence",          title: "El Mourouj 1",          description: "Une adresse incontournable pour vos soins dentaires.", icon: MapPin},
         {
-          id: "metric-4",          value: "Normes Strictes",          title: "Hygiène et Protocoles",          description: "Votre sécurité, notre priorité absolue.",          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-deltacron-infographic_23-2149264630.jpg",          imageAlt: "Icône de mains propres pour normes d'hygiène"},
+          id: "metric-4",          value: "Normes Strictes",          title: "Hygiène & Sécurité",          description: "Votre sécurité, notre priorité absolue.", icon: ShieldCheck},
       ]}
       title="Nos Engagements en Chiffres"
       description="Excellence et confiance au cœur de notre pratique."
+      gridVariant="uniform-all-items-equal"
     />
   </div>
 
@@ -125,7 +126,7 @@ export default function LandingPage() {
         {
           id: "service-3",          name: "Soins des Caries",          price: "",          imageSrc: "http://img.b2bpic.net/free-vector/linear-flat-dental-logo-collection_23-2149004297.jpg",          imageAlt: "Icône de traitement des caries"},
         {
-          id: "service-4",          name: "Urgences Dentaires",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/first-aid-bag-paper-craft-icon_53876-74639.jpg",          imageAlt: "Icône d'urgence dentaire"},
+          id: "service-4",          name: "Urgences Dentaires",          price: "",          imageSrc: "https://img.b2bpic.net/free-vector/medical-cross-with-heart-beat-line-icon_53876-120021.jpg",          imageAlt: "Icône d'urgence dentaire"},
         {
           id: "service-5",          name: "Blanchiment des Dents",          price: "",          imageSrc: "http://img.b2bpic.net/free-vector/grills-jewelry-teeth-abstract-concept-vector-illustration-hip-hop-culture-wearing-golden-grills-dental-jewelry-precious-stones-removable-teeth-wear-custom-manufacturing-abstract-metaphor_335657-1529.jpg",          imageAlt: "Icône de blanchiment des dents"},
         {
@@ -133,8 +134,9 @@ export default function LandingPage() {
         {
           id: "service-7",          name: "Prothèses & Implants",          price: "",          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-dentist-drawing-illustration_23-2151150650.jpg",          imageAlt: "Icône de prothèses et implants dentaires"},
       ]}
-      title="Nos Soins et Spécialités Dentaires à Ben Arous"
+      title="Soins Courants & Urgences et Esthétique & Spécialités"
       description="Nous offrons une gamme complète de soins pour votre santé bucco-dentaire, alliant expertise et technologies modernes."
+      textBoxTitleClassName="text-center text-5xl text-[var(--primary-cta)]"
     />
   </div>
 
@@ -158,67 +160,44 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
+      <TestimonialCardTwelve
       useInvertedBackground={false}
-      testimonial="« Mon première expérience avec un dentiste et je crois que c'est le meilleur, l'équipe lkol souriante w mahlehm, j t'encourage ya jme3aa b cabinet Dr, Gharbi wallah hatta l'espace y7asessk b ra7aa 🤍 »"
-      rating={5}
-      author="boohalwen Nade"
-      avatars={[
+      cardTitle="Ce que nos patients disent de nous"
+      cardTag="Avis Clients Vérifiés"
+      cardAnimation="slide-up"
+      testimonials={[
         {
-          src: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg",          alt: "Avatar de boohalwen Nade"},
+          id: "test-1",          name: "boohalwen Nade",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg",          imageAlt: "Avatar de boohalwen Nade"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-woman-business-thinking-creative-beauty-black-lady-african-american-girl-isolated-gray-background_640221-36.jpg",          alt: "Avatar de Rama Jammazi"},
+          id: "test-2",          name: "Rama Jammazi",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-thinking-creative-beauty-black-lady-african-american-girl-isolated-gray-background_640221-36.jpg",          imageAlt: "Avatar de Rama Jammazi"},
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-female-doctor-smiling-yellow-space_179666-13656.jpg",          alt: "Avatar de Meryem Boudhraa"},
+          id: "test-3",          name: "Meryem Boudhraa",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-doctor-smiling-yellow-space_179666-13656.jpg",          imageAlt: "Avatar de Meryem Boudhraa"},
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg",          alt: "Avatar d'ines marrakchi"},
+          id: "test-4",          name: "ines marrakchi",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg",          imageAlt: "Avatar d'ines marrakchi"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-enterprise-director-having-chat-via-social-media-messages_482257-116875.jpg",          alt: "Avatar d'emna ouertani"},
+          id: "test-5",          name: "emna ouertani",          imageSrc: "http://img.b2bpic.net/free-photo/young-enterprise-director-having-chat-via-social-media-messages_482257-116875.jpg",          imageAlt: "Avatar d'emna ouertani"}
+      ]}
+      buttons={[
+        {
+          text: "Lire tous les avis",          href: "https://www.google.com/maps/search/Cabinet+Dentaire+Dr+Gharbi+Mounib"
+        }
       ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
     />
   </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "faq-1",          title: "Est-ce que les soins sont douloureux ?",          content: "Notre priorité est votre confort. Nous utilisons des techniques modernes et des anesthésies locales efficaces pour garantir des soins sans douleur et une expérience agréable."},
-        {
-          id: "faq-2",          title: "Quels sont les horaires d'ouverture du cabinet ?",          content: "Le cabinet est ouvert du Lundi au Vendredi de 08:30 à 19:00 et le Samedi de 08:30 à 14:00. Nous sommes fermés le Dimanche."},
-        {
-          id: "faq-3",          title: "Acceptez-vous les urgences dentaires ?",          content: "Oui, nous réservons des créneaux pour les urgences. Contactez-nous directement par téléphone pour une prise en charge rapide de votre douleur ou infection."},
-        {
-          id: "faq-4",          title: "Puis-je prendre rendez-vous en ligne ?",          content: "Pour l'instant, les rendez-vous se prennent par appel direct ou via WhatsApp afin de mieux cerner votre besoin et vous orienter. Nous travaillons à une solution de prise de rendez-vous en ligne."},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/dentist-nurse-explaining-x-ray-scan-patient-with-toothache-stomatology-cabinet-team-specialists-doing-oral-care-consultation-treat-man-pain-with-denture-problem_482257-40449.jpg"
-      imageAlt="Dentiste expliquant un traitement à un patient"
-      mediaAnimation="slide-up"
-      mediaPosition="right"
-      title="Questions Fréquentes sur vos Soins Dentaires"
-      description="Retrouvez les réponses à vos questions les plus courantes concernant nos services et votre visite au cabinet."
-      faqsAnimation="slide-up"
-    />
-  </div>
+  {/* FAQ section removed as requested */}
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCenter
       useInvertedBackground={false}
       background={{
         variant: "plain"}}
       tag="Contactez-nous"
-      title="Votre Cabinet Dentaire à El Mourouj"
-      description="Nous sommes là pour répondre à toutes vos questions et planifier votre prochaine visite. Contactez-nous ou laissez-nous vos coordonnées pour être rappelé."
-      imageSrc="http://img.b2bpic.net/free-photo/view-world-travel-map-with-pins_23-2149460008.jpg"
-      imageAlt="Capture d'écran de Google Maps montrant l'emplacement du cabinet dentaire"
-      mediaAnimation="slide-up"
-      mediaPosition="left"
-      inputPlaceholder="Votre numéro de téléphone (Ex: +216 25 207 117)"
-      buttonText="Être rappelé"
-      termsText="En cliquant, vous acceptez que nous vous contactions pour votre demande."
+      title="Prenez Rendez-vous au Cabinet"
+      description="Nous sommes à votre écoute pour toute question ou pour planifier votre prochaine visite. Remplissez le formulaire ci-dessous ou contactez-nous directement."
+      inputPlaceholder="Votre Nom et numéro de téléphone"
+      buttonText="Être rappelé par le cabinet"
+      termsText="En soumettant ce formulaire, vous acceptez d'être contacté par notre équipe."
     />
   </div>
 
@@ -257,7 +236,7 @@ export default function LandingPage() {
             {
               label: "Sam: 08:30 – 14:00",              href: "#"},
             {
-              label: "Dim: Fermé",              href: "#"},
+              label: "Dim: Fermé",              href: "#"}
           ],
         },
       ]}