From f1b2aa3708168d01617fad3506ebc5694a889847 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 22:21:01 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 257 +++++++++--------------------------------------
 1 file changed, 49 insertions(+), 208 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 74bad29..664a186 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Team",
-          id: "team",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "Team", id: "team" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="NA Clinics"
     />
@@ -54,82 +42,35 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Your Smile Deserves Expert Care"
       description="Trusted Dental Clinic in North Nazimabad, Karachi. Gentle, professional care from our expert team."
       kpis={[
-        {
-          value: "127+",
-          label: "Verified Reviews",
-        },
-        {
-          value: "5.0",
-          label: "Google Rating",
-        },
-        {
-          value: "100%",
-          label: "Patient Care",
-        },
+        { value: "127+", label: "Verified Reviews" },
+        { value: "5.0", label: "Google Rating" },
+        { value: "100%", label: "Patient Care" },
       ]}
       enableKpiAnimation={true}
       buttons={[
-        {
-          text: "Call Now",
-          href: "tel:+923362622662",
-        },
-        {
-          text: "Book Appointment",
-          href: "#contact",
-        },
+        { text: "Call Now", href: "tel:+923362622662" },
+        { text: "Book Appointment", href: "#contact" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/dentist-woman-holding-mock-up-green-screen-chroma-key-tablet-with-isolated-display-discussing-oral-hygiene-with-man-patient-stomatological-consultation-dental-office-stomatology-concept_482257-39543.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/dentist-woman-holding-mock-up-green-screen-chroma-key-tablet-with-isolated-display-discussing-oral-hygiene-with-man-patient-stomatological-consultation-dental-office-stomatology-concept_482257-39543.jpg"
       imageAlt="Dr. Navid at NA Clinics"
       mediaAnimation="slide-up"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/natural-beauty-young-woman_329181-1207.jpg",
-          alt: "Patient portrait 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/attractive-brunette-female-dentist-chair-stomatology-room_613910-11490.jpg",
-          alt: "Patient portrait 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-man-with-dental-braces-dentist-office-sitting-dentist-chair_651396-2256.jpg",
-          alt: "Patient portrait 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/female-patient-waiting-teeth-examination-clinic_651396-1389.jpg",
-          alt: "Patient portrait 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-doctor-patient-clinic_23-2149103571.jpg",
-          alt: "Patient portrait 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/natural-beauty-young-woman_329181-1207.jpg", alt: "Patient portrait 1" },
+        { src: "http://img.b2bpic.net/free-photo/attractive-brunette-female-dentist-chair-stomatology-room_613910-11490.jpg", alt: "Patient portrait 2" },
+        { src: "http://img.b2bpic.net/free-photo/young-man-with-dental-braces-dentist-office-sitting-dentist-chair_651396-2256.jpg", alt: "Patient portrait 3" },
+        { src: "http://img.b2bpic.net/free-photo/female-patient-waiting-teeth-examination-clinic_651396-1389.jpg", alt: "Patient portrait 4" },
+        { src: "http://img.b2bpic.net/free-photo/close-up-doctor-patient-clinic_23-2149103571.jpg", alt: "Patient portrait 5" },
       ]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "Root Canal",
-        },
-        {
-          type: "text",
-          text: "Scaling & Polishing",
-        },
-        {
-          type: "text",
-          text: "Teeth Whitening",
-        },
-        {
-          type: "text",
-          text: "Dental Implants",
-        },
-        {
-          type: "text",
-          text: "Emergency Care",
-        },
+        { type: "text", text: "Root Canal" },
+        { type: "text", text: "Scaling & Polishing" },
+        { type: "text", text: "Teeth Whitening" },
+        { type: "text", text: "Dental Implants" },
+        { type: "text", text: "Emergency Care" },
       ]}
     />
   </div>
