Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-17 20:19:49 +00:00

View File

@@ -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>
);
}
}