296 lines
18 KiB
TypeScript
296 lines
18 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||
import { Activity, Apple, CalendarCheck, CheckCircle, Heart, Info, LifeBuoy, Shield, Sparkles } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="pill"
|
||
contentWidth="smallMedium"
|
||
sizing="mediumLargeSizeMediumTitles"
|
||
background="aurora"
|
||
cardStyle="gradient-mesh"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "#hero"},
|
||
{
|
||
name: "About", id: "#about"},
|
||
{
|
||
name: "Services", id: "#services"},
|
||
{
|
||
name: "Why Choose", id: "#why-choose"},
|
||
{
|
||
name: "Pricing", id: "#pricing"},
|
||
{
|
||
name: "Testimonials", id: "#testimonials"},
|
||
{
|
||
name: "FAQ", id: "#faq"},
|
||
{
|
||
name: "Contact", id: "#contact"},
|
||
]}
|
||
brandName="Dr. Hassan El Zein Pediatrics"
|
||
button={{
|
||
text: "Book an Appointment", href: "#contact"}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDualMedia
|
||
background={{
|
||
variant: "plain"}}
|
||
title="Expert Pediatric Care for Your Child’s Health and Well-Being"
|
||
description="Providing compassionate, personalized, and evidence-based healthcare for infants, children, and adolescents."
|
||
tag="Trusted Pediatrics"
|
||
buttons={[
|
||
{
|
||
text: "Book an Appointment", href: "#contact"},
|
||
]}
|
||
mediaItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-doctor-office-looking-camera-wearing-ppe-suit-without-face-shield-sitting-chair-waiting-room-clinic_482257-4842.jpg", imageAlt: "Dr. Hassan El Zein smiling"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-charming-girl_1098-2672.jpg", imageAlt: "Happy child playing"},
|
||
]}
|
||
mediaAnimation="opacity"
|
||
rating={5}
|
||
ratingText="5-Star Patient Satisfaction"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MediaAbout
|
||
useInvertedBackground={false}
|
||
title="About Dr. Hassan El Zein"
|
||
description="Dr. Hassan El Zein is a dedicated pediatric specialist committed to providing high-quality healthcare for children of all ages. With a strong academic background and a patient-centered approach, he focuses on preventive care, early diagnosis, and comprehensive treatment plans to help children thrive.\n\nEducation & Qualifications:\n* Degree in Pediatrics from Oreburg University\n* Advanced Medical Studies at Luis Colibian University, Paris\n* Specialized training in child development and preventive pediatric care"
|
||
imageSrc="http://img.b2bpic.net/free-photo/cheeful-parent-helping-daughter-with-school-homework-analyzing-mathematics-online-course-together-using-academic-elearning-platform-living-room-schoolkid-studying-literature-distance-education_482257-28297.jpg"
|
||
imageAlt="Dr. Hassan El Zein interacting with a child"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwentyFive
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "General Pediatric Consultations", description: "Thorough examinations and personalized advice for your child's health concerns.", icon: Activity,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-specialist-examining-injury-little-kid-cabinet-general-practitioner-doing-consultation-small-girl-with-fractured-arm-pain-giving-assistance-medical-support_482257-41825.jpg", imageAlt: "Pediatric consultation"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-dentist-looking-boy-sitting-dental-chair_23-2147905891.jpg", imageAlt: "Child playing in waiting area"},
|
||
],
|
||
},
|
||
{
|
||
title: "Child Health Checkups", description: "Regular checkups to monitor growth, development, and overall well-being.", icon: Heart,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/cute-child-with-toy-stethoscope-home-quarantine_23-2148732595.jpg", imageAlt: "Doctor performing child checkup"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-doctor-measuring-tension-patient_23-2148352051.jpg", imageAlt: "Happy child during checkup"},
|
||
],
|
||
},
|
||
{
|
||
title: "Growth and Development Monitoring", description: "Tracking key developmental milestones and providing guidance for parents.", icon: LifeBuoy,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-mother-kid-home_23-2148708847.jpg", imageAlt: "Doctor measuring child's height"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/child-toys-still-life_23-2148144864.jpg", imageAlt: "Baby playing"},
|
||
],
|
||
},
|
||
{
|
||
title: "Vaccination Guidance", description: "Expert advice on immunization schedules and vaccine-preventable diseases.", icon: Shield,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-doctor-vaccinating-little-girl_23-2148880480.jpg", imageAlt: "Child receiving vaccination"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-vaccine-health-note-with-vaccine-injection-blue-background_179666-19319.jpg", imageAlt: "Vaccine schedule infographic"},
|
||
],
|
||
},
|
||
{
|
||
title: "Nutrition and Wellness Counseling", description: "Guidance on healthy eating habits and lifestyle for growing children.", icon: Apple,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-child-eating-apple_171337-3406.jpg", imageAlt: "Healthy food for children"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/ill-girl-with-mask_23-2148172171.jpg", imageAlt: "Child eating apple"},
|
||
],
|
||
},
|
||
{
|
||
title: "Diagnosis and Treatment of Childhood Illnesses", description: "Accurate diagnosis and effective treatment plans for common and complex conditions.", icon: Info,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/it-seems-that-your-daughter-is-completely-healthy_329181-7640.jpg", imageAlt: "Doctor examining sick child"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-adopting-kid_23-2149610834.jpg", imageAlt: "Medical lab equipment"},
|
||
],
|
||
},
|
||
{
|
||
title: "Follow-Up Care", description: "Ongoing support and monitoring to ensure sustained health and recovery.", icon: CalendarCheck,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-with-dog-park_23-2147636824.jpg", imageAlt: "Doctor making notes"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/weekend-dad-daughter-playing-park-looking-happy_259150-57310.jpg", imageAlt: "Parents discussing child's health"},
|
||
],
|
||
},
|
||
]}
|
||
title="Comprehensive Pediatric Services"
|
||
description="Offering a wide range of services to ensure your child's optimal health from infancy through adolescence."
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-choose" data-section="why-choose">
|
||
<MetricCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={false}
|
||
metrics={[
|
||
{
|
||
id: "metric-1", value: "15+", description: "Years of Pediatric Experience"},
|
||
{
|
||
id: "metric-2", value: "Personalized", description: "Care for Every Child"},
|
||
{
|
||
id: "metric-3", value: "Family-Centered", description: "Approach to Healthcare"},
|
||
{
|
||
id: "metric-4", value: "Modern", description: "Medical Practices & Technology"},
|
||
{
|
||
id: "metric-5", value: "Preventive", description: "Focus on Long-Term Health"},
|
||
]}
|
||
title="Why Choose Dr. Hassan El Zein?"
|
||
description="Experience the difference of a pediatric practice dedicated to excellence, compassion, and your child's well-being."
|
||
/>
|
||
</div>
|
||
|
||
<div id="pricing" data-section="pricing">
|
||
<PricingCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
plans={[
|
||
{
|
||
id: "initial-consultation", badge: "First Visit", badgeIcon: Sparkles,
|
||
price: "R$150", subtitle: "Per Hour", buttons: [
|
||
{
|
||
text: "Book Now", href: "#contact"},
|
||
],
|
||
features: [
|
||
"Comprehensive initial assessment", "Detailed health history review", "Personalized care plan discussion"],
|
||
},
|
||
{
|
||
id: "follow-up-consultation", badge: "Ongoing Care", badgeIcon: CheckCircle,
|
||
price: "R$100", subtitle: "Per Hour", buttons: [
|
||
{
|
||
text: "Schedule Follow-up", href: "#contact"},
|
||
],
|
||
features: [
|
||
"Progress monitoring and adjustments", "Review of treatment efficacy", "Continued health guidance and support"],
|
||
},
|
||
]}
|
||
title="Consultation & Fees"
|
||
description="Transparent and affordable pricing for high-quality pediatric care."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFive
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Mariana Silva", date: "2023-10-26", title: "Exceptional Care for Our Daughter!", quote: "Dr. El Zein provided exceptional care for our daughter. He is not only highly knowledgeable but also incredibly empathetic. We always feel heard and supported, and our daughter loves her visits!", tag: "Happy Family", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-mother-playing-with-her-son-living-room_23-2148385597.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-family-with-dog-park_23-2147636824.jpg", imageAlt: "Happy mother and daughter"},
|
||
{
|
||
id: "2", name: "João Pereira", date: "2023-11-15", title: "A Doctor Who Truly Cares", quote: "We are so grateful for Dr. El Zein. His approach to pediatrics is truly patient-centered. He takes the time to explain everything clearly and always puts our son at ease during appointments. Highly recommended!", tag: "Trustworthy", avatarSrc: "http://img.b2bpic.net/free-photo/weekend-dad-daughter-playing-park-looking-happy_259150-57310.jpg", imageSrc: "http://img.b2bpic.net/free-photo/father-holding-his-son-park_1303-11633.jpg", imageAlt: "Happy father playing with son"},
|
||
{
|
||
id: "3", name: "Sofia Mendes", date: "2024-01-05", title: "Professional and Compassionate", quote: "From the moment we walked in, we felt welcomed. Dr. El Zein's professionalism and compassionate demeanor made all the difference. Our children receive the best care, and we wouldn't go anywhere else.", tag: "Best Choice", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-women-home_23-2148147931.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-reading-book-sleeping-daughter_23-2147896528.jpg", imageAlt: "Mother reading to child"},
|
||
{
|
||
id: "4", name: "Lucas Costa", date: "2024-02-20", title: "Clear and Thorough Explanations", quote: "What sets Dr. El Zein apart is his ability to communicate complex medical information in a way that's easy for us to understand. We always leave feeling confident and informed about our child's health plan.", tag: "Informed Parents", avatarSrc: "http://img.b2bpic.net/free-photo/labor-union-members-working-together_23-2150995036.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-girl-playing-with-flying-goggles_23-2150182494.jpg", imageAlt: "Child playing with toys"},
|
||
{
|
||
id: "5", name: "Isabella Santos", date: "2024-03-10", title: "A True Partner in Our Child's Health", quote: "Dr. El Zein is more than just a doctor; he's a partner. He empowers us with knowledge and supports our parenting journey, ensuring our kids grow up healthy and happy. We are incredibly thankful.", tag: "Supportive", avatarSrc: "http://img.b2bpic.net/free-photo/blonde-woman-is-smiling-camera-white-background_176474-115375.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cute-family-playing-summer-park_1157-20325.jpg", imageAlt: "Family walking in park"},
|
||
{
|
||
id: "6", name: "André Oliveira", date: "2024-04-01", title: "Gentle and Understanding with Kids", quote: "My son used to be scared of doctors, but Dr. El Zein has such a gentle and understanding approach. He makes every visit a positive experience, and now my son actually looks forward to seeing him!", tag: "Child-Friendly", avatarSrc: "http://img.b2bpic.net/free-photo/young-family-with-their-little-baby-child-park_1303-14960.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-pretty-caucasian-girl-with-optical-glasses-doctor-uniform-with-stethoscope-stretching-out-hands_141793-124823.jpg", imageAlt: "Doctor playing with child"},
|
||
]}
|
||
title="What Parents Say"
|
||
description="Hear from families who trust Dr. Hassan El Zein with their child's health and well-being."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqBase
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "faq-1", title: "How can I schedule an appointment?", content: "You can schedule an appointment by calling our clinic directly during office hours, or by filling out the appointment request form in our contact section."},
|
||
{
|
||
id: "faq-2", title: "What is the consultation fee?", content: "Our initial consultation fee is R$150 per hour. Follow-up consultations are R$100 per hour. Please refer to our pricing section for more details."},
|
||
{
|
||
id: "faq-3", title: "How long is a typical consultation?", content: "A typical initial consultation lasts approximately one hour, allowing ample time for a thorough examination and discussion of your child's health needs. Follow-up appointments are usually 30-45 minutes."},
|
||
{
|
||
id: "faq-4", title: "Do you offer follow-up appointments?", content: "Yes, we offer comprehensive follow-up care to monitor your child's progress, adjust treatment plans if necessary, and provide ongoing support for their health journey."},
|
||
{
|
||
id: "faq-5", title: "What age groups do you treat?", content: "Dr. Hassan El Zein specializes in pediatrics, treating infants, children, and adolescents from birth through 18 years of age."},
|
||
]}
|
||
title="Frequently Asked Questions"
|
||
description="Find quick answers to common questions about our pediatric practice and services."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain"}}
|
||
tag="Connect With Us"
|
||
title="Get in Touch"
|
||
description="Schedule an appointment, ask a question, or learn more about our pediatric services. We're here to help your family."
|
||
buttons={[
|
||
{
|
||
text: "Book an Appointment", href: "#"},
|
||
{
|
||
text: "Call Us: +55 (11) 98765-4321", href: "tel:+5511987654321"},
|
||
{
|
||
text: "Email Us: info@drhassanpediatrics.com", href: "mailto:info@drhassanpediatrics.com"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoReveal
|
||
logoText="Dr. Hassan El Zein Pediatrics"
|
||
leftLink={{
|
||
text: "Privacy Policy", href: "#"}}
|
||
rightLink={{
|
||
text: "Terms of Service", href: "#"}}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|