From b5c578bc20086c9a1ae8f082c703845ea931de2e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 20:19:42 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 535 ++++++++++++++---------------------------------
 1 file changed, 152 insertions(+), 383 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a8ff1af..551d4f7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,400 +20,169 @@ export default function LandingPage() {
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="background-highlight"
         borderRadius="soft"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Schedule",
-          id: "pricing",
-        },
-        {
-          name: "Committee",
-          id: "team",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="NHC INDOCON 2026"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Features", id: "features" },
+              { name: "Pricing", id: "pricing" },
+              { name: "Team", id: "team" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "FAQ", id: "faq" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="NHC INDOCON 2026"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="3rd National Hip Course & INDOCON 2026"
-      description="Advancing Orthopaedic Excellence. Join top national and international faculties for 3 days of workshops and clinical sessions in Indore."
-      buttons={[
-        {
-          text: "Register Now",
-          href: "#contact",
-        },
-        {
-          text: "View Program",
-          href: "#pricing",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/sport-stadium_1127-2131.jpg?_wi=1",
-          imageAlt: "Medical Conference stage",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/physician-analyzing-radiography-scan-with-mother-kid-explain-health-diagnosis-male-doctor-looking-x-ray-results-help-patient-with-disease-treatment-showing-medical-problem_482257-41815.jpg?_wi=1",
-          imageAlt: "Cadaveric Workshop",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/group-healthcare-workers-with-protective-face-masks-talking-hospital-hallway_637285-9089.jpg?_wi=1",
-          imageAlt: "Conference Networking",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053267.jpg?_wi=1",
-          imageAlt: "Clinical Facility",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-microphone_181624-254.jpg",
-          imageAlt: "Research Lecture",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/natural-landscape_8327-1.jpg",
-          imageAlt: "Indore City Scenery",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardCarousel
+            background={{ variant: "gradient-bars" }}
+            title="3rd National Hip Course & INDOCON 2026"
+            description="Advancing Orthopaedic Excellence. Join top national and international faculties for 3 days of workshops and clinical sessions in Indore."
+            buttons={[{ text: "Register Now", href: "#contact" }, { text: "View Program", href: "#pricing" }]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/sport-stadium_1127-2131.jpg", imageAlt: "Medical Conference stage" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/physician-analyzing-radiography-scan-with-mother-kid-explain-health-diagnosis-male-doctor-looking-x-ray-results-help-patient-with-disease-treatment-showing-medical-problem_482257-41815.jpg", imageAlt: "Cadaveric Workshop" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/group-healthcare-workers-with-protective-face-masks-talking-hospital-hallway_637285-9089.jpg", imageAlt: "Conference Networking" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053267.jpg", imageAlt: "Clinical Facility" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-microphone_181624-254.jpg", imageAlt: "Research Lecture" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/natural-landscape_8327-1.jpg", imageAlt: "Indore City Scenery" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Welcome to INDOCON 2026"
-      description="The 3rd National Hip Course & 23rd INDOCON 2026 is a premier academic event hosted in Indore, Madhya Pradesh. Experience three days of practice-changing knowledge transfer."
-      metrics={[
-        {
-          value: "3",
-          title: "Days of Intensive Learning",
-        },
-        {
-          value: "23rd",
-          title: "Annual Conference",
-        },
-        {
-          value: "2026",
-          title: "Year of Excellence",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/empty-medical-office-used-by-doctors-find-right-diagnostic_482257-112508.jpg"
-      mediaAnimation="slide-up"
-      metricsAnimation="blur-reveal"
-      imageAlt="Orthopaedic hip surgery professional"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Welcome to INDOCON 2026"
+            description="The 3rd National Hip Course & 23rd INDOCON 2026 is a premier academic event hosted in Indore, Madhya Pradesh. Experience three days of practice-changing knowledge transfer."
+            metrics={[{ value: "3", title: "Days of Intensive Learning" }, { value: "23rd", title: "Annual Conference" }, { value: "2026", title: "Year of Excellence" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/empty-medical-office-used-by-doctors-find-right-diagnostic_482257-112508.jpg"
+            mediaAnimation="slide-up"
+            metricsAnimation="blur-reveal"
+            imageAlt="Orthopaedic hip surgery professional"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureHoverPattern
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Zap,
-          title: "Cadaveric Workshops",
-          description: "Hands-on experience at IRCAD, SAIMS, Indore.",
-        },
-        {
-          icon: Users,
-          title: "Networking Opportunities",
-          description: "Connect with top national and international faculties.",
-        },
-        {
-          icon: BookOpen,
-          title: "Scientific Sessions",
-          description: "Curated programs focused on hip and orthopaedic excellence.",
-        },
-      ]}
-      title="What Makes INDOCON 2026 Special"
-      description="Engage with expert-led sessions designed to elevate your orthopaedic practice."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureHoverPattern
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { icon: Zap, title: "Cadaveric Workshops", description: "Hands-on experience at IRCAD, SAIMS, Indore." },
+              { icon: Users, title: "Networking Opportunities", description: "Connect with top national and international faculties." },
+              { icon: BookOpen, title: "Scientific Sessions", description: "Curated programs focused on hip and orthopaedic excellence." }
+            ]}
+            title="What Makes INDOCON 2026 Special"
+            description="Engage with expert-led sessions designed to elevate your orthopaedic practice."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardNine
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "p1",
-          title: "Cadaveric Workshop",
-          price: "Jan 23",
-          period: "2026",
-          features: [
-            "IRCAD Training",
-            "Surgical Techniques",
-          ],
-          button: {
-            text: "Details",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/midwives-day-celebration-with-hands-holding-baby_23-2149414694.jpg",
-          imageAlt: "medical workshop icon",
-        },
-        {
-          id: "p2",
-          title: "Main Conference",
-          price: "Jan 24-25",
-          period: "2026",
-          features: [
-            "Scientific Papers",
-            "Panel Discussions",
-          ],
-          button: {
-            text: "Details",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/sport-stadium_1127-2131.jpg?_wi=2",
-          imageAlt: "medical workshop icon",
-        },
-        {
-          id: "p3",
-          title: "Networking Gala",
-          price: "Jan 25",
-          period: "2026",
-          features: [
-            "Evening Dinner",
-            "Connect Peers",
-          ],
-          button: {
-            text: "Details",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/physician-analyzing-radiography-scan-with-mother-kid-explain-health-diagnosis-male-doctor-looking-x-ray-results-help-patient-with-disease-treatment-showing-medical-problem_482257-41815.jpg?_wi=2",
-          imageAlt: "medical workshop icon",
-        },
-      ]}
-      title="Program Schedule"
-      description="Plan your journey for the 3-day conference event."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardNine
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            plans={[
+              { id: "p1", title: "Cadaveric Workshop", price: "Jan 23", period: "2026", features: ["IRCAD Training", "Surgical Techniques"], button: { text: "Details" }, imageSrc: "http://img.b2bpic.net/free-photo/midwives-day-celebration-with-hands-holding-baby_23-2149414694.jpg", imageAlt: "medical workshop icon" },
+              { id: "p2", title: "Main Conference", price: "Jan 24-25", period: "2026", features: ["Scientific Papers", "Panel Discussions"], button: { text: "Details" }, imageSrc: "http://img.b2bpic.net/free-photo/sport-stadium_1127-2131.jpg", imageAlt: "medical workshop icon" },
+              { id: "p3", title: "Networking Gala", price: "Jan 25", period: "2026", features: ["Evening Dinner", "Connect Peers"], button: { text: "Details" }, imageSrc: "http://img.b2bpic.net/free-photo/physician-analyzing-radiography-scan-with-mother-kid-explain-health-diagnosis-male-doctor-looking-x-ray-results-help-patient-with-disease-treatment-showing-medical-problem_482257-41815.jpg", imageAlt: "medical workshop icon" }
+            ]}
+            title="Program Schedule"
+            description="Plan your journey for the 3-day conference event."
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      members={[
-        {
-          id: "m1",
-          name: "Dr. Arvind Rawal",
-          role: "Patron",
-          description: "Leading orthopaedic expert.",
-          imageSrc: "http://img.b2bpic.net/free-vector/management-icons-set_98292-1991.jpg",
-          imageAlt: "networking icon medical",
-        },
-        {
-          id: "m2",
-          name: "Dr. Kundan Kushwah",
-          role: "Organising Chair",
-          description: "Conference lead.",
-          imageSrc: "http://img.b2bpic.net/free-photo/sport-stadium_1127-2131.jpg?_wi=3",
-          imageAlt: "networking icon medical",
-        },
-        {
-          id: "m3",
-          name: "Dr. Akshay Jain",
-          role: "Coordinator",
-          description: "Conference logistics lead.",
-          imageSrc: "http://img.b2bpic.net/free-photo/physician-analyzing-radiography-scan-with-mother-kid-explain-health-diagnosis-male-doctor-looking-x-ray-results-help-patient-with-disease-treatment-showing-medical-problem_482257-41815.jpg?_wi=3",
-          imageAlt: "networking icon medical",
-        },
-        {
-          id: "m4",
-          name: "Dr. Anurag Panvel",
-          role: "Scientific Committee",
-          description: "Academic program.",
-          imageSrc: "http://img.b2bpic.net/free-photo/group-healthcare-workers-with-protective-face-masks-talking-hospital-hallway_637285-9089.jpg?_wi=2",
-          imageAlt: "networking icon medical",
-        },
-        {
-          id: "m5",
-          name: "Dr. Rahul Mehta",
-          role: "Registration Lead",
-          description: "Delegate support.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053267.jpg?_wi=2",
-          imageAlt: "networking icon medical",
-        },
-      ]}
-      title="Organising Committee"
-      description="The dedicated team behind this premier event."
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            members={[
+              { id: "m1", name: "Dr. Arvind Rawal", role: "Patron", description: "Leading orthopaedic expert.", imageSrc: "http://img.b2bpic.net/free-vector/management-icons-set_98292-1991.jpg", imageAlt: "networking icon medical" },
+              { id: "m2", name: "Dr. Kundan Kushwah", role: "Organising Chair", description: "Conference lead.", imageSrc: "http://img.b2bpic.net/free-photo/sport-stadium_1127-2131.jpg", imageAlt: "networking icon medical" },
+              { id: "m3", name: "Dr. Akshay Jain", role: "Coordinator", description: "Conference logistics lead.", imageSrc: "http://img.b2bpic.net/free-photo/physician-analyzing-radiography-scan-with-mother-kid-explain-health-diagnosis-male-doctor-looking-x-ray-results-help-patient-with-disease-treatment-showing-medical-problem_482257-41815.jpg", imageAlt: "networking icon medical" },
+              { id: "m4", name: "Dr. Anurag Panvel", role: "Scientific Committee", description: "Academic program.", imageSrc: "http://img.b2bpic.net/free-photo/group-healthcare-workers-with-protective-face-masks-talking-hospital-hallway_637285-9089.jpg", imageAlt: "networking icon medical" },
+              { id: "m5", name: "Dr. Rahul Mehta", role: "Registration Lead", description: "Delegate support.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053267.jpg", imageAlt: "networking icon medical" }
+            ]}
+            title="Organising Committee"
+            description="The dedicated team behind this premier event."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          role: "Orthopaedic Surgeon",
-          company: "Global Health",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-health-worker_23-2149112570.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          role: "Professor",
-          company: "Medical Institute",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-health-worker-special-equipment_23-2148980742.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          role: "Senior Consultant",
-          company: "City Hospital",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-looking-camera-dental-office-wainting-consultation-elderly-male-smiling-webcam-s_482257-4047.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          role: "Surgical Trainee",
-          company: "University Clinic",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-doctor-female-lab-coat-with-stethoscope-outdoor_627829-13755.jpg",
-        },
-        {
-          id: "5",
-          name: "Linda Wu",
-          role: "Head of Ortho",
-          company: "Global Medical",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/team-doctors-are-standing-emergency-room-multiethnic-surgeons-are-working-operating-room-hospital-they-are-wearing-blue-scrubs_657921-1063.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "100+",
-          label: "Speakers",
-        },
-        {
-          value: "500+",
-          label: "Delegates",
-        },
-        {
-          value: "20+",
-          label: "Workshops",
-        },
-      ]}
-      title="Voices of the Community"
-      description="What attendees have said about previous editions."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah Johnson", role: "Orthopaedic Surgeon", company: "Global Health", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-health-worker_23-2149112570.jpg" },
+              { id: "2", name: "Michael Chen", role: "Professor", company: "Medical Institute", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-health-worker-special-equipment_23-2148980742.jpg" },
+              { id: "3", name: "Emily Rodriguez", role: "Senior Consultant", company: "City Hospital", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-man-looking-camera-dental-office-wainting-consultation-elderly-male-smiling-webcam-s_482257-4047.jpg" },
+              { id: "4", name: "David Kim", role: "Surgical Trainee", company: "University Clinic", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/african-american-doctor-female-lab-coat-with-stethoscope-outdoor_627829-13755.jpg" },
+              { id: "5", name: "Linda Wu", role: "Head of Ortho", company: "Global Medical", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/team-doctors-are-standing-emergency-room-multiethnic-surgeons-are-working-operating-room-hospital-they-are-wearing-blue-scrubs_657921-1063.jpg" }
+            ]}
+            kpiItems={[
+              { value: "100+", label: "Speakers" },
+              { value: "500+", label: "Delegates" },
+              { value: "20+", label: "Workshops" }
+            ]}
+            title="Voices of the Community"
+            description="What attendees have said about previous editions."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Where will INDOCON 2026 be held?",
-          content: "The conference will be held in Indore, the heart of Madhya Pradesh.",
-        },
-        {
-          id: "f2",
-          title: "What are the key dates?",
-          content: "Jan 23rd to 25th, 2026.",
-        },
-        {
-          id: "f3",
-          title: "How can I register?",
-          content: "Please contact the Conference Secretariat for registration details.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Get essential information regarding registration, travel, and the conference schedule."
-      faqsAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/buildings-with-birds_23-2148106901.jpg?_wi=1"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Where will INDOCON 2026 be held?", content: "The conference will be held in Indore, the heart of Madhya Pradesh." },
+              { id: "f2", title: "What are the key dates?", content: "Jan 23rd to 25th, 2026." },
+              { id: "f3", title: "How can I register?", content: "Please contact the Conference Secretariat for registration details." }
+            ]}
+            title="Frequently Asked Questions"
+            description="Get essential information regarding registration, travel, and the conference schedule."
+            faqsAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/buildings-with-birds_23-2148106901.jpg"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Connect with Us"
-      title="Need more information?"
-      description="Contact our secretariat for details, registration assistance, or scientific program queries."
-      buttons={[
-        {
-          text: "Contact Secretariat",
-          href: "mailto:info@nhcindocon2026.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Connect with Us"
+            title="Need more information?"
+            description="Contact our secretariat for details, registration assistance, or scientific program queries."
+            buttons={[{ text: "Contact Secretariat", href: "mailto:info@nhcindocon2026.com" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/buildings-with-birds_23-2148106901.jpg?_wi=2"
-      logoText="NHC INDOCON 2026"
-      columns={[
-        {
-          title: "Secretariat",
-          items: [
-            {
-              label: "205, Sahijeevan Nagar, Indore",
-              href: "#",
-            },
-            {
-              label: "+91 0731 424 5597",
-              href: "tel:+917314245597",
-            },
-          ],
-        },
-        {
-          title: "Quick Links",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Register",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/buildings-with-birds_23-2148106901.jpg"
+            logoText="NHC INDOCON 2026"
+            columns={[
+              { title: "Secretariat", items: [{ label: "205, Sahijeevan Nagar, Indore", href: "#" }, { label: "+91 0731 424 5597", href: "tel:+917314245597" }] },
+              { title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }, { label: "Register", href: "#contact" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1