Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -19,16 +19,16 @@ import { MapPin, ShieldCheck, Smile, Sparkles, Zap } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="shift-hover"
+        defaultButtonVariant="expand-hover"
         defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
-        contentWidth="medium"
+        borderRadius="soft"
+        contentWidth="mediumLarge"
         sizing="mediumLargeSizeMediumTitles"
-        background="blurBottom"
-        cardStyle="subtle-shadow"
-        primaryButtonStyle="double-inset"
-        secondaryButtonStyle="glass"
-        headingFontWeight="light"
+        background="noise"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="solid"
+        headingFontWeight="medium"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -57,8 +57,8 @@ export default function LandingPage() {
 
   <div id="home" data-section="home">
       <HeroOverlayTestimonial
-      title="Votre sourire, notre engagement professionnel"
-      description="Soins dentaires modernes, esthétiques et rassurants à El Mourouj. Consultation, urgences et traitements complets avec une équipe dédiée à votre confort."
+      title="Votre Sourire, Notre Spécialité. Des Soins Dentaires d'Excellence."
+      description="Découvrez une approche moderne et personnalisée de la stomatologie et de l'esthétique dentaire. Notre équipe d'orthodontistes et de dentistes vous offre des soins complets pour un sourire sain et éclatant."
       testimonials={[
         {
           name: "Fatma B.",          handle: "@fatma.b",          testimonial: "Une équipe formidable et des soins impeccables. Je recommande vivement le Dr Gharbi Mounib pour son professionnalisme et sa gentillesse.",          rating: 5,
@@ -100,6 +100,9 @@ export default function LandingPage() {
       imageAlt="Modern dental clinic interior"
       showDimOverlay={true}
       showBlur={true}
+      tag="Stomatologie & Esthétique Dentaire"
+      tagIcon={Smile}
+      tagAnimation="blur-reveal"
     />
   </div>
 
@@ -237,8 +240,8 @@ export default function LandingPage() {
         {
           id: "faq4",          title: "Le cabinet est-il accessible aux personnes à mobilité réduite ?",          content: "Oui, notre cabinet est entièrement équipé pour accueillir les personnes à mobilité réduite, assurant un accès facile et confortable pour tous nos patients."},
       ]}
-      sideTitle="Questions Fréquemment Posées"
-      sideDescription="Trouvez les réponses à vos interrogations concernant nos services, rendez-vous, paiements et urgences dentaires. Nous sommes là pour clarifier tous vos doutes."
+      sideTitle="Vos Questions, Nos Réponses sur Votre Santé Dentaire"
+      sideDescription="Nous répondons à vos interrogations concernant nos services de stomatologie, nos traitements d'orthodontie, la préservation de votre smile, et l'esthétique dentaire."
       faqsAnimation="slide-up"
       textPosition="left"
     />

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-source-sans-3), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-poppins), sans-serif;
+  font-family: var(--font-source-sans-3), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f8f9fa;
-  --foreground: #000a18;
-  --primary-cta: #0D6EFD;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #f8f9fa;
-  --secondary-cta-text: #0D6EFD;
-  --accent: #0D6EFD;
-  --background-accent: #e2e2e2;
+  --background: #f5f5f5;
+  --card: #ffffff;
+  --foreground: #1c1c1c;
+  --primary-cta: #1f3251;
+  --primary-cta-text: #f5f5f5;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #1c1c1c;
+  --accent: #15479c;
+  --background-accent: #a8cce8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);