Update src/pages/HomePage.tsx
This commit is contained in:
@@ -12,260 +12,132 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardCarousel
|
||||
tag="Expert Physiotherapy Care"
|
||||
title="Restore Your Movement, Reclaim Your Life"
|
||||
description="Our expert team is dedicated to getting you back to peak performance through personalized care and evidence-based treatments."
|
||||
primaryButton={{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071449.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071450.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071439.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-equipment-arrangement_23-2151747174.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-patient-ophthalmologist-s-office_23-2150917695.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/patient-doing-exercise-using-sports-equipment-with-therapist_1157-38273.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Expert Physiotherapy Care"
|
||||
title="Restore Your Movement, Reclaim Your Life"
|
||||
description="Our expert team is dedicated to getting you back to peak performance through personalized care and evidence-based treatments."
|
||||
primaryButton={{
|
||||
text: "Book Consultation", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Our Services", href: "#services"}}
|
||||
items={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071449.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071450.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071439.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sport-equipment-arrangement_23-2151747174.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/doctor-patient-ophthalmologist-s-office_23-2150917695.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/patient-doing-exercise-using-sports-equipment-with-therapist_1157-38273.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="About Us"
|
||||
title="Personalized Care for Every Patient"
|
||||
description="At PhysioLife, we combine manual therapy with corrective exercise to treat the root cause of your pain, not just the symptoms."
|
||||
items={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Expert Team",
|
||||
description: "Licensed physiotherapists with decades of experience.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Evidence-Based",
|
||||
description: "Treatments backed by the latest clinical research.",
|
||||
},
|
||||
{
|
||||
icon: Activity,
|
||||
title: "Custom Plans",
|
||||
description: "Programs tailored to your unique goals and lifestyle.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-startup-coworking-space-with-office-workspaces-computers-professional-business-space-company-department-spacious-agency-building-interior-modern-executive-environment_482257-67835.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="About Us"
|
||||
title="Personalized Care for Every Patient"
|
||||
description="At PhysioLife, we combine manual therapy with corrective exercise to treat the root cause of your pain, not just the symptoms."
|
||||
items={[
|
||||
{ icon: "CheckCircle", title: "Expert Team", description: "Licensed physiotherapists with decades of experience." },
|
||||
{ icon: "Shield", title: "Evidence-Based", description: "Treatments backed by the latest clinical research." },
|
||||
{ icon: "Activity", title: "Custom Plans", description: "Programs tailored to your unique goals and lifestyle." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-startup-coworking-space-with-office-workspaces-computers-professional-business-space-company-department-spacious-agency-building-interior-modern-executive-environment_482257-67835.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesComparison
|
||||
tag="Our Expertise"
|
||||
title="How We Help You Recover"
|
||||
description="We specialize in a wide range of conditions to help you move better and live pain-free."
|
||||
negativeItems={[
|
||||
"Masking pain with temporary solutions",
|
||||
"Standard one-size-fits-all exercises",
|
||||
"Ignoring root causes of physical distress",
|
||||
"Over-reliance on medication",
|
||||
"Lack of personalized progress tracking",
|
||||
]}
|
||||
positiveItems={[
|
||||
"Post-surgical rehabilitation",
|
||||
"Chronic pain management",
|
||||
"Sports injury recovery",
|
||||
"Mobility and flexibility training",
|
||||
"Ergonomic workspace assessment",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Expertise"
|
||||
title="How We Help You Recover"
|
||||
description="We specialize in a wide range of conditions to help you move better and live pain-free."
|
||||
negativeItems={[
|
||||
"Masking pain with temporary solutions", "Standard one-size-fits-all exercises", "Ignoring root causes of physical distress", "Over-reliance on medication", "Lack of personalized progress tracking"]}
|
||||
positiveItems={[
|
||||
"Post-surgical rehabilitation", "Chronic pain management", "Sports injury recovery", "Mobility and flexibility training", "Ergonomic workspace assessment"]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamProfileCards
|
||||
tag="Meet Our Team"
|
||||
title="Compassionate Professionals"
|
||||
description="Our team of dedicated experts is here to support your recovery journey."
|
||||
items={[
|
||||
{
|
||||
title: "Dr. Sarah Miller",
|
||||
description: "Specialist in sports rehab with over 15 years of experience in high-performance athletics.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-female-doctor-happily-looking-camera-smiling-white-background_574295-2641.jpg",
|
||||
buttonText: "View Profile",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-girl-black-sportswear-smiling-with-crossed-arms-standing-white-wall_141793-56634.jpg",
|
||||
},
|
||||
{
|
||||
title: "Dr. James Chen",
|
||||
description: "Expert in chronic pain management and ergonomic correction for office workers.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-african-american-healthcare-expert-looking-camera_637285-11471.jpg",
|
||||
buttonText: "View Profile",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-pretty-sporty-girl-wearing-headband-wristbands_141793-114853.jpg",
|
||||
},
|
||||
{
|
||||
title: "Dr. Elena Rodriguez",
|
||||
description: "Focuses on pediatric physiotherapy and developmental mobility for children.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-doctor_23-2148485966.jpg",
|
||||
buttonText: "View Profile",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071436.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Meet Our Team"
|
||||
title="Compassionate Professionals"
|
||||
description="Our team of dedicated experts is here to support your recovery journey."
|
||||
items={[
|
||||
{ title: "Dr. Sarah Miller", description: "Specialist in sports rehab with over 15 years of experience in high-performance athletics.", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-female-doctor-happily-looking-camera-smiling-white-background_574295-2641.jpg", buttonText: "View Profile", imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-girl-black-sportswear-smiling-with-crossed-arms-standing-white-wall_141793-56634.jpg" },
|
||||
{ title: "Dr. James Chen", description: "Expert in chronic pain management and ergonomic correction for office workers.", avatarSrc: "http://img.b2bpic.net/free-photo/happy-african-american-healthcare-expert-looking-camera_637285-11471.jpg", buttonText: "View Profile", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-pretty-sporty-girl-wearing-headband-wristbands_141793-114853.jpg" },
|
||||
{ title: "Dr. Elena Rodriguez", description: "Focuses on pediatric physiotherapy and developmental mobility for children.", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-doctor_23-2148485966.jpg", buttonText: "View Profile", imageSrc: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071436.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Our Impact"
|
||||
title="Results You Can Feel"
|
||||
description="Explore our flexible options designed to suit your needs."
|
||||
metrics={[
|
||||
{
|
||||
value: "95%",
|
||||
title: "Patient Success Rate",
|
||||
features: [
|
||||
"Effective relief",
|
||||
"Lasting results",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "20k+",
|
||||
title: "Sessions Conducted",
|
||||
features: [
|
||||
"Proven experience",
|
||||
"Thousands helped",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "4.9",
|
||||
title: "Average Rating",
|
||||
features: [
|
||||
"Top quality care",
|
||||
"Patient satisfaction",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Impact"
|
||||
title="Results You Can Feel"
|
||||
description="Tracking our success with real clinical data and patient feedback."
|
||||
metrics={[
|
||||
{ value: "95%", title: "Patient Success Rate", features: ["Effective relief", "Lasting results"] },
|
||||
{ value: "20k+", title: "Sessions Conducted", features: ["Proven experience", "Thousands helped"] },
|
||||
{ value: "4.9", title: "Average Rating", features: ["Top quality care", "Patient satisfaction"] },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="Patient Reviews"
|
||||
title="Life-Changing Results"
|
||||
description="Hear what our patients say about their journey to recovery."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice Thompson",
|
||||
role: "Marathon Runner",
|
||||
quote: "I thought I would never run again, but their therapy got me back on track in months.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-african-young-athlete-man-standing-rooftop-looking-down_23-2148124021.jpg",
|
||||
},
|
||||
{
|
||||
name: "Robert B.",
|
||||
role: "Office Professional",
|
||||
quote: "Chronic back pain was killing my work productivity. Their ergonomic plan was a lifesaver.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-confident-blonde-office-worker-man-headphones-sits-desk-with-office-tools-using-laptop-looks-up-isolated-violet-space-with-copy-space_141793-60515.jpg",
|
||||
},
|
||||
{
|
||||
name: "Claire Davies",
|
||||
role: "Retired",
|
||||
quote: "Improved my mobility significantly. I can finally enjoy gardening again without pain.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/energetic-female-pesnioner-active-wear-standing-road-with-rucksack-her-back-hitchhiking-making-sign-with-thumbs-up-gesture-signaling-that-she-needs-ride_343059-2333.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark Wilson",
|
||||
role: "Cyclist",
|
||||
quote: "Professional, kind, and incredibly knowledgeable. Highly recommend their sports physio program.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-young-bearded-man_273609-15896.jpg",
|
||||
},
|
||||
{
|
||||
name: "Susan G.",
|
||||
role: "Teacher",
|
||||
quote: "The entire team is so supportive. They really listened to my concerns and tailored my recovery.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-playing-golf-golf-course_1157-23202.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Patient Reviews"
|
||||
title="Life-Changing Results"
|
||||
description="Hear what our patients say about their journey to recovery."
|
||||
testimonials={[
|
||||
{ name: "Alice Thompson", role: "Marathon Runner", quote: "I thought I would never run again, but their therapy got me back on track in months.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-african-young-athlete-man-standing-rooftop-looking-down_23-2148124021.jpg" },
|
||||
{ name: "Robert B.", role: "Office Professional", quote: "Chronic back pain was killing my work productivity. Their ergonomic plan was a lifesaver.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-confident-blonde-office-worker-man-headphones-sits-desk-with-office-tools-using-laptop-looks-up-isolated-violet-space-with-copy-space_141793-60515.jpg" },
|
||||
{ name: "Claire Davies", role: "Retired", quote: "Improved my mobility significantly. I can finally enjoy gardening again without pain.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/energetic-female-pesnioner-active-wear-standing-road-with-rucksack-her-back-hitchhiking-making-sign-with-thumbs-up-gesture-signaling-that-she-needs-ride_343059-2333.jpg" },
|
||||
{ name: "Mark Wilson", role: "Cyclist", quote: "Professional, kind, and incredibly knowledgeable. Highly recommend their sports physio program.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-young-bearded-man_273609-15896.jpg" },
|
||||
{ name: "Susan G.", role: "Teacher", quote: "The entire team is so supportive. They really listened to my concerns and tailored my recovery.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-playing-golf-golf-course_1157-23202.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTwoColumn
|
||||
tag="Frequently Asked Questions"
|
||||
title="Need Help? Get Answers."
|
||||
description="Find answers to common questions about our services."
|
||||
items={[
|
||||
{
|
||||
question: "Do I need a referral?",
|
||||
answer: "In most cases, no. You can book an appointment directly with us.",
|
||||
},
|
||||
{
|
||||
question: "How long are sessions?",
|
||||
answer: "Typically 45-60 minutes depending on your specific needs.",
|
||||
},
|
||||
{
|
||||
question: "Do you accept insurance?",
|
||||
answer: "Yes, we work with most major insurance providers. Please contact us to confirm.",
|
||||
},
|
||||
{
|
||||
question: "What should I wear?",
|
||||
answer: "Comfortable, loose-fitting clothing that allows us to examine the area of concern.",
|
||||
},
|
||||
{
|
||||
question: "What is the cancellation policy?",
|
||||
answer: "We kindly request 24 hours notice for all cancellations to avoid a fee.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Frequently Asked Questions"
|
||||
title="Need Help? Get Answers."
|
||||
description="Common inquiries about our clinical services."
|
||||
items={[
|
||||
{ question: "Do I need a referral?", answer: "In most cases, no. You can book an appointment directly with us." },
|
||||
{ question: "How long are sessions?", answer: "Typically 45-60 minutes depending on your specific needs." },
|
||||
{ question: "Do you accept insurance?", answer: "Yes, we work with most major insurance providers. Please contact us to confirm." },
|
||||
{ question: "What should I wear?", answer: "Comfortable, loose-fitting clothing that allows us to examine the area of concern." },
|
||||
{ question: "What is the cancellation policy?", answer: "We kindly request 24 hours notice for all cancellations to avoid a fee." },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Book Now"
|
||||
text="Start your journey to pain-free living today. Our team is ready to help."
|
||||
primaryButton={{
|
||||
text: "Call (555) 123-4567",
|
||||
href: "tel:5551234567",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Book Online",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Book Now"
|
||||
text="Start your journey to pain-free living today. Our team is ready to help."
|
||||
primaryButton={{ text: "Call (555) 123-4567", href: "tel:5551234567" }}
|
||||
secondaryButton={{ text: "Book Online", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user