Merge version_15 into main

Merge version_15 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: "Home",          id: "hero"},
+        { name: "Services", id: "services" },
-        {
+        { name: "About", id: "about" },
-          name: "Services",          id: "services"},
+        { name: "Reviews", id: "reviews" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "About",          id: "about"},
-        {
-          name: "Reviews",          id: "reviews"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="Dr. Haitham Jichi Clinic"
-      button={{
+      button={{ text: "Book Your Appointment", href: "#contact" }}
-        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: "Book Your Appointment",          href: "#contact"},
+        { text: "Meet Dr. Haitham", href: "#contact" },
-        {
-          text: "Meet Dr. Haitham",          href: "#about"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/young-female-patient-bed-physiotherapy-center_1139-1121.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOr4rglD5fu7yVqGXlcOSYUkyu/uploaded-1774375112010-scbs00sk.png"
-      imageAlt="Calm, smiling dental patient in a modern dental chair with warm lighting"
+      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: "years",          icon: Calendar,
+        { id: "reviews", icon: Star, title: "176 Reviews", value: "All 5 stars on Google" },
-          title: "15+ Years",          value: "Serving Doha families"},
+        { 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: "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)"]}
+        "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: "#about"},
       ]}
+      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: Heart,
+        { icon: Diamond, title: "Tooth Fillings & Crowns", description: "Seamless restorations that look and feel natural." },
-          title: "Teeth Cleaning & Check-ups",          description: "Thorough, gentle, and always explained clearly."},
+        { 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: Diamond,
+        { icon: LifeBuoy, title: "Emergency Dental Care", description: "Same-day attention when you need it most." },
-          title: "Tooth Fillings & Crowns",          description: "Seamless restorations that look and feel natural."},
+        { icon: Home, title: "Children's Dentistry", description: "Kids leave happy. Yes, really." },
-        {
-          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: "light-hands",          name: "The lightest hands in Doha",          price: "Unmatched Comfort",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-using-toothbrush-teeth-model-dental-clinic_23-2147879182.jpg",          imageAlt: "Dentist's gloved hands gently working on a patient's mouth"},
+        { 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: "honest",          name: "Honest. Always.",          price: "Transparent Care",          imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-dentist-office_23-2148338112.jpg",          imageAlt: "Dentist having an honest discussion with a patient about treatment options"},
-        {
-          id: "family-dentist",          name: "Your family's dentist for life",          price: "Generations of Trust",          imageSrc: "http://img.b2bpic.net/free-photo/senior-friends-having-wonderful-time-together_23-2149262135.jpg",          imageAlt: "A happy family smiling with their trusted family dentist"},
       ]}
       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,36 +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: "1",          name: "S.S.",          role: "Patient",          company: "Google Review",          rating: 5,
+        { 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" },
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg"},
+        { 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: "2",          name: "Jamila M.",          role: "Patient",          company: "Google Review",          rating: 5,
+        { 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" },
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-halal-outdoors_23-2150701565.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: "3",          name: "Mariam A.",          role: "Patient",          company: "Google Review",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-retired-man-with-chronic-disease-nursing-home_482257-27044.jpg"},
-        {
-          id: "4",          name: "Mohammed J.",          role: "Patient",          company: "Google Review",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-man-posing_23-2148018652.jpg"},
-        {
-          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={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
+      animationType="entrance-slide"
-      text="Ready to book? Appointments fill up fast — Dr. Haitham's schedule is usually full. Don't wait.\n\nPhone: <a href='tel:44685444'>4468 5444</a>\nAddress: Zone 56, 514 St., Villa, Doha, Qatar \nعيادة الدكتور هيثم جشي — الدوحة، قطر\nHours: Open now · Closes 7:30 PM"
+      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" }
+      ]}
+      textClassName="text-xl md:text-2xl"
     />
   </div>
 
@@ -200,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: [
-          title: "Navigation",          items: [
+          { label: "Home", href: "#hero" },
-            {
+          { label: "Services", href: "#services" },
-              label: "Home",              href: "#hero"},
+          { label: "About", href: "#about" },
-            {
+          { label: "Reviews", href: "#reviews" },
-              label: "Services",              href: "#services"},
+          { label: "Contact", href: "#contact" },
-            {
+        ] },
-              label: "About",              href: "#about"},
+        { title: "Contact Us", items: [
-            {
+          { label: "Call: 4468 5444", href: "tel:44685444" },
-              label: "Reviews",              href: "#reviews"},
+          { label: "Zone 56, 514 St., Villa, Doha, Qatar", href: "https://maps.app.goo.gl/gWCz7zTRhgKAvpoX6" },
-            {
+        ] },
-              label: "Contact",              href: "#contact"},
+        { title: "Connect", items: [
-          ],
+          { label: "Instagram", href: "https://instagram.com/dr.haithamjichi" },
-        },
+          { label: "WhatsApp", href: "https://wa.me/97444685444" },
-        {
+        ] },
-          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/example"},
-          ],
-        },
-        {
-          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."
@@ -238,4 +197,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}