From cf4bd45fc38869928dfb3ac872577f21929bb732 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 12 May 2026 17:43:00 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 160 +++++++++++------------------------------------
 1 file changed, 38 insertions(+), 122 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9d84cea..e052116 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="EliteCare Clinic"
     />
@@ -55,15 +47,12 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       title="Exceptional Care, Tailored for You."
       description="Experience premium medical services in a state-of-the-art facility. Our dedicated specialists ensure your health and well-being are our highest priorities."
       buttons={[
         {
-          text: "Book Appointment",
-          href: "#contact",
-        },
+          text: "Book Appointment",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/new-male-employee-conversing-with-female-colleagues-his-new-office-job_23-2149034618.jpg"
       imageAlt="EliteCare Clinic Facility"
@@ -77,19 +66,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Award,
-          label: "Years Experience",
-          value: "20+",
-        },
+          label: "Years Experience",          value: "20+"},
         {
           icon: Users,
-          label: "Patients Served",
-          value: "50k+",
-        },
+          label: "Patients Served",          value: "50k+"},
         {
           icon: ShieldCheck,
-          label: "Certifications",
-          value: "15",
-        },
+          label: "Certifications",          value: "15"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -103,19 +86,13 @@ export default function LandingPage() {
       features={[
         {
           icon: Heart,
-          title: "General Health",
-          description: "Holistic checkups and wellness management.",
-        },
+          title: "General Health",          description: "Holistic checkups and wellness management."},
         {
           icon: Search,
-          title: "Diagnostics",
-          description: "State-of-the-art testing and laboratory services.",
-        },
+          title: "Diagnostics",          description: "State-of-the-art testing and laboratory services."},
         {
           icon: UserPlus,
-          title: "Specialized Consults",
-          description: "Expert advice tailored to your medical needs.",
-        },
+          title: "Specialized Consults",          description: "Expert advice tailored to your medical needs."},
       ]}
       title="Comprehensive Clinical Care"
       description="Discover our suite of specialized medical services designed for modern life."
@@ -124,30 +101,19 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardOne
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "98%",
-          title: "Satisfaction Rate",
-          description: "Patients who feel heard and cared for.",
-          icon: Heart,
+          id: "m1",          value: "98%",          title: "Satisfaction Rate",          description: "Patients who feel heard and cared for.",          icon: Heart,
         },
         {
-          id: "m2",
-          value: "15m",
-          title: "Avg Wait Time",
-          description: "Valuing your schedule as much as you do.",
-          icon: Clock,
+          id: "m2",          value: "15m",          title: "Avg Wait Time",          description: "Valuing your schedule as much as you do.",          icon: Clock,
         },
         {
-          id: "m3",
-          value: "99.9%",
-          title: "Safety Record",
-          description: "Industry-leading care standards.",
-          icon: Shield,
+          id: "m3",          value: "99.9%",          title: "Safety Record",          description: "Industry-leading care standards.",          icon: Shield,
         },
       ]}
       title="Our Clinical Impact"
@@ -162,59 +128,28 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah Miller",
-          role: "Patient",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-beautiful-woman-doctor-white-coat-showing-thumbs-up-standing-white-backg_1258-127418.jpg",
-        },
+          id: "1",          name: "Sarah Miller",          role: "Patient",          company: "Local Resident",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-beautiful-woman-doctor-white-coat-showing-thumbs-up-standing-white-backg_1258-127418.jpg"},
         {
-          id: "2",
-          name: "John Davis",
-          role: "Patient",
-          company: "Community Member",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/doctor-checking-one-her-patients_23-2149017274.jpg",
-        },
+          id: "2",          name: "John Davis",          role: "Patient",          company: "Community Member",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/doctor-checking-one-her-patients_23-2149017274.jpg"},
         {
-          id: "3",
-          name: "Elena Rodriguez",
-          role: "Patient",
-          company: "Regular Visitor",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-doctor-his-female-patient-shaking-hands-after-medical-appointment-clinic_637285-421.jpg",
-        },
+          id: "3",          name: "Elena Rodriguez",          role: "Patient",          company: "Regular Visitor",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-doctor-his-female-patient-shaking-hands-after-medical-appointment-clinic_637285-421.jpg"},
         {
-          id: "4",
-          name: "Mark Wilson",
-          role: "Patient",
-          company: "Advocate",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-doctor-wearing-white-coat-front-view_23-2149844581.jpg",
-        },
+          id: "4",          name: "Mark Wilson",          role: "Patient",          company: "Advocate",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiley-doctor-wearing-white-coat-front-view_23-2149844581.jpg"},
         {
-          id: "5",
-          name: "Dr. Smith",
-          role: "Associate",
-          company: "Industry Peer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-image-confident-attractive-middle-aged-female-doctor-with-short-dyed-hairstyle-posing-isolated-wearing-white-coat-stethoscope_343059-2251.jpg",
-        },
+          id: "5",          name: "Dr. Smith",          role: "Associate",          company: "Industry Peer",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/studio-image-confident-attractive-middle-aged-female-doctor-with-short-dyed-hairstyle-posing-isolated-wearing-white-coat-stethoscope_343059-2251.jpg"},
       ]}
       kpiItems={[
         {
-          value: "5.0",
-          label: "Patient Rating",
-        },
+          value: "5.0",          label: "Patient Rating"},
         {
-          value: "100%",
-          label: "Care Satisfaction",
-        },
+          value: "100%",          label: "Care Satisfaction"},
         {
-          value: "1k+",
-          label: "Happy Reviews",
-        },
+          value: "1k+",          label: "Happy Reviews"},
       ]}
       title="Voices of Health"
       description="Hear from those who have trusted us with their care."
@@ -227,20 +162,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "How do I book?",
-          content: "Book via our portal or contact us.",
-        },
+          id: "f1",          title: "How do I book?",          content: "Book via our portal or contact us."},
         {
-          id: "f2",
-          title: "Is insurance accepted?",
-          content: "We work with major insurance providers.",
-        },
+          id: "f2",          title: "Is insurance accepted?",          content: "We work with major insurance providers."},
         {
-          id: "f3",
-          title: "What are the hours?",
-          content: "Weekdays 8am-8pm, weekends 10am-4pm.",
-        },
+          id: "f3",          title: "What are the hours?",          content: "Weekdays 8am-8pm, weekends 10am-4pm."},
       ]}
       title="Common Questions"
       description="Answers to assist you with our services."
@@ -252,13 +178,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "rotated-rays-static",
-      }}
+        variant: "rotated-rays-static"}}
       text="Ready to prioritize your health? Book your consultation with EliteCare Clinic today."
       buttons={[
         {
-          text: "Contact Us Now",
-        },
+          text: "Contact Us Now"},
       ]}
     />
   </div>
@@ -269,25 +193,17 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Legal Notice",
-              href: "#",
-            },
+              label: "Legal Notice",              href: "#"},
           ],
         },
         {
           items: [
             {
-              label: "Services",
-              href: "#services",
-            },
+              label: "Services",              href: "#services"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
       ]}