Update src/app/page.tsx

Merge version_14 into main

src/app/page.tsx

@@ -20,7 +20,7 @@ export default function LandingPage() {
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
         contentWidth="medium"
-        sizing="large"
+        sizing="medium"
         background="aurora"
         cardStyle="glass-elevated"
         primaryButtonStyle="shadow"
@@ -31,20 +31,14 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Services",          id: "services"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Reviews",          id: "reviews"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "About", id: "about" },
+        { name: "Reviews", id: "reviews" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Dr. Haitham Jichi Clinic"
-      button={{
-        text: "Book Your Appointment",        href: "#contact"}}
+      button={{ text: "Book Your Appointment", href: "#contact" }}
       animateOnLoad={true}
     />
   </div>
@@ -55,16 +49,16 @@ export default function LandingPage() {
       description="Dr. Haitham Jichi has been the most trusted name in family and cosmetic dentistry in Qatar for over 15 years — gentle, honest, and light-handed.\nعيادة الدكتور هيثم جشي — الدوحة، قطر"
       tag="⭐ 5.0 stars · 176 reviews on Google · Doha's highest-rated dental clinic"
       buttons={[
-        {
-          text: "Book Your Appointment",          href: "#contact"},
-        {
-          text: "Meet Dr. Haitham",          href: "#contact"},
+        { text: "Book Your Appointment", href: "#contact" },
+        { text: "Meet Dr. Haitham", href: "#contact" },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOr4rglD5fu7yVqGXlcOSYUkyu/uploaded-1774375112010-scbs00sk.png"
       imageAlt="Modern dental clinic interior with a smiling patient in a dental chair"
       textPosition="bottom-left"
       showDimOverlay={true}
       showBlur={true}
+      titleClassName="text-3xl md:text-5xl"
+      descriptionClassName="text-sm md:text-base"
     />
   </div>
 
@@ -74,21 +68,15 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "years",          icon: Calendar,
-          title: "15+ Years",          value: "Serving Doha families"},
-        {
-          id: "reviews",          icon: Star,
-          title: "176 Reviews",          value: "All 5 stars on Google"},
-        {
-          id: "generations",          icon: Users,
-          title: "Generations of Patients",          value: "Families trust us for 8–15 years"},
-        {
-          id: "pain-free",          icon: ShieldCheck,
-          title: "Pain-Free Guarantee",          value: "Light-handed, always"},
+        { id: "years", icon: Calendar, title: "15+ Years", value: "Serving Doha families" },
+        { id: "reviews", icon: Star, title: "176 Reviews", value: "All 5 stars on Google" },
+        { id: "generations", icon: Users, title: "Generations of Patients", value: "Families trust us for 8–15 years" },
+        { id: "pain-free", icon: ShieldCheck, title: "Pain-Free Guarantee", value: "Light-handed, always" },
       ]}
       title="Experience the Difference"
       description="Our commitment to patient comfort and lasting care sets us apart."
+      textBoxTitleClassName="text-2xl md:text-3xl"
+      textBoxDescriptionClassName="text-sm"
     />
   </div>
 
@@ -97,12 +85,12 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="The dentist your whole family will love"
       description={[
-        "Dr. Haitham Jichi has spent over 15 years building something rare in Doha: a dental practice where patients — from young children to grandparents — actually look forward to their appointments.",        "Known for his extraordinarily light hand, his calm demeanor, and his commitment to honest, transparent care, Dr. Haitham takes the time to explain every step, every option, and every concern. His patients don't just stay — they come back for a decade, and they bring their families.",        "\"He didn't just fix my tooth. He explained everything, and for the first time, I actually trusted my dentist.\" — Mohammed J., patient (verified Google review)"]} 
-      buttons={[
-        {
-          text: "Meet Dr. Haitham",          href: "#contact"}
+        "Dr. Haitham Jichi has spent over 15 years building something rare in Doha: a dental practice where patients — from young children to grandparents — actually look forward to their appointments.",        "Known for his extraordinarily light hand, his calm demeanor, and his commitment to honest, transparent care, Dr. Haitham takes the time to explain every step, every option, and every concern. His patients don't just stay — they come back for a decade, and they bring their families.",        "\"He didn't just fix my tooth. He explained everything, and for the first time, I actually trusted my dentist.\" — Mohammed J., patient (verified Google review)"
       ]}
+      buttons={[{ text: "Meet Dr. Haitham", href: "#contact" }]}
       showBorder={false}
+      titleClassName="text-2xl md:text-4xl"
+      descriptionClassName="text-sm"
     />
   </div>
 
@@ -112,27 +100,18 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          icon: Heart,
-          title: "Teeth Cleaning & Check-ups",          description: "Thorough, gentle, and always explained clearly."},
-        {
-          icon: Diamond,
-          title: "Tooth Fillings & Crowns",          description: "Seamless restorations that look and feel natural."},
-        {
-          icon: Scissors,
-          title: "Tooth Extractions",          description: "Pain-free, even with stitches — patients are amazed."},
-        {
-          icon: Key,
-          title: "Dental Implants & Dentures",          description: "Precision fitting for a confident, lasting smile."},
-        {
-          icon: LifeBuoy,
-          title: "Emergency Dental Care",          description: "Same-day attention when you need it most."},
-        {
-          icon: Home,
-          title: "Children's Dentistry",          description: "Kids leave happy. Yes, really."},
+        { icon: Heart, title: "Teeth Cleaning & Check-ups", description: "Thorough, gentle, and always explained clearly." },
+        { icon: Diamond, title: "Tooth Fillings & Crowns", description: "Seamless restorations that look and feel natural." },
+        { icon: Scissors, title: "Tooth Extractions", description: "Pain-free, even with stitches — patients are amazed." },
+        { icon: Key, title: "Dental Implants & Dentures", description: "Precision fitting for a confident, lasting smile." },
+        { icon: LifeBuoy, title: "Emergency Dental Care", description: "Same-day attention when you need it most." },
+        { icon: Home, title: "Children's Dentistry", description: "Kids leave happy. Yes, really." },
       ]}
       title="Complete dental care, done with precision"
       description="We offer a full range of gentle, effective dental treatments for your entire family."
