Merge version_1 into main #1
212
src/app/page.tsx
212
src/app/page.tsx
@@ -31,89 +31,36 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Dr. Miller Clinic"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Excellence in Personalized Healthcare"
|
||||
description="Providing compassionate, high-quality medical care tailored to your unique wellness journey."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-doctor-talking-patient_23-2149844641.jpg",
|
||||
alt: "private doctor office consultation",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medic-african-american-ethnicity-doing-examination_482257-15698.jpg",
|
||||
alt: "Medic of african american ethnicity doing examination",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-men-sit-waiting-room-with-monitor-showing-word-health-screen_482257-64766.jpg",
|
||||
alt: "Two men sit in a waiting room with a monitor showing the word health on the screen.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/doctor-supports-young-man-with-forms_482257-119706.jpg",
|
||||
alt: "Doctor supports young man with forms",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-patient-talking-doctor_23-2149941500.jpg",
|
||||
alt: "Medium shot patient talking to doctor",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-doctor-talking-patient_23-2149844641.jpg", alt: "private doctor office consultation" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medic-african-american-ethnicity-doing-examination_482257-15698.jpg", alt: "Medic of african american ethnicity doing examination" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-men-sit-waiting-room-with-monitor-showing-word-health-screen_482257-64766.jpg", alt: "Two men sit in a waiting room with a monitor showing the word health on the screen." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/doctor-supports-young-man-with-forms_482257-119706.jpg", alt: "Doctor supports young man with forms" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-patient-talking-doctor_23-2149941500.jpg", alt: "Medium shot patient talking to doctor" },
|
||||
]}
|
||||
buttons={[{ text: "Book Consultation", href: "#contact" }]}
|
||||
avatarText="Trusted by 5000+ patients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Board Certified Professionals",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Modern Medical Facilities",
|
||||
icon: Building,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Evidence-Based Care",
|
||||
icon: Activity,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Compassionate Approach",
|
||||
icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Comprehensive Services",
|
||||
icon: FileText,
|
||||
},
|
||||
{ type: "text-icon", text: "Board Certified Professionals", icon: Award },
|
||||
{ type: "text-icon", text: "Modern Medical Facilities", icon: Building },
|
||||
{ type: "text-icon", text: "Evidence-Based Care", icon: Activity },
|
||||
{ type: "text-icon", text: "Compassionate Approach", icon: Heart },
|
||||
{ type: "text-icon", text: "Comprehensive Services", icon: FileText },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,18 +71,9 @@ export default function LandingPage() {
|
||||
title="Dedicated to Your Well-being"
|
||||
description="With over 20 years of clinical experience, we prioritize patient-centered care and evidence-based medicine."
|
||||
metrics={[
|
||||
{
|
||||
value: "20+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "5000+",
|
||||
title: "Patients Served",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Availability",
|
||||
},
|
||||
{ value: "20+", title: "Years Experience" },
|
||||
{ value: "5000+", title: "Patients Served" },
|
||||
{ value: "24/7", title: "Availability" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/doctor-taking-care-afro-american-child_23-2151159922.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -150,21 +88,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Routine Exams",
|
||||
description: "Annual physicals and wellness checkups for all ages.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-treatment-calendar-pills_23-2148438977.jpg",
|
||||
},
|
||||
{
|
||||
title: "Chronic Care",
|
||||
description: "Managing ongoing conditions with dedicated clinical support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-realistic-medical-stethoscope-color-background_460848-10721.jpg",
|
||||
},
|
||||
{
|
||||
title: "Minor Procedures",
|
||||
description: "Efficient and safe minor surgeries performed in-office.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-medical-assistant-performs-posture-assessment-old-man_482257-122793.jpg",
|
||||
},
|
||||
{ title: "Routine Exams", description: "Annual physicals and wellness checkups for all ages.", imageSrc: "http://img.b2bpic.net/free-photo/medical-treatment-calendar-pills_23-2148438977.jpg" },
|
||||
{ title: "Chronic Care", description: "Managing ongoing conditions with dedicated clinical support.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-realistic-medical-stethoscope-color-background_460848-10721.jpg" },
|
||||
{ title: "Minor Procedures", description: "Efficient and safe minor surgeries performed in-office.", imageSrc: "http://img.b2bpic.net/free-photo/female-medical-assistant-performs-posture-assessment-old-man_482257-122793.jpg" },
|
||||
]}
|
||||
title="Comprehensive Medical Services"
|
||||
description="State-of-the-art care focusing on preventive health and personalized treatment plans."
|
||||
@@ -178,21 +104,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99%",
|
||||
description: "Patient Satisfaction",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "<10m",
|
||||
description: "Avg Wait Time",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15",
|
||||
description: "Specializations",
|
||||
},
|
||||
{ id: "m1", value: "99%", description: "Patient Satisfaction" },
|
||||
{ id: "m2", value: "<10m", description: "Avg Wait Time" },
|
||||
{ id: "m3", value: "15", description: "Specializations" },
|
||||
]}
|
||||
title="Proven Clinical Outcomes"
|
||||
description="Consistently high ratings and patient outcomes reflecting our dedication to quality."
|
||||
@@ -205,41 +119,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice G.",
|
||||
handle: "@aliceg",
|
||||
testimonial: "Exceptional care and very short wait times. Truly professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-tending-patient_23-2148168447.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Robert B.",
|
||||
handle: "@robertb",
|
||||
testimonial: "Dr. Miller is attentive, knowledgeable, and genuinely cares.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74015.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best private practice I've visited. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-standing-with-hands-crossed_107420-74194.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Professional, clean facility and very helpful staff.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/patient-checking-her-teeth-mirror_107420-74169.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena L.",
|
||||
handle: "@elenal",
|
||||
testimonial: "I feel truly cared for here. A holistic approach to health.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-doctor-home-visit_637285-11276.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alice G.", handle: "@aliceg", testimonial: "Exceptional care and very short wait times. Truly professional.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-tending-patient_23-2148168447.jpg" },
|
||||
{ id: "t2", name: "Robert B.", handle: "@robertb", testimonial: "Dr. Miller is attentive, knowledgeable, and genuinely cares.", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74015.jpg" },
|
||||
{ id: "t3", name: "Sarah J.", handle: "@sarahj", testimonial: "The best private practice I've visited. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-standing-with-hands-crossed_107420-74194.jpg" },
|
||||
{ id: "t4", name: "Mark D.", handle: "@markd", testimonial: "Professional, clean facility and very helpful staff.", imageSrc: "http://img.b2bpic.net/free-photo/patient-checking-her-teeth-mirror_107420-74169.jpg" },
|
||||
{ id: "t5", name: "Elena L.", handle: "@elenal", testimonial: "I feel truly cared for here. A holistic approach to health.", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-doctor-home-visit_637285-11276.jpg" },
|
||||
]}
|
||||
title="Patient Success Stories"
|
||||
description="See why families trust our practice for their healthcare needs."
|
||||
@@ -251,21 +135,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept insurance?",
|
||||
content: "Yes, we work with most major insurance providers.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is parking available?",
|
||||
content: "Complimentary parking is available for all patients.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I schedule a visit?",
|
||||
content: "Use our online portal or call us directly.",
|
||||
},
|
||||
{ id: "f1", title: "Do you accept insurance?", content: "Yes, we work with most major insurance providers." },
|
||||
{ id: "f2", title: "Is parking available?", content: "Complimentary parking is available for all patients." },
|
||||
{ id: "f3", title: "How do I schedule a visit?", content: "Use our online portal or call us directly." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common queries about our clinic and services."
|
||||
@@ -279,21 +151,11 @@ export default function LandingPage() {
|
||||
title="Schedule Your Visit"
|
||||
description="Reach out today to book a consultation or ask a medical question."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your questions or appointment request",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your questions or appointment request", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/nobody-working-empty-reception-desk-waiting-room-support-healthcare-appointments-consultation-examination-hospital-lobby-with-waiting-area-seats-medical-facility_482257-48712.jpg"
|
||||
imageAlt="modern medical clinic reception area"
|
||||
|
||||
Reference in New Issue
Block a user