Update src/pages/HomePage.tsx
This commit is contained in:
@@ -11,278 +11,142 @@ 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">
|
||||
<HeroBillboardTiltedCarousel
|
||||
tag="CHU Issad Hassani"
|
||||
title="Where Medical Excellence Meets Compassion"
|
||||
description="Providing advanced healthcare, academic excellence, and innovative medical research in Algeria."
|
||||
primaryButton={{
|
||||
text: "Book Appointment",
|
||||
href: "#appointment",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Emergency Services",
|
||||
href: "#contact",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/general-practitioner-recommending-vitamins-painkillers-insurance_482257-118241.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctors-nurses-working-healthcare-facility-develop-treatment-protocols_482257-116766.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nobody-waiting-room-with-front-desk-reception-wall-screen-tv-with-promotional-offer-private-practice-hopital-waiting-area-patients-with-doctor-appointments-modern-healthcare-clinic_482257-46743.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-patient-doctor-clinic_23-2149856224.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-science-elements-lab_23-2148697224.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-architecture-office-business-building-with-glass-window-shape_74190-6438.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="CHU Issad Hassani"
|
||||
title="Where Medical Excellence Meets Compassion"
|
||||
description="Providing advanced healthcare, academic excellence, and innovative medical research in Algeria."
|
||||
primaryButton={{ text: "Book Appointment", href: "#appointment" }}
|
||||
secondaryButton={{ text: "Emergency Services", href: "#contact" }}
|
||||
items={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/general-practitioner-recommending-vitamins-painkillers-insurance_482257-118241.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/doctors-nurses-working-healthcare-facility-develop-treatment-protocols_482257-116766.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/nobody-waiting-room-with-front-desk-reception-wall-screen-tv-with-promotional-offer-private-practice-hopital-waiting-area-patients-with-doctor-appointments-modern-healthcare-clinic_482257-46743.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-patient-doctor-clinic_23-2149856224.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-science-elements-lab_23-2148697224.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-architecture-office-business-building-with-glass-window-shape_74190-6438.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTextSplit
|
||||
title="Our Mission & Vision"
|
||||
descriptions={[
|
||||
"CHU Issad Hassani Beni Messous delivers advanced healthcare solutions for the Algerian community.",
|
||||
"We combine academic excellence with high-standard clinical care to ensure world-class outcomes.",
|
||||
"Committed to scientific innovation, we continue to bridge the gap between medicine and society.",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Our Mission & Vision"
|
||||
descriptions={[
|
||||
"CHU Issad Hassani Beni Messous delivers advanced healthcare solutions for the Algerian community.", "We combine academic excellence with high-standard clinical care to ensure world-class outcomes.", "Committed to scientific innovation, we continue to bridge the gap between medicine and society."
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Departments"
|
||||
title="Medical Specialties"
|
||||
description="Comprehensive medical services provided by expert staff."
|
||||
items={[
|
||||
{
|
||||
title: "Emergency",
|
||||
description: "24/7 Urgent medical care services.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-hospital-labels-collection_23-2149626276.jpg",
|
||||
},
|
||||
{
|
||||
title: "Surgery",
|
||||
description: "Modern surgical theaters.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-view-operating-room_1170-2254.jpg",
|
||||
},
|
||||
{
|
||||
title: "Radiology",
|
||||
description: "State-of-the-art diagnostic imaging.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-medical-staff-male-patient-engaging-check-up-exam_482257-123959.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cardiology",
|
||||
description: "Expert heart health care.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-stethoscope-cardiogram-chart_23-2147941821.jpg",
|
||||
},
|
||||
{
|
||||
title: "Pediatrics",
|
||||
description: "Dedicated care for children.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-little-girl-bed-waiting-begin-checkup-exam-medical-cabinet-with-doctor-small-kid-with-illness-looking-camera-getting-ready-checkup-visit-appointment-office_482257-39218.jpg",
|
||||
},
|
||||
{
|
||||
title: "Oncology",
|
||||
description: "Comprehensive treatment plans.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-nurse-evaluating-lab-test-results-discussing-recovery-plan_482257-122827.jpg",
|
||||
},
|
||||
{
|
||||
title: "Obstetrics",
|
||||
description: "Maternity and women's health.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-medical-team-helping-with-child-delivery_482257-13969.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Departments"
|
||||
title="Medical Specialties"
|
||||
description="Comprehensive medical services provided by expert staff."
|
||||
items={[
|
||||
{ title: "Emergency", description: "24/7 Urgent medical care services.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/flat-hospital-labels-collection_23-2149626276.jpg" },
|
||||
{ title: "Surgery", description: "Modern surgical theaters.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/interior-view-operating-room_1170-2254.jpg" },
|
||||
{ title: "Radiology", description: "State-of-the-art diagnostic imaging.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/indian-medical-staff-male-patient-engaging-check-up-exam_482257-123959.jpg" },
|
||||
{ title: "Cardiology", description: "Expert heart health care.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/close-up-stethoscope-cardiogram-chart_23-2147941821.jpg" },
|
||||
{ title: "Pediatrics", description: "Dedicated care for children.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/portrait-little-girl-bed-waiting-begin-checkup-exam-medical-cabinet-with-doctor-small-kid-with-illness-looking-camera-getting-ready-checkup-visit-appointment-office_482257-39218.jpg" },
|
||||
{ title: "Oncology", description: "Comprehensive treatment plans.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/african-american-nurse-evaluating-lab-test-results-discussing-recovery-plan_482257-122827.jpg" },
|
||||
{ title: "Obstetrics", description: "Maternity and women's health.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-medical-team-helping-with-child-delivery_482257-13969.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="Healthcare Milestones"
|
||||
description="Delivering quality results year after year."
|
||||
metrics={[
|
||||
{
|
||||
value: "20K+",
|
||||
title: "Patients Served",
|
||||
features: [
|
||||
"Annual patient visits",
|
||||
"Specialized care pathways",
|
||||
"Emergency service load",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "150+",
|
||||
title: "Medical Experts",
|
||||
features: [
|
||||
"Consultants",
|
||||
"Specialist surgeons",
|
||||
"Academic researchers",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "25+",
|
||||
title: "Departments",
|
||||
features: [
|
||||
"Advanced diagnostics",
|
||||
"Surgical centers",
|
||||
"Research labs",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Impact"
|
||||
title="Healthcare Milestones"
|
||||
description="Delivering quality results year after year."
|
||||
metrics={[
|
||||
{ value: "20K+", title: "Patients Served", features: ["Annual patient visits", "Specialized care pathways", "Emergency service load"] },
|
||||
{ value: "150+", title: "Medical Experts", features: ["Consultants", "Specialist surgeons", "Academic researchers"] },
|
||||
{ value: "25+", title: "Departments", features: ["Advanced diagnostics", "Surgical centers", "Research labs"] }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamListCards
|
||||
tag="Our Experts"
|
||||
title="Meet Our Medical Board"
|
||||
description="Leading professionals guiding the future of our care."
|
||||
groups={[
|
||||
{
|
||||
title: "Senior Staff",
|
||||
members: [
|
||||
{
|
||||
name: "Dr. Amine Mansouri",
|
||||
role: "Head of Surgery",
|
||||
detail: "Over 20 years experience in advanced clinical surgery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-male-surgeon_171337-1517.jpg",
|
||||
},
|
||||
{
|
||||
name: "Dr. Sarah Belkacem",
|
||||
role: "Chief Researcher",
|
||||
detail: "Pioneering innovation in medical diagnostics and science.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-female-doctor-her-office_23-2148947631.jpg",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Experts"
|
||||
title="Meet Our Medical Board"
|
||||
description="Leading professionals guiding the future of our care."
|
||||
groups={[
|
||||
{
|
||||
title: "Senior Staff", members: [
|
||||
{ name: "Dr. Amine Mansouri", role: "Head of Surgery", detail: "Over 20 years experience in advanced clinical surgery.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-male-surgeon_171337-1517.jpg" },
|
||||
{ name: "Dr. Sarah Belkacem", role: "Chief Researcher", detail: "Pioneering innovation in medical diagnostics and science.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-female-doctor-her-office_23-2148947631.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeCards
|
||||
tag="Patient Voice"
|
||||
title="What Our Patients Say"
|
||||
description="Stories of recovery and quality care."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Lila K.",
|
||||
role: "Patient",
|
||||
quote: "Exceptional care and professional staff.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-healthcare-expert-looking-camera_637285-11471.jpg",
|
||||
},
|
||||
{
|
||||
name: "Omar B.",
|
||||
role: "Patient",
|
||||
quote: "I felt safe and supported through my surgery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hospital-pediatric-smiling-nurse-showing-unwell-little-girl-radiography-results-uneasy-mother-surprised-daughter-looking-x-ray-scan-image-while-patient-recovery-ward-room_482257-42533.jpg",
|
||||
},
|
||||
{
|
||||
name: "Fatima Z.",
|
||||
role: "Patient",
|
||||
quote: "Quick and responsive emergency services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-doctor-shaking-hands-with-wife-his-senior-patient-medical-clinic_637285-1434.jpg",
|
||||
},
|
||||
{
|
||||
name: "Yacine M.",
|
||||
role: "Patient",
|
||||
quote: "Highly recommend the specialized cardiology department.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/specialist-comforting-patient-cabinet-by-holding-his-hand-supporting_482257-124735.jpg",
|
||||
},
|
||||
{
|
||||
name: "Nadia R.",
|
||||
role: "Patient",
|
||||
quote: "Great communication and follow-up care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-explaining-diagnosis-her-young-woman-patient_1139-1152.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Patient Voice"
|
||||
title="What Our Patients Say"
|
||||
description="Stories of recovery and quality care."
|
||||
testimonials={[
|
||||
{ name: "Lila K.", role: "Patient", quote: "Exceptional care and professional staff.", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-healthcare-expert-looking-camera_637285-11471.jpg" },
|
||||
{ name: "Omar B.", role: "Patient", quote: "I felt safe and supported through my surgery.", imageSrc: "http://img.b2bpic.net/free-photo/hospital-pediatric-smiling-nurse-showing-unwell-little-girl-radiography-results-uneasy-mother-surprised-daughter-looking-x-ray-scan-image-while-patient-recovery-ward-room_482257-42533.jpg" },
|
||||
{ name: "Fatima Z.", role: "Patient", quote: "Quick and responsive emergency services.", imageSrc: "http://img.b2bpic.net/free-photo/happy-doctor-shaking-hands-with-wife-his-senior-patient-medical-clinic_637285-1434.jpg" },
|
||||
{ name: "Yacine M.", role: "Patient", quote: "Highly recommend the specialized cardiology department.", imageSrc: "http://img.b2bpic.net/free-photo/specialist-comforting-patient-cabinet-by-holding-his-hand-supporting_482257-124735.jpg" },
|
||||
{ name: "Nadia R.", role: "Patient", quote: "Great communication and follow-up care.", imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-explaining-diagnosis-her-young-woman-patient_1139-1152.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="Information"
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to help you navigate our services."
|
||||
items={[
|
||||
{
|
||||
question: "How do I book an appointment?",
|
||||
answer: "Use our online portal or call our reception directly.",
|
||||
},
|
||||
{
|
||||
question: "What documents do I need?",
|
||||
answer: "Please bring your ID card and medical insurance documentation.",
|
||||
},
|
||||
{
|
||||
question: "Are emergency services 24/7?",
|
||||
answer: "Yes, our emergency unit is fully operational at all hours.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Information"
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to help you navigate our services."
|
||||
items={[
|
||||
{ question: "How do I book an appointment?", answer: "Use our online portal or call our reception directly." },
|
||||
{ question: "What documents do I need?", answer: "Please bring your ID card and medical insurance documentation." },
|
||||
{ question: "Are emergency services 24/7?", answer: "Yes, our emergency unit is fully operational at all hours." }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="appointment" data-section="appointment">
|
||||
<SectionErrorBoundary name="appointment">
|
||||
<div id="appointment" data-section="appointment">
|
||||
<SectionErrorBoundary name="appointment">
|
||||
<ContactCta
|
||||
tag="Online Service"
|
||||
text="Book your appointment online with our medical specialists easily."
|
||||
primaryButton={{
|
||||
text: "Book Appointment",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Call Emergency",
|
||||
href: "tel:000000000",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Online Service"
|
||||
text="Book your appointment online with our medical specialists easily."
|
||||
primaryButton={{ text: "Book Appointment", href: "#" }}
|
||||
secondaryButton={{ text: "Call Emergency", href: "tel:000000000" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Need Help?"
|
||||
text="Our team is available 24/7 for your urgent medical needs."
|
||||
primaryButton={{
|
||||
text: "Contact Reception",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Directions",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Need Help?"
|
||||
text="Our team is available 24/7 for your urgent medical needs."
|
||||
primaryButton={{ text: "Contact Reception", href: "#" }}
|
||||
secondaryButton={{ text: "Directions", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user