176 lines
10 KiB
TypeScript
176 lines
10 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-shift"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="pill"
|
||
contentWidth="medium"
|
||
sizing="large"
|
||
background="grid"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="light"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{ name: "Home", id: "hero" },
|
||
{ name: "About", id: "about" },
|
||
{ name: "Specialists", id: "features" },
|
||
{ name: "Contact", id: "contact" },
|
||
]}
|
||
brandName="LittleSprouts Hospital"
|
||
button={{ text: "Book Appointment", href: "#contact" }}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroCarouselLogo
|
||
logoText="LittleSprouts Hospital"
|
||
description="Providing world-class pediatric care in a warm, family-centered environment where your little one's health comes first."
|
||
buttons={[{ text: "Book Appointment", href: "#contact" }]}
|
||
slides={[
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-space-with-maquette-table-design-urban-property-plan-building-model-layout-nobody-office-with-architecture-project-real-estate-development-presentation_482257-29970.jpg", imageAlt: "Hospital Entrance" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/little-kid-playing_23-2148836327.jpg", imageAlt: "Doctors Team" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-mother-working-with-baby_23-2148536421.jpg", imageAlt: "Caring Nurse" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-students-with-face-masks-talking-class-lecture-hall_637285-8806.jpg", imageAlt: "Waiting Area" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/physician-explaining-human-skeleton-picture-digital-tablet-little-girl-parent-office-doctor-doing-osteopathy-consultation-with-small-child-show-bones-injury-pain_482257-39183.jpg", imageAlt: "Doctor Patient" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/child-mom-sitting-hospital-lobby-with-flowers-bouquet_482257-131609.jpg", imageAlt: "Hospital Wing" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MediaAbout
|
||
useInvertedBackground={false}
|
||
title="A Place Where Healing Feels Like Home"
|
||
description="We specialize in pediatric medicine, combining advanced medical technology with the warmth of family-focused care. From routine check-ups to complex surgical procedures, our staff is dedicated to the comfort and recovery of every child."
|
||
imageSrc="http://img.b2bpic.net/free-photo/young-girl-pediatrician-consultation-with-her-doctor-her-mother_23-2149187494.jpg"
|
||
imageAlt="Pediatric Staff"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardNineteen
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{ tag: "Cardiac", title: "Pediatric Cardiology", subtitle: "Heart Specialists", description: "Expert diagnosis and care for complex heart conditions from birth.", imageSrc: "http://img.b2bpic.net/free-photo/students-walking-ramp-near-university-building_23-2147860779.jpg", imageAlt: "Students walking on ramp near university building" },
|
||
{ tag: "Neurology", title: "Pediatric Neurology", subtitle: "Brain and Spine", description: "Advanced neurological treatments focusing on development and recovery.", imageSrc: "http://img.b2bpic.net/free-photo/empty-space-with-maquette-table-design-urban-property-plan-building-model-layout-nobody-office-with-architecture-project-real-estate-development-presentation_482257-29970.jpg", imageAlt: "Students walking on ramp near university building" },
|
||
{ tag: "Surgery", title: "Surgical Excellence", subtitle: "Minor & Major", description: "Highly trained surgeons using the least invasive techniques for children.", imageSrc: "http://img.b2bpic.net/free-photo/little-kid-playing_23-2148836327.jpg", imageAlt: "Students walking on ramp near university building" },
|
||
]}
|
||
title="Specialized Care for Growing Needs"
|
||
description="Our departments offer comprehensive medical services tailored specifically for infants, children, and adolescents."
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardFourteen
|
||
useInvertedBackground={false}
|
||
title="Proven Excellence"
|
||
tag="Our Impact"
|
||
metrics={[
|
||
{ id: "1", value: "25k+", description: "Children Treated Yearly" },
|
||
{ id: "2", value: "150+", description: "Specialized Pediatric Experts" },
|
||
{ id: "3", value: "12", description: "State-of-the-Art Care Wings" },
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="team" data-section="team">
|
||
<TeamCardEleven
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
groups={[
|
||
{
|
||
id: "medical", groupTitle: "Senior Specialists", members: [
|
||
{ id: "m1", title: "Dr. Sarah Miller", subtitle: "Head of Cardiology", detail: "15+ years of experience in pediatric heart health.", imageSrc: "http://img.b2bpic.net/free-photo/cute-afroamerican-doctor-holding-heart_23-2148500113.jpg" },
|
||
{ id: "m2", title: "Dr. David Smith", subtitle: "Lead Surgeon", detail: "Specializing in minimally invasive procedures.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-toddler-with-lab-coat-safety-glasses_23-2148778995.jpg" },
|
||
{ id: "m3", title: "Nurse Anna Roberts", subtitle: "Care Coordinator", detail: "Dedicated to pediatric recovery and patient comfort.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-nurse_23-2151061638.jpg" },
|
||
]
|
||
},
|
||
]}
|
||
title="Our Compassionate Experts"
|
||
description="Meet the experienced professionals committed to delivering the best healthcare outcomes for our patients."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTen
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{ id: "1", title: "Outstanding Care", quote: "The doctors were incredibly kind and made my daughter feel so safe. We couldn't have asked for better.", name: "Sarah J.", role: "Mother", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-mother-holding-girl_52683-86621.jpg" },
|
||
{ id: "2", title: "Highly Recommend", quote: "The level of expertise here is truly amazing. My son recovered faster than we expected.", name: "Michael D.", role: "Father", imageSrc: "http://img.b2bpic.net/free-photo/smiley-parents-with-child-home_23-2148463580.jpg" },
|
||
{ id: "3", title: "Comforting Environment", quote: "They turned a scary surgery into a stress-free experience for our whole family.", name: "Jessica L.", role: "Parent", imageSrc: "http://img.b2bpic.net/free-photo/happy-boy-having-fun-with-pediatrician-medical-appointment-doctor-s-office_637285-4619.jpg" },
|
||
{ id: "4", title: "Professional & Kind", quote: "Excellent care and friendly staff. They really care about the patients.", name: "David W.", role: "Parent", imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-spending-time-together-outside-park-mother-s-day_23-2150293167.jpg" },
|
||
{ id: "5", title: "Best in Care", quote: "Wonderful experience. The entire team is so dedicated and warm.", name: "Elena R.", role: "Parent", imageSrc: "http://img.b2bpic.net/free-photo/close-up-parents-watching-their-daughters_1098-1457.jpg" },
|
||
]}
|
||
title="Stories of Hope & Healing"
|
||
description="Families trust us with their children's care every single day. Here’s what they say about their experience with LittleSprouts."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitMedia
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{ id: "q1", title: "What should I bring for my visit?", content: "Please bring identification, insurance documents, and any current medication lists." },
|
||
{ id: "q2", title: "Do you offer emergency care?", content: "We have 24/7 emergency pediatric services available on-site." },
|
||
{ id: "q3", title: "Can parents stay overnight?", content: "Yes, we encourage one parent to stay with their child throughout the treatment period." },
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-drawing-ipad_23-2150172104.jpg"
|
||
mediaAnimation="opacity"
|
||
title="Questions You May Have"
|
||
description="Clear answers to help you prepare for your next visit."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={false}
|
||
title="Contact Our Clinic"
|
||
description="Schedule an appointment or reach out to our team with any concerns. We are here to support your family."
|
||
inputs={[
|
||
{ name: "name", type: "text", placeholder: "Patient Name" },
|
||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||
{ name: "phone", type: "tel", placeholder: "Phone Number" },
|
||
]}
|
||
textarea={{ name: "message", placeholder: "How can we help?" }}
|
||
imageSrc="http://img.b2bpic.net/free-photo/mom-daughter-hugging-indoors_23-2148500055.jpg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoReveal
|
||
logoText="LittleSprouts Hospital"
|
||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||
rightLink={{ text: "Emergency", href: "tel:5550123" }}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|