@@ -140,21 +81,9 @@ export default function LandingPage() {
       title="Why NA Clinics?"
       tag="Excellence in Dentistry"
       metrics={[
-        {
-          id: "m1",
-          value: "5.0",
-          description: "Google Rating from 127 patients",
-        },
-        {
-          id: "m2",
-          value: "1000+",
-          description: "Successful procedures",
-        },
-        {
-          id: "m3",
-          value: "10+",
-          description: "Years of expertise",
-        },
+        { id: "m1", value: "5.0", description: "Google Rating from 127 patients" },
+        { id: "m2", value: "1000+", description: "Successful procedures" },
+        { id: "m3", value: "10+", description: "Years of expertise" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -166,23 +95,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Root Canal",
-          description: "Painless, expert treatment for severe decay.",
-          imageSrc: "http://img.b2bpic.net/free-photo/dental-model-premolar-tooth-3d-rendering_460848-8340.jpg",
-          imageAlt: "Root Canal",
-        },
+          title: "Root Canal",          description: "Painless, expert treatment for severe decay.",          imageSrc: "http://img.b2bpic.net/free-photo/dental-model-premolar-tooth-3d-rendering_460848-8340.jpg",          imageAlt: "Root Canal"},
         {
-          title: "Scaling & Polishing",
-          description: "Keep your smile clean and healthy.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053262.jpg",
-          imageAlt: "Scaling",
-        },
+          title: "Scaling & Polishing",          description: "Keep your smile clean and healthy.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053262.jpg",          imageAlt: "Scaling"},
         {
-          title: "Teeth Whitening",
-          description: "Brighten your smile with professional care.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-keeps-eyes-closed-smiles-broadly-has-combed-hair-wears-white-casual-jumper-isolated-purple-studio-positive-young-female-model-glad-hear-compliment_273609-56494.jpg",
-          imageAlt: "Whitening",
-        },
+          title: "Teeth Whitening",          description: "Brighten your smile with professional care.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-keeps-eyes-closed-smiles-broadly-has-combed-hair-wears-white-casual-jumper-isolated-purple-studio-positive-young-female-model-glad-hear-compliment_273609-56494.jpg",          imageAlt: "Whitening"},
       ]}
       title="Our Specialized Dental Services"
       description="Comprehensive care tailored to your needs."
