Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-18 09:27:33 +00:00

View File

@@ -20,332 +20,164 @@ export default function LandingPage() {
defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Indore Trauma Centre"
button={{
text: "Book Appointment",
href: "#contact",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Contact", id: "contact" },
]}
brandName="Indore Trauma Centre"
button={{ text: "Book Appointment", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Indore Trauma Centre"
description="Compassionate Care. Advanced Treatment. Trusted by Families Across Indore."
testimonials={[
{
name: "Rahul Verma",
handle: "@rahulv",
testimonial: "Excellent care and friendly staff. Truly a life-saving experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-architecture-office-business-building-with-glass-window-shape_74190-6438.jpg?_wi=1",
imageAlt: "modern hospital trauma center exterior",
},
{
name: "Sunita Sharma",
handle: "@sunitas",
testimonial: "Felt like family. The treatment was affordable and professional.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/emergency-room-hallway-with-illuminated-sign_23-2151997621.jpg?_wi=1",
imageAlt: "modern hospital trauma center exterior",
},
{
name: "Amit Patel",
handle: "@amitp",
testimonial: "Top-notch facility. The nurses were incredibly attentive.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-blonde-ill-slavic-woman-wearing-medical-mask-scarf_141793-98415.jpg?_wi=1",
imageAlt: "modern hospital trauma center exterior",
},
{
name: "Priya Singh",
handle: "@priyas",
testimonial: "Smooth process from admission to recovery. Highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blue-plastic-baby-boy-essentials-collection_58702-17446.jpg?_wi=1",
imageAlt: "modern hospital trauma center exterior",
},
{
name: "Vikram Sethi",
handle: "@vikrams",
testimonial: "Excellent diagnostics and very supportive environment.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pediatrician-doctor-consulting-lungs-listening-heartbeat-using-medical-stethoscope_482257-20375.jpg?_wi=1",
imageAlt: "modern hospital trauma center exterior",
},
]}
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
{
text: "Emergency",
href: "tel:1234567890",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-architecture-office-business-building-with-glass-window-shape_74190-6438.jpg?_wi=2"
imageAlt="Indore Trauma Centre Exterior"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/sport-person-training-with-hula-hoop_23-2149334338.jpg",
alt: "Anjali",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-man-hospital-reception-holding-flyer-waiting-doctor-private-clinic-perform-clinical-examination-selective-focus-asian-patient-with-appointment-hospital-lobby_482257-46748.jpg",
alt: "Raj",
},
{
src: "http://img.b2bpic.net/free-photo/thoughtful-male-senior-patient-sitting-ward_107420-63865.jpg",
alt: "Suman",
},
{
src: "http://img.b2bpic.net/free-photo/little-granddaughter-bringing-flowers-while-visiting-sick-grandmother_482257-15412.jpg",
alt: "Vikas",
},
{
src: "http://img.b2bpic.net/free-photo/woman-visiting-female-doctor_1398-4756.jpg",
alt: "Deepa",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Indore Trauma Centre"
description="Compassionate Care. Advanced Treatment. Trusted by Families Across Indore."
testimonials={[
{ name: "Rahul Verma", handle: "@rahulv", testimonial: "Excellent care and friendly staff. Truly a life-saving experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-architecture-office-business-building-with-glass-window-shape_74190-6438.jpg", imageAlt: "modern hospital trauma center exterior" },
{ name: "Sunita Sharma", handle: "@sunitas", testimonial: "Felt like family. The treatment was affordable and professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/emergency-room-hallway-with-illuminated-sign_23-2151997621.jpg", imageAlt: "modern hospital trauma center exterior" },
{ name: "Amit Patel", handle: "@amitp", testimonial: "Top-notch facility. The nurses were incredibly attentive.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-young-blonde-ill-slavic-woman-wearing-medical-mask-scarf_141793-98415.jpg", imageAlt: "modern hospital trauma center exterior" },
{ name: "Priya Singh", handle: "@priyas", testimonial: "Smooth process from admission to recovery. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blue-plastic-baby-boy-essentials-collection_58702-17446.jpg", imageAlt: "modern hospital trauma center exterior" },
{ name: "Vikram Sethi", handle: "@vikrams", testimonial: "Excellent diagnostics and very supportive environment.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pediatrician-doctor-consulting-lungs-listening-heartbeat-using-medical-stethoscope_482257-20375.jpg", imageAlt: "modern hospital trauma center exterior" },
]}
buttons={[{ text: "Book Appointment", href: "#contact" }, { text: "Emergency", href: "tel:1234567890" }]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-architecture-office-business-building-with-glass-window-shape_74190-6438.jpg"
imageAlt="Indore Trauma Centre Exterior"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/sport-person-training-with-hula-hoop_23-2149334338.jpg", alt: "Anjali" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-man-hospital-reception-holding-flyer-waiting-doctor-private-clinic-perform-clinical-examination-selective-focus-asian-patient-with-appointment-hospital-lobby_482257-46748.jpg", alt: "Raj" },
{ src: "http://img.b2bpic.net/free-photo/thoughtful-male-senior-patient-sitting-ward_107420-63865.jpg", alt: "Suman" },
{ src: "http://img.b2bpic.net/free-photo/little-granddaughter-bringing-flowers-while-visiting-sick-grandmother_482257-15412.jpg", alt: "Vikas" },
{ src: "http://img.b2bpic.net/free-photo/woman-visiting-female-doctor_1398-4756.jpg", alt: "Deepa" },
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
id: "f1",
title: "24/7 Emergency Care",
description: "Immediate access to trauma specialists around the clock.",
tag: "Speed",
imageSrc: "http://img.b2bpic.net/free-photo/emergency-room-hallway-with-illuminated-sign_23-2151997621.jpg?_wi=2",
},
{
id: "f2",
title: "Affordable Healthcare",
description: "High-quality treatment options that don't burden your finances.",
tag: "Value",
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-blonde-ill-slavic-woman-wearing-medical-mask-scarf_141793-98415.jpg?_wi=2",
},
{
id: "f3",
title: "Expert Orthopaedics",
description: "Specialized surgeons for complex orthopaedic and trauma conditions.",
tag: "Expertise",
imageSrc: "http://img.b2bpic.net/free-photo/blue-plastic-baby-boy-essentials-collection_58702-17446.jpg?_wi=2",
},
]}
title="Why Choose Us"
description="Dedicated to excellence in patient care and trauma management."
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{ id: "f1", title: "24/7 Emergency Care", description: "Immediate access to trauma specialists around the clock.", tag: "Speed", imageSrc: "http://img.b2bpic.net/free-photo/emergency-room-hallway-with-illuminated-sign_23-2151997621.jpg" },
{ id: "f2", title: "Affordable Healthcare", description: "High-quality treatment options that don't burden your finances.", tag: "Value", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-blonde-ill-slavic-woman-wearing-medical-mask-scarf_141793-98415.jpg" },
{ id: "f3", title: "Expert Orthopaedics", description: "Specialized surgeons for complex orthopaedic and trauma conditions.", tag: "Expertise", imageSrc: "http://img.b2bpic.net/free-photo/blue-plastic-baby-boy-essentials-collection_58702-17446.jpg" },
]}
title="Why Choose Us"
description="Dedicated to excellence in patient care and trauma management."
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Our Mission"
title="Why Patients Trust Us"
description="At Indore Trauma Centre, patients are treated like family. Our highly skilled doctors, caring nursing staff, and dedicated support team ensure every patient receives personalized and compassionate care."
subdescription="We combine modern medical technology with a human touch to guarantee the best recovery outcomes."
imageSrc="http://img.b2bpic.net/free-photo/pediatrician-doctor-consulting-lungs-listening-heartbeat-using-medical-stethoscope_482257-20375.jpg?_wi=2"
mediaAnimation="slide-up"
icon={Activity}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Our Mission"
title="Why Patients Trust Us"
description="At Indore Trauma Centre, patients are treated like family. Our highly skilled doctors, caring nursing staff, and dedicated support team ensure every patient receives personalized and compassionate care."
subdescription="We combine modern medical technology with a human touch to guarantee the best recovery outcomes."
imageSrc="http://img.b2bpic.net/free-photo/pediatrician-doctor-consulting-lungs-listening-heartbeat-using-medical-stethoscope_482257-20375.jpg"
mediaAnimation="slide-up"
icon={Activity}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={true}
testimonial="The staff were incredibly caring and attentive. The entire journey was smooth and reassuring."
rating={5}
author="Anjali Mehta"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/sport-person-training-with-hula-hoop_23-2149334338.jpg",
alt: "Anjali",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-man-hospital-reception-holding-flyer-waiting-doctor-private-clinic-perform-clinical-examination-selective-focus-asian-patient-with-appointment-hospital-lobby_482257-46748.jpg",
alt: "Raj",
},
{
src: "http://img.b2bpic.net/free-photo/thoughtful-male-senior-patient-sitting-ward_107420-63865.jpg",
alt: "Suman",
},
{
src: "http://img.b2bpic.net/free-photo/little-granddaughter-bringing-flowers-while-visiting-sick-grandmother_482257-15412.jpg",
alt: "Vikas",
},
{
src: "http://img.b2bpic.net/free-photo/woman-visiting-female-doctor_1398-4756.jpg",
alt: "Deepa",
},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={true}
testimonial="The staff were incredibly caring and attentive. The entire journey was smooth and reassuring."
rating={5}
author="Anjali Mehta"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/sport-person-training-with-hula-hoop_23-2149334338.jpg", alt: "Anjali" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-man-hospital-reception-holding-flyer-waiting-doctor-private-clinic-perform-clinical-examination-selective-focus-asian-patient-with-appointment-hospital-lobby_482257-46748.jpg", alt: "Raj" },
{ src: "http://img.b2bpic.net/free-photo/thoughtful-male-senior-patient-sitting-ward_107420-63865.jpg", alt: "Suman" },
{ src: "http://img.b2bpic.net/free-photo/little-granddaughter-bringing-flowers-while-visiting-sick-grandmother_482257-15412.jpg", alt: "Vikas" },
{ src: "http://img.b2bpic.net/free-photo/woman-visiting-female-doctor_1398-4756.jpg", alt: "Deepa" },
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
/>
</div>
<div id="services" data-section="services">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "s1",
name: "Trauma Care",
price: "Specialized",
variant: "Emergency",
imageSrc: "http://img.b2bpic.net/free-photo/doctors-pushing-emergency-stretcher-bed-corridor_107420-63716.jpg",
},
{
id: "s2",
name: "Orthopaedic Surgery",
price: "High Precision",
variant: "Surgery",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-multiple-metallic-scalpels_23-2149299215.jpg",
},
{
id: "s3",
name: "Joint Replacement",
price: "Advanced",
variant: "Surgery",
imageSrc: "http://img.b2bpic.net/free-photo/3d-female-figure-sprinting-pose-with-muscles-used-highlighted_1048-12644.jpg",
},
{
id: "s4",
name: "Physical Therapy",
price: "Guided",
variant: "Rehab",
imageSrc: "http://img.b2bpic.net/free-photo/facility-waiting-room-with-walk-frame-lobby-empty-reception-counter-with-checkup-forms-seats-waiting-area-medical-center-with-aid-help-chronic-disability-health-care_482257-65089.jpg",
},
{
id: "s5",
name: "Ambulance Services",
price: "Fast Response",
variant: "Transport",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-paramedic-filling-document_23-2149478455.jpg",
},
{
id: "s6",
name: "Consultations",
price: "Expert Led",
variant: "Clinical",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-nurse-talking-patient_23-2149341490.jpg",
},
]}
title="Our Clinical Services"
description="Comprehensive care tailored to your recovery needs."
/>
</div>
<div id="services" data-section="services">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "s1", name: "Trauma Care", price: "Specialized", variant: "Emergency", imageSrc: "http://img.b2bpic.net/free-photo/doctors-pushing-emergency-stretcher-bed-corridor_107420-63716.jpg" },
{ id: "s2", name: "Orthopaedic Surgery", price: "High Precision", variant: "Surgery", imageSrc: "http://img.b2bpic.net/free-photo/top-view-multiple-metallic-scalpels_23-2149299215.jpg" },
{ id: "s3", name: "Joint Replacement", price: "Advanced", variant: "Surgery", imageSrc: "http://img.b2bpic.net/free-photo/3d-female-figure-sprinting-pose-with-muscles-used-highlighted_1048-12644.jpg" },
{ id: "s4", name: "Physical Therapy", price: "Guided", variant: "Rehab", imageSrc: "http://img.b2bpic.net/free-photo/facility-waiting-room-with-walk-frame-lobby-empty-reception-counter-with-checkup-forms-seats-waiting-area-medical-center-with-aid-help-chronic-disability-health-care_482257-65089.jpg" },
{ id: "s5", name: "Ambulance Services", price: "Fast Response", variant: "Transport", imageSrc: "http://img.b2bpic.net/free-photo/side-view-paramedic-filling-document_23-2149478455.jpg" },
{ id: "s6", name: "Consultations", price: "Expert Led", variant: "Clinical", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-nurse-talking-patient_23-2149341490.jpg" },
]}
title="Our Clinical Services"
description="Comprehensive care tailored to your recovery needs."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={true}
title="Our Achievements"
tag="Milestones"
metrics={[
{
id: "m1",
value: "10,000+",
description: "Patients Treated",
},
{
id: "m2",
value: "99%",
description: "Recovery Success",
},
{
id: "m3",
value: "50+",
description: "Expert Staff",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={true}
title="Our Achievements"
tag="Milestones"
metrics={[
{ id: "m1", value: "10,000+", description: "Patients Treated" },
{ id: "m2", value: "99%", description: "Recovery Success" },
{ id: "m3", value: "50+", description: "Expert Staff" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do you offer 24/7 care?",
content: "Yes, our emergency trauma centre is operational 24/7, 365 days a year.",
},
{
id: "q2",
title: "How do I book an appointment?",
content: "You can call us directly or use the appointment button on our website.",
},
{
id: "q3",
title: "Is the facility affordable?",
content: "We pride ourselves on providing high-quality care that remains accessible and cost-effective for families.",
},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Get clear answers about our treatment processes."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Do you offer 24/7 care?", content: "Yes, our emergency trauma centre is operational 24/7, 365 days a year." },
{ id: "q2", title: "How do I book an appointment?", content: "You can call us directly or use the appointment button on our website." },
{ id: "q3", title: "Is the facility affordable?", content: "We pride ourselves on providing high-quality care that remains accessible and cost-effective for families." },
]}
sideTitle="Frequently Asked Questions"
sideDescription="Get clear answers about our treatment processes."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
tag="Contact Us"
title="Need Immediate Care?"
description="Our medical team is ready 24/7 to provide the support and emergency treatment you need."
inputPlaceholder="Enter your email for updates"
buttonText="Call Now"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{ variant: "gradient-bars" }}
tag="Contact Us"
title="Need Immediate Care?"
description="Our medical team is ready 24/7 to provide the support and emergency treatment you need."
inputPlaceholder="Enter your email for updates"
buttonText="Call Now"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Indore Trauma Centre"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Emergency: 1234567890",
href: "tel:1234567890",
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Indore Trauma Centre"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Emergency: 1234567890", href: "tel:1234567890" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);