+      textBoxTitleClassName="text-2xl md:text-4xl"
+      textBoxDescriptionClassName="text-sm"
+      cardDescriptionClassName="text-xs md:text-sm"
     />
   </div>
 
@@ -143,15 +122,15 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "light-hands",          name: "The lightest hands in Doha",          price: "Unmatched Comfort",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-using-instruments_23-2151053286.jpg",          imageAlt: "Close-up of gloved hands working gently, warm lighting"},
-        {
-          id: "honest",          name: "Honest. Always.",          price: "Transparent Care",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-nurse-attractive-doctor-meeting-first-time-medical-board-attractive-woman-medical-specialist-working-together-hospital_662251-147.jpg",          imageAlt: "Doctor consulting warmly with a patient, face-to-face"},
-        {
-          id: "family-dentist",          name: "Your family's dentist for life",          price: "Generations of Trust",          imageSrc: "http://img.b2bpic.net/free-photo/mother-little-children-have-fun-home_1157-38250.jpg",          imageAlt: "Family of different ages smiling, warm editorial style"},
+        { id: "light-hands", name: "The lightest hands in Doha", price: "Unmatched Comfort", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-using-instruments_23-2151053286.jpg", imageAlt: "Close-up of gloved hands working gently, warm lighting" },
+        { id: "honest", name: "Honest. Always.", price: "Transparent Care", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-nurse-attractive-doctor-meeting-first-time-medical-board-attractive-woman-medical-specialist-working-together-hospital_662251-147.jpg", imageAlt: "Doctor consulting warmly with a patient, face-to-face" },
+        { id: "family-dentist", name: "Your family's dentist for life", price: "Generations of Trust", imageSrc: "http://img.b2bpic.net/free-photo/mother-little-children-have-fun-home_1157-38250.jpg", imageAlt: "Family of different ages smiling, warm editorial style" },
       ]}
       title="Why Dr. Haitham Jichi Clinic"
       description="Patients choose us for a uniquely calm, caring, and trustworthy dental experience."
+      textBoxTitleClassName="text-2xl md:text-4xl"
+      textBoxDescriptionClassName="text-sm"
+      cardNameClassName="text-base"
     />
   </div>
 
@@ -162,45 +141,31 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",          name: "S.S.",          role: "Patient",          company: "Google Review",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOr4rglD5fu7yVqGXlcOSYUkyu/uploaded-1774613915091-9iufm8n6.png"},
-        {
-          id: "2",          name: "Jamila M.",          role: "Patient",          company: "Google Review",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOr4rglD5fu7yVqGXlcOSYUkyu/uploaded-1774613923010-zjwelp9s.png"},
-        {
-          id: "3",          name: "Mariam A.",          role: "Patient",          company: "Google Review",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOr4rglD5fu7yVqGXlcOSYUkyu/uploaded-1774613928682-37up2mva.png"},
-        {
-          id: "4",          name: "Mohammed J.",          role: "Patient",          company: "Google Review",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOr4rglD5fu7yVqGXlcOSYUkyu/uploaded-1774613946816-12j8qyc1.png"},
-        {
-          id: "5",          name: "Eman A.",          role: "Patient",          company: "Google Review",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-excited-friends-reunited_23-2149165106.jpg"},
-        {
-          id: "6",          name: "M.A.",          role: "Patient",          company: "Google Review",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-gorgeous-european-girl-playfully-posing-new-beige-coat_197531-3290.jpg"},
+        { id: "1", name: "S.S.", role: "Patient", company: "Google Review", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOr4rglD5fu7yVqGXlcOSYUkyu/uploaded-1774613915091-9iufm8n6.png" },
+        { id: "2", name: "Jamila M.", role: "Patient", company: "Google Review", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOr4rglD5fu7yVqGXlcOSYUkyu/uploaded-1774613923010-zjwelp9s.png" },
+        { id: "3", name: "Mariam A.", role: "Patient", company: "Google Review", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOr4rglD5fu7yVqGXlcOSYUkyu/uploaded-1774613928682-37up2mva.png" },
+        { id: "4", name: "Mohammed J.", role: "Patient", company: "Google Review", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOr4rglD5fu7yVqGXlcOSYUkyu/uploaded-1774613946816-12j8qyc1.png" },
+        { id: "5", name: "Eman A.", role: "Patient", company: "Google Review", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-excited-friends-reunited_23-2149165106.jpg" },
+        { id: "6", name: "M.A.", role: "Patient", company: "Google Review", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-gorgeous-european-girl-playfully-posing-new-beige-coat_197531-3290.jpg" },
       ]}
       title="176 five-star reviews. Every single one earned."
       description="Hear directly from our patients about their exceptional experiences."
+      textBoxTitleClassName="text-2xl md:text-4xl"
+      textBoxDescriptionClassName="text-sm"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
+      background={{ variant: "plain" }}
       animationType="entrance-slide"
       text="Book your appointment. Dr. Haitham's schedule fills fast. Don't wait. Phone: 44685444. "
       buttons={[
-        {
-          text: "Call Now",          href: "tel:44685444"
-        },
-        {
-          text: "Get Directions",          href: "https://www.google.com/maps/place/Dr+Haitham+Jichi+Clinic+%D8%B9%D9%8A%D8%A7%D8%AF%D8%A9+%D8%A7%D9%84%D8%AF%D9%83%D8%AA%D9%88%D8%B1+%D9%87%D9%8A%D8%AB%D9%85+%D8%AC%D8%B4%D9%8A%E2%80%AD/@25.2506597,51.4741351,16z/data=!4m10!1m2!2m1!1sdentists+near+me!3m6!1s0x3e45db7bc6dc0449:0x5f9ac9e7f5f58699!8m2!3d25.2502813!4d51.483834!15sChBkZW50aXN0cyBuZWFyIG1lIgOQAQFaEiIQZGVudGlzdHMgbmVhciBtZZIBEGNvc21ldGljX2RlbnRpc3SaASNDaFpEU1VoTk1HOW5TMFZKUTBGblNVTkdMVnBIWVZWQkVBReABAPoBBAgAEEY!16s%2Fg%2F11f66by_5k?entry=ttu&g_ep=EgoyMDI2MDMxOC4xIKXMDSoASAFQAw%3D%3D"
-        }
+        { text: "Call Now", href: "tel:44685444" },
+        { text: "Get Directions", href: "https://www.google.com/maps/place/Dr+Haitham+Jichi+Clinic+%D8%B9%D9%8A%D8%A7%D8%AF%D8%A9+%D8%A7%D9%84%D8%AF%D9%83%D8%AA%D9%88%D8%B1+%D9%87%D9%8A%D8%AB%D9%85+%D8%AC%D8%B4%D9%8A%E2%80%AD/@25.2506597,51.4741351,16z/data=!4m10!1m2!2m1!1sdentists+near+me!3m6!1s0x3e45db7bc6dc0449:0x5f9ac9e7f5f58699!8m2!3d25.2502813!4d51.483834!15sChBkZW50aXN0cyBuZWFyIG1lIgOQAQFaEiIQZGVudGlzdHMgbmVhciBtZZIBEGNvc21ldGljX2RlbnRpc3SaASNDaFpEU1VoTk1HOW5TMFZKUTBGblNVTkdMVnBIWVZWQkVBReABAPoBBAgAEEY!16s%2Fg%2F11f66by_5k?entry=ttu&g_ep=EgoyMDI2MDMxOC4xIKXMDSoASAFQAw%3D%3D" }
       ]}
+      textClassName="text-xl md:text-2xl"
     />
   </div>
 
@@ -209,36 +174,21 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/young-female-dentist-treating-patients-teeth-with-dental-microscope-dentistry-concept_169016-67185.jpg"
       imageAlt="Modern dental clinic interior, clean and luxurious"
       columns={[
-        {
-          title: "Navigation",          items: [
-            {
-              label: "Home",              href: "#hero"},
-            {
-              label: "Services",              href: "#services"},
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Reviews",              href: "#reviews"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
-        {
-          title: "Contact Us",          items: [
-            {
-              label: "Call: 4468 5444",              href: "tel:44685444"},
-            {
-              label: "Zone 56, 514 St., Villa, Doha, Qatar",              href: "https://maps.app.goo.gl/gWCz7zTRhgKAvpoX6"},
-          ],
-        },
-        {
-          title: "Connect",          items: [
-            {
-              label: "Instagram",              href: "https://instagram.com/dr.haithamjichi"},
-            {
-              label: "WhatsApp",              href: "https://wa.me/97444685444"},
-          ],
-        },
+        { title: "Navigation", items: [
+          { label: "Home", href: "#hero" },
+          { label: "Services", href: "#services" },
+          { label: "About", href: "#about" },
+          { label: "Reviews", href: "#reviews" },
+          { label: "Contact", href: "#contact" },
+        ] },
+        { title: "Contact Us", items: [
+          { label: "Call: 4468 5444", href: "tel:44685444" },
+          { label: "Zone 56, 514 St., Villa, Doha, Qatar", href: "https://maps.app.goo.gl/gWCz7zTRhgKAvpoX6" },
+        ] },
+        { title: "Connect", items: [
+          { label: "Instagram", href: "https://instagram.com/dr.haithamjichi" },
+          { label: "WhatsApp", href: "https://wa.me/97444685444" },
+        ] },
       ]}
       logoText="Dr. Haitham Jichi Clinic عيادة الدكتور هيثم جشي"
       copyrightText="© 2024 Dr. Haitham Jichi Clinic. All rights reserved."
@@ -247,4 +197,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}