@@ -195,14 +112,8 @@ export default function LandingPage() {
       title="Gentle, Professional, Patient-First"
       description="We understand dental anxiety. That is why we focus on communication, clear procedures, and a soothing atmosphere."
       metrics={[
-        {
-          value: "100%",
-          title: "Comfort Focused",
-        },
-        {
-          value: "5.0",
-          title: "Average Rating",
-        },
+        { value: "100%", title: "Comfort Focused" },
+        { value: "5.0", title: "Average Rating" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/hospital-reception-desk-with-computer-making-healthcare-appointments-patients-with-disease-registration-work-with-medical-checkup-reports-papers-forms-facility-lobby_482257-50665.jpg"
       imageAlt="Clinic Interior"
@@ -218,20 +129,10 @@ export default function LandingPage() {
       useInvertedBackground={true}
       groups={[
         {
-          id: "g1",
-          groupTitle: "Clinical Staff",
-          members: [
+          id: "g1",          groupTitle: "Clinical Staff",          members: [
             {
-              id: "m1",
-              title: "Dr. Navid",
-              subtitle: "Lead Dentist",
-              detail: "Expert in pain-aware treatments with 10+ years experience.",
-              imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-with-stethoscope_23-2149551129.jpg",
-              imageAlt: "Dr. Navid",
-            },
+              id: "m1",              title: "Dr. Navid",              subtitle: "Lead Dentist",              detail: "Expert in pain-aware treatments with 10+ years experience.",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-with-stethoscope_23-2149551129.jpg",              imageAlt: "Dr. Navid"},
           ],
-          imageSrc: "http://img.b2bpic.net/free-photo/dentist-woman-holding-mock-up-green-screen-chroma-key-tablet-with-isolated-display-discussing-oral-hygiene-with-man-patient-stomatological-consultation-dental-office-stomatology-concept_482257-39543.jpg?_wi=2",
-          imageAlt: "professional dentist portrait",
         },
       ]}
       title="Our Lead Dentist"
@@ -243,31 +144,11 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Ahmed",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-dentist_23-2148396149.jpg",
-        },
-        {
-          id: "2",
-          name: "Ali Khan",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-dentist-office-smiling_23-2148338134.jpg",
-        },
-        {
-          id: "3",
-          name: "Fatima Zahra",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-dentist-examining-female-s-teeth-dentistry_613910-11476.jpg",
-        },
-        {
-          id: "4",
-          name: "Bilal Sheikh",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-having-dental-treatment-dentist-s-office-woman-is-being-treated-teeth_1157-42150.jpg",
-        },
-        {
-          id: "5",
-          name: "Zara Noor",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-smiling-woman-looking-camera_23-2148193884.jpg",
-        },
+        { id: "1", name: "Sarah Ahmed", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-dentist_23-2148396149.jpg" },
+        { id: "2", name: "Ali Khan", imageSrc: "http://img.b2bpic.net/free-photo/woman-dentist-office-smiling_23-2148338134.jpg" },
+        { id: "3", name: "Fatima Zahra", imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-dentist-examining-female-s-teeth-dentistry_613910-11476.jpg" },
+        { id: "4", name: "Bilal Sheikh", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-having-dental-treatment-dentist-s-office-woman-is-being-treated-teeth_1157-42150.jpg" },
+        { id: "5", name: "Zara Noor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-smiling-woman-looking-camera_23-2148193884.jpg" },
       ]}
       cardTitle="What Our Patients Say"
       cardTag="Real Stories"
@@ -280,21 +161,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "Is the treatment painful?",
-          content: "We prioritize gentle, pain-aware treatment. Most patients are surprised at how comfortable they feel.",
-        },
-        {
-          id: "f2",
-          title: "How long does a consultation take?",
-          content: "Consultations typically take 20-30 minutes, depending on the service.",
-        },
-        {
-          id: "f3",
-          title: "Are appointments mandatory?",
-          content: "We highly recommend booking an appointment to ensure you get dedicated, timely care.",
-        },
+        { id: "f1", title: "Is the treatment painful?", content: "We prioritize gentle, pain-aware treatment. Most patients are surprised at how comfortable they feel." },
+        { id: "f2", title: "How long does a consultation take?", content: "Consultations typically take 20-30 minutes, depending on the service." },
+        { id: "f3", title: "Are appointments mandatory?", content: "We highly recommend booking an appointment to ensure you get dedicated, timely care." },
       ]}
       title="Common Dental Questions"
       description="Clear answers to help you feel confident before your visit."
@@ -311,21 +180,10 @@ export default function LandingPage() {
       title="Book Your Appointment Today"
       description="We will get back to you within 10 minutes."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Your Phone Number",
-        },
+        { name: "name", type: "text", placeholder: "Your Name" },
+        { name: "phone", type: "tel", placeholder: "Your Phone Number" },
       ]}
-      textarea={{
-        name: "service",
-        placeholder: "Preferred service or time",
-      }}
+      textarea={{ name: "service", placeholder: "Preferred service or time" }}
       imageSrc="http://img.b2bpic.net/free-photo/empty-stomatology-orthodontic-hospital-cabinet-with-nobody-it-equipped-with-modern-furniture-teet_482257-2882.jpg"
       imageAlt="NA Clinics Interior"
     />
@@ -335,33 +193,16 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Navigation",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "About",
-              href: "#why-us",
-            },
+          title: "Navigation",          items: [
+            { label: "Home", href: "#hero" },
+            { label: "Services", href: "#services" },
+            { label: "About", href: "#why-us" },
           ],
         },
         {
-          title: "Contact",
-          items: [
-            {
-              label: "+92 336 2622662",
-              href: "tel:+923362622662",
-            },
-            {
-              label: "Shop no 4, Burj View, Block H",
-              href: "#contact",
-            },
+          title: "Contact",          items: [
+            { label: "+92 336 2622662", href: "tel:+923362622662" },
+            { label: "Shop no 4, Burj View, Block H", href: "#contact" },
           ],
         },
       ]}
-- 
2.49.1