Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
413
src/app/page.tsx
413
src/app/page.tsx
@@ -28,293 +28,148 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Apollo Clinic Dunlop"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Apollo Clinic Dunlop"
|
||||
button={{ text: "Book Appointment", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Your Trusted Health Partner in Dunlop"
|
||||
description="Providing compassionate, high-quality medical care for the entire family. Modern diagnostics, expert care, and patient-centered service."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-doctor-talking-female-patient-medical-consultations-doctor-s-office_637285-414.jpg",
|
||||
imageAlt: "Medical consultation room clinic",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-doctor-using-laptop-cabinet-search-healthcare-treatment-general-practitioner-looking-computer-screen-work-prescription-medicine-against-disease-diagnosis_482257-38499.jpg",
|
||||
imageAlt: "Modern medical clinic interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-medical-assistant-holding-checkup-documents-help-doctor-with-treatment-medicine-woman-working-as-nurse-with-uniform-tools-looking-camera-cure-patient_482257-38669.jpg",
|
||||
imageAlt: "Smiling nurse medical clinic",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-cabinet-medical-facility-used-patient-care-management_482257-125573.jpg",
|
||||
imageAlt: "Medical technology equipment clinic",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-doctor-listen-female-patient-heart-chest-with-stethoscope-clinic-meeting-man-gp-checkup-examine-woman-client-with-phonendoscope-healthcare-concept_657921-829.jpg",
|
||||
imageAlt: "Doctor examining patient medical",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your Trusted Health Partner in Dunlop"
|
||||
description="Providing compassionate, high-quality medical care for the entire family. Modern diagnostics, expert care, and patient-centered service."
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/senior-doctor-talking-female-patient-medical-consultations-doctor-s-office_637285-414.jpg", imageAlt: "Medical consultation room clinic" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/senior-doctor-using-laptop-cabinet-search-healthcare-treatment-general-practitioner-looking-computer-screen-work-prescription-medicine-against-disease-diagnosis_482257-38499.jpg", imageAlt: "Modern medical clinic interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-medical-assistant-holding-checkup-documents-help-doctor-with-treatment-medicine-woman-working-as-nurse-with-uniform-tools-looking-camera-cure-patient_482257-38669.jpg", imageAlt: "Smiling nurse medical clinic" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-cabinet-medical-facility-used-patient-care-management_482257-125573.jpg", imageAlt: "Medical technology equipment clinic" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-doctor-listen-female-patient-heart-chest-with-stethoscope-clinic-meeting-man-gp-checkup-examine-woman-client-with-phonendoscope-healthcare-concept_657921-829.jpg", imageAlt: "Doctor examining patient medical" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Excellence in Medical Care"
|
||||
description="Apollo Clinic Dunlop is committed to providing comprehensive healthcare services with a focus on empathy, accuracy, and efficiency. Our facility is equipped with state-of-the-art diagnostic tools and staffed by experienced medical professionals."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Advanced Diagnostics",
|
||||
description: "Cutting-edge technology for precise health results.",
|
||||
},
|
||||
{
|
||||
title: "Expert Team",
|
||||
description: "Highly experienced and board-certified practitioners.",
|
||||
},
|
||||
{
|
||||
title: "Comprehensive Care",
|
||||
description: "Full spectrum of primary and specialist care.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-business-center_1127-3157.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Excellence in Medical Care"
|
||||
description="Apollo Clinic Dunlop is committed to providing comprehensive healthcare services with a focus on empathy, accuracy, and efficiency. Our facility is equipped with state-of-the-art diagnostic tools and staffed by experienced medical professionals."
|
||||
bulletPoints={[
|
||||
{ title: "Advanced Diagnostics", description: "Cutting-edge technology for precise health results." },
|
||||
{ title: "Expert Team", description: "Highly experienced and board-certified practitioners." },
|
||||
{ title: "Comprehensive Care", description: "Full spectrum of primary and specialist care." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-business-center_1127-3157.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "General Medicine",
|
||||
description: "Comprehensive primary care for all ages.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nobody-medical-cabinet-used-by-doctor-help-patients-with-health-care-checkup-visit-empty-office-consultation-appointment-where-medic-does-examination-treat-people_482257-41810.jpg",
|
||||
},
|
||||
{
|
||||
title: "Pediatric Care",
|
||||
description: "Specialized health services for children.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-bright-medical-office-having-computer-table-with-coronavirus-cell-screen-virus-examination-hospital-room-with-nobody-it-equipped-with-professional-tools-virus-illustration_482257-39808.jpg",
|
||||
},
|
||||
{
|
||||
title: "Health Screenings",
|
||||
description: "Regular check-ups and preventative screenings.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-dentistry-assistant-looking-camera-standing-stomatology-clinic-caucasian-woman-with-nurse-occupation-working-dental-office-wearing-medical-uniform-teethcare_482257-28172.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Medical Services"
|
||||
description="Tailored healthcare solutions for your well-being."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "General Medicine", description: "Comprehensive primary care for all ages.", imageSrc: "http://img.b2bpic.net/free-photo/nobody-medical-cabinet-used-by-doctor-help-patients-with-health-care-checkup-visit-empty-office-consultation-appointment-where-medic-does-examination-treat-people_482257-41810.jpg" },
|
||||
{ title: "Pediatric Care", description: "Specialized health services for children.", imageSrc: "http://img.b2bpic.net/free-photo/empty-bright-medical-office-having-computer-table-with-coronavirus-cell-screen-virus-examination-hospital-room-with-nobody-it-equipped-with-professional-tools-virus-illustration_482257-39808.jpg" },
|
||||
{ title: "Health Screenings", description: "Regular check-ups and preventative screenings.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-dentistry-assistant-looking-camera-standing-stomatology-clinic-caucasian-woman-with-nurse-occupation-working-dental-office-wearing-medical-uniform-teethcare_482257-28172.jpg" },
|
||||
]}
|
||||
title="Our Medical Services"
|
||||
description="Tailored healthcare solutions for your well-being."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15k+",
|
||||
title: "Patients Served",
|
||||
description: "Providing quality care since opening.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "25+",
|
||||
title: "Experts",
|
||||
description: "Board-certified doctors & staff.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Availability",
|
||||
description: "Ready to help you anytime.",
|
||||
icon: Clock,
|
||||
},
|
||||
]}
|
||||
title="Clinic Impact"
|
||||
description="Quantifying our commitment to patient health."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15k+", title: "Patients Served", description: "Providing quality care since opening.", icon: Users },
|
||||
{ id: "m2", value: "25+", title: "Experts", description: "Board-certified doctors & staff.", icon: Award },
|
||||
{ id: "m3", value: "24/7", title: "Availability", description: "Ready to help you anytime.", icon: Clock },
|
||||
]}
|
||||
title="Clinic Impact"
|
||||
description="Quantifying our commitment to patient health."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
handle: "@john.doe",
|
||||
testimonial: "Excellent care and friendly staff. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah.m",
|
||||
testimonial: "Professional diagnosis and quick turnaround time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-female-private-doctor-visit-asenior-man-home-give-recipe_496169-1566.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Robert Smith",
|
||||
handle: "@r.smith",
|
||||
testimonial: "Very clean facility and very helpful medical team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-her-dad-dental-appointment_329181-17718.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily White",
|
||||
handle: "@emily.white",
|
||||
testimonial: "I trust this clinic for all my family health needs.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Brown",
|
||||
handle: "@david.b",
|
||||
testimonial: "Great experience with the specialists here.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-woman-shaking-hands-with-doctor-while-talking-her-hospital-hallway_637285-5309.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Patient Stories"
|
||||
description="What our patients say about their experience at Apollo Clinic Dunlop."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "John Doe", handle: "@john.doe", testimonial: "Excellent care and friendly staff. Highly recommend!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg" },
|
||||
{ id: "t2", name: "Sarah Miller", handle: "@sarah.m", testimonial: "Professional diagnosis and quick turnaround time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-female-private-doctor-visit-asenior-man-home-give-recipe_496169-1566.jpg" },
|
||||
{ id: "t3", name: "Robert Smith", handle: "@r.smith", testimonial: "Very clean facility and very helpful medical team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-her-dad-dental-appointment_329181-17718.jpg" },
|
||||
{ id: "t4", name: "Emily White", handle: "@emily.white", testimonial: "I trust this clinic for all my family health needs.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg" },
|
||||
{ id: "t5", name: "David Brown", handle: "@david.b", testimonial: "Great experience with the specialists here.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-woman-shaking-hands-with-doctor-while-talking-her-hospital-hallway_637285-5309.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Patient Stories"
|
||||
description="What our patients say about their experience at Apollo Clinic Dunlop."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I book an appointment?",
|
||||
content: "You can call us directly or book via our website portal.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you accept insurance?",
|
||||
content: "Yes, we accept major insurance plans. Check with reception.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is the clinic open on weekends?",
|
||||
content: "We offer limited hours on Saturdays.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Get answers to common queries about our clinic."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How do I book an appointment?", content: "You can call us directly or book via our website portal." },
|
||||
{ id: "f2", title: "Do you accept insurance?", content: "Yes, we accept major insurance plans. Check with reception." },
|
||||
{ id: "f3", title: "Is the clinic open on weekends?", content: "We offer limited hours on Saturdays." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Get answers to common queries about our clinic."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Contact Us"
|
||||
description="Have questions? Reach out to our team today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
required: true,
|
||||
}}
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Contact Us"
|
||||
description="Have questions? Reach out to our team today."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email Address", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help you?", required: true }}
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/giant-glass-bulding_1203-811.jpg"
|
||||
logoText="Apollo Clinic"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/giant-glass-bulding_1203-811.jpg"
|
||||
logoText="Apollo Clinic"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user