From 34891e52259df3b9f5e2e007181a77fe4883b528 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 09:27:30 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 462 +++++++++++++++--------------------------------
 1 file changed, 147 insertions(+), 315 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index dba1056..512834f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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>
   );
-- 
2.49.1