Update src/app/page.tsx
This commit is contained in:
160
src/app/page.tsx
160
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"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user