Merge version_1 into main #5

Merged
bender merged 1 commits from version_1 into main 2026-06-05 12:31:25 +00:00

View File

@@ -28,222 +28,224 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home", id: "#hero"},
{
name: "About", id: "#about"},
{
name: "Treatments", id: "#treatments"},
{
name: "Reviews", id: "#reviews"},
{
name: "FAQ", id: "#faq"},
{
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/floral-logo-template_1195-29.jpg"
brandName="SKJ Divya Ayurveda Hospital"
button={{
text: "Book Consultation", href: "#contact"}}
/>
</div>
<>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home", id: "#hero"},
{
name: "About", id: "#about"},
{
name: "Treatments", id: "#treatments"},
{
name: "Reviews", id: "#reviews"},
{
name: "FAQ", id: "#faq"},
{
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/floral-logo-template_1195-29.jpg"
brandName="SKJ Divya Ayurveda Hospital"
button={{
text: "Book Consultation", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "radial-gradient"}}
logoText="SKJ Divya Ayurveda Hospital"
description="Experience the transformative power of authentic Ayurvedic treatment, guided by experienced physicians with compassion at every step."
buttons={[
{
text: "Book a Consultation", href: "#contact"},
{
text: "Explore Treatments", href: "#treatments"},
]}
imageSrc="http://img.b2bpic.net/free-photo/minimalist-flower-illustration_23-2151905419.jpg"
imageAlt="Lush Ayurvedic herb garden with a serene, natural feel"
mediaAnimation="slide-up"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "radial-gradient"}}
logoText="SKJ Divya Ayurveda Hospital"
description="Experience the transformative power of authentic Ayurvedic treatment, guided by experienced physicians with compassion at every step."
buttons={[
{
text: "Book a Consultation", href: "#contact"},
{
text: "Explore Treatments", href: "#treatments"},
]}
imageSrc="http://img.b2bpic.net/free-photo/minimalist-flower-illustration_23-2151905419.jpg"
imageAlt="Lush Ayurvedic herb garden with a serene, natural feel"
mediaAnimation="slide-up"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "metric-1", value: "Authentic Ayurveda", title: "Traditional treatments, modern standards", description: "Rooted in authentic principles with contemporary excellence.", icon: Leaf,
},
{
id: "metric-2", value: "Expert Physicians", title: "Qualified, compassionate doctors", description: "Our team of seasoned Ayurvedic doctors ensures personalized healing.", icon: Heart,
},
{
id: "metric-3", value: "Patient-First Care", title: "Compassionate & attentive staff", description: "\"Staff was very nice\" — Anthony Robinson", icon: Heart,
},
{
id: "metric-4", value: "Ajmer's #1 Rated", title: "Best Ayurvedic Hospital in the city", description: "Consistently top-rated for quality and patient satisfaction.", icon: Award,
},
]}
title="Why Choose SKJ Divya Ayurveda Hospital?"
description="Trusted by Ajmer families for generations, we combine ancient wisdom with modern compassionate care."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "metric-1", value: "Authentic Ayurveda", title: "Traditional treatments, modern standards", description: "Rooted in authentic principles with contemporary excellence.", icon: Leaf,
},
{
id: "metric-2", value: "Expert Physicians", title: "Qualified, compassionate doctors", description: "Our team of seasoned Ayurvedic doctors ensures personalized healing.", icon: Heart,
},
{
id: "metric-3", value: "Patient-First Care", title: "Compassionate & attentive staff", description: "'Staff was very nice' — Anthony Robinson", icon: Heart,
},
{
id: "metric-4", value: "Ajmer's #1 Rated", title: "Best Ayurvedic Hospital in the city", description: "Consistently top-rated for quality and patient satisfaction.", icon: Award,
},
]}
title="Why Choose SKJ Divya Ayurveda Hospital?"
description="Trusted by Ajmer families for generations, we combine ancient wisdom with modern compassionate care."
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Healing Begins Where Nature Meets Knowledge"
description="At SKJ Divya Ayurveda Hospital, we believe true healing integrates the wisdom of ancient Ayurvedic science with a warm, welcoming environment. Located in the heart of Ajmer, Rajasthan, our institution is dedicated to offering genuine, transformative care.\n\n\"Best place in ayurvedic treatment center in Ajmer\" — Rohan Sharma (5 stars)"
buttons={[
{
text: "Learn More About Us", href: "#"},
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-ginger-doctor-writing_23-2148485979.jpg"
imageAlt="Ayurvedic doctor consulting a patient in a warm clinic setting"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Healing Begins Where Nature Meets Knowledge"
description="At SKJ Divya Ayurveda Hospital, we believe true healing integrates the wisdom of ancient Ayurvedic science with a warm, welcoming environment. Located in the heart of Ajmer, Rajasthan, our institution is dedicated to offering genuine, transformative care.\n\n\"Best place in ayurvedic treatment center in Ajmer\" — Rohan Sharma ⭐⭐⭐⭐⭐"
buttons={[
{
text: "Learn More About Us", href: "#"},
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-ginger-doctor-writing_23-2148485979.jpg"
imageAlt="Ayurvedic doctor consulting a patient in a warm clinic setting"
/>
</div>
<div id="treatments" data-section="treatments">
<FeatureBento
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
bentoComponent: "reveal-icon", icon: Droplet,
title: "Panchakarma Detox", description: "Deep cleansing and rejuvenation therapies to eliminate toxins.", imageSrc: "http://img.b2bpic.net/free-vector/floral-logo-template_1195-29.jpg", imageAlt: "ayurveda hospital logo traditional"},
{
bentoComponent: "reveal-icon", icon: Droplets,
title: "Abhyanga (Ayurvedic Massage)", description: "Therapeutic oil massage for relaxation, circulation, and tissue nourishment.", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-flower-illustration_23-2151905419.jpg", imageAlt: "ayurveda hospital logo traditional"},
{
bentoComponent: "reveal-icon", icon: Lightbulb,
title: "Shirodhara (Head Therapy)", description: "Continuous oil flow on the forehead for deep mental relaxation and clarity.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-ginger-doctor-writing_23-2148485979.jpg", imageAlt: "ayurveda hospital logo traditional"},
{
bentoComponent: "reveal-icon", icon: Wheat,
title: "Herbal Remedies & Medicine", description: "Customized herbal formulations for natural healing and disease management.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-beautiful-young-brunette-woman-dressed-striped-top-relaxing-plant-nursery-daytime-enjoying-fresh-air-people-nature-greenery-agriculture-gardening-freshness-concept_343059-209.jpg", imageAlt: "ayurveda hospital logo traditional"},
{
bentoComponent: "reveal-icon", icon: BookOpen,
title: "Lifestyle & Diet Counseling", description: "Personalized guidance for a balanced diet and healthy daily routines.", imageSrc: "http://img.b2bpic.net/free-photo/tilting-head-unpleased-young-beautiful-girl-wearing-pink-t-shirt-isolated-yellow-wall_141793-87798.jpg", imageAlt: "ayurveda hospital logo traditional"},
{
bentoComponent: "reveal-icon", icon: Layers,
title: "Chronic Disease Management", description: "Effective Ayurvedic approaches for long-term health challenges.", imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-caucasian-traveler-man-with-straw-beach-hat-with-backpack-standing-sideways-pretending-run-isolated-purple-wall-with-copy-space_141793-106447.jpg", imageAlt: "ayurveda hospital logo traditional"},
]}
title="Holistic Treatments for Body, Mind & Soul"
description="Discover a comprehensive range of Ayurvedic therapies tailored to restore balance and promote lasting wellness."
buttons={[
{
text: "View All Treatments", href: "#"},
]}
/>
</div>
<div id="treatments" data-section="treatments">
<FeatureBento
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
bentoComponent: "reveal-icon", icon: Droplet,
title: "Panchakarma Detox", description: "Deep cleansing and rejuvenation therapies to eliminate toxins.", imageSrc: "http://img.b2bpic.net/free-vector/floral-logo-template_1195-29.jpg", imageAlt: "ayurveda hospital logo traditional"},
{
bentoComponent: "reveal-icon", icon: Droplets,
title: "Abhyanga (Ayurvedic Massage)", description: "Therapeutic oil massage for relaxation, circulation, and tissue nourishment.", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-flower-illustration_23-2151905419.jpg", imageAlt: "ayurveda hospital logo traditional"},
{
bentoComponent: "reveal-icon", icon: Lightbulb,
title: "Shirodhara (Head Therapy)", description: "Continuous oil flow on the forehead for deep mental relaxation and clarity.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-ginger-doctor-writing_23-2148485979.jpg", imageAlt: "ayurveda hospital logo traditional"},
{
bentoComponent: "reveal-icon", icon: Wheat,
title: "Herbal Remedies & Medicine", description: "Customized herbal formulations for natural healing and disease management.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-beautiful-young-brunette-woman-dressed-striped-top-relaxing-plant-nursery-daytime-enjoying-fresh-air-people-nature-greenery-agriculture-gardening-freshness-concept_343059-209.jpg", imageAlt: "ayurveda hospital logo traditional"},
{
bentoComponent: "reveal-icon", icon: BookOpen,
title: "Lifestyle & Diet Counseling", description: "Personalized guidance for a balanced diet and healthy daily routines.", imageSrc: "http://img.b2bpic.net/free-photo/tilting-head-unpleased-young-beautiful-girl-wearing-pink-t-shirt-isolated-yellow-wall_141793-87798.jpg", imageAlt: "ayurveda hospital logo traditional"},
{
bentoComponent: "reveal-icon", icon: Layers,
title: "Chronic Disease Management", description: "Effective Ayurvedic approaches for long-term health challenges.", imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-caucasian-traveler-man-with-straw-beach-hat-with-backpack-standing-sideways-pretending-run-isolated-purple-wall-with-copy-space_141793-106447.jpg", imageAlt: "ayurveda hospital logo traditional"},
]}
title="Holistic Treatments for Body, Mind & Soul"
description="Discover a comprehensive range of Ayurvedic therapies tailored to restore balance and promote lasting wellness."
buttons={[
{
text: "View All Treatments", href: "#"},
]}
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Rohan Sharma", role: "Patient", company: "", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-beautiful-young-brunette-woman-dressed-striped-top-relaxing-plant-nursery-daytime-enjoying-fresh-air-people-nature-greenery-agriculture-gardening-freshness-concept_343059-209.jpg"},
{
id: "2", name: "Muskan Sen", role: "Patient", company: "", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/tilting-head-unpleased-young-beautiful-girl-wearing-pink-t-shirt-isolated-yellow-wall_141793-87798.jpg"},
{
id: "3", name: "Anthony Robinson", role: "Patient", company: "", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-caucasian-traveler-man-with-straw-beach-hat-with-backpack-standing-sideways-pretending-run-isolated-purple-wall-with-copy-space_141793-106447.jpg"},
{
id: "4", name: "Jeetu Rawat", role: "Patient", company: "", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-swedish-guy-with-stylish-hair-beard-grey-shirt-holding-his-chin-thoughtfully-looking-aside-thinking_176420-15743.jpg"},
{
id: "5", name: "Priya Singh", role: "Patient", company: "", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12669.jpg"},
]}
title="What Our Patients Say"
description="Hear directly from those who have experienced healing and wellness at our hospital."
tag="4.3 ⭐ on Google"
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Rohan Sharma", role: "Patient", company: "", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-beautiful-young-brunette-woman-dressed-striped-top-relaxing-plant-nursery-daytime-enjoying-fresh-air-people-nature-greenery-agriculture-gardening-freshness-concept_343059-209.jpg"},
{
id: "2", name: "Muskan Sen", role: "Patient", company: "", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/tilting-head-unpleased-young-beautiful-girl-wearing-pink-t-shirt-isolated-yellow-wall_141793-87798.jpg"},
{
id: "3", name: "Anthony Robinson", role: "Patient", company: "", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-caucasian-traveler-man-with-straw-beach-hat-with-backpack-standing-sideways-pretending-run-isolated-purple-wall-with-copy-space_141793-106447.jpg"},
{
id: "4", name: "Jeetu Rawat", role: "Patient", company: "", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-swedish-guy-with-stylish-hair-beard-grey-shirt-holding-his-chin-thoughtfully-looking-aside-thinking_176420-15743.jpg"},
{
id: "5", name: "Priya Singh", role: "Patient", company: "", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12669.jpg"},
]}
title="What Our Patients Say"
description="Hear directly from those who have experienced healing and wellness at our hospital."
tag="4.3 ⭐ on Google"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "faq-1", title: "What is Ayurveda?", content: "Ayurveda is an ancient Indian system of medicine that focuses on a holistic approach to health, balancing the body, mind, and spirit through diet, lifestyle, herbal remedies, and therapeutic treatments."},
{
id: "faq-2", title: "What treatments do you offer?", content: "We offer a wide range of traditional Ayurvedic treatments including Panchakarma detox, Abhyanga (massage), Shirodhara, herbal remedies, and personalized lifestyle and diet counseling for various conditions."},
{
id: "faq-3", title: "Do you treat chronic diseases?", content: "Yes, our expert physicians specialize in Ayurvedic approaches to managing various chronic diseases, focusing on identifying root causes and restoring the body's natural balance."},
{
id: "faq-4", title: "What should I expect during my first consultation?", content: "Your first consultation will involve a detailed assessment of your health history, lifestyle, and a pulse and tongue examination to determine your unique body constitution (Prakriti) and current imbalances (Vikriti)."},
]}
imageSrc="http://img.b2bpic.net/free-photo/still-life-from-home-interior-wooden-background_169016-3751.jpg"
imageAlt="Ayurvedic herbs and traditional medicine tools"
mediaAnimation="slide-up"
mediaPosition="right"
title="Frequently Asked Questions"
description="Find answers to common queries about our Ayurvedic treatments and hospital services."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "faq-1", title: "What is Ayurveda?", content: "Ayurveda is an ancient Indian system of medicine that focuses on a holistic approach to health, balancing the body, mind, and spirit through diet, lifestyle, herbal remedies, and therapeutic treatments."},
{
id: "faq-2", title: "What treatments do you offer?", content: "We offer a wide range of traditional Ayurvedic treatments including Panchakarma detox, Abhyanga (massage), Shirodhara, herbal remedies, and personalized lifestyle and diet counseling for various conditions."},
{
id: "faq-3", title: "Do you treat chronic diseases?", content: "Yes, our expert physicians specialize in Ayurvedic approaches to managing various chronic diseases, focusing on identifying root causes and restoring the body's natural balance."},
{
id: "faq-4", title: "What should I expect during my first consultation?", content: "Your first consultation will involve a detailed assessment of your health history, lifestyle, and a pulse and tongue examination to determine your unique body constitution (Prakriti) and current imbalances (Vikriti)."},
]}
imageSrc="http://img.b2bpic.net/free-photo/still-life-from-home-interior-wooden-background_169016-3751.jpg"
imageAlt="Ayurvedic herbs and traditional medicine tools"
mediaAnimation="slide-up"
mediaPosition="right"
title="Frequently Asked Questions"
description="Find answers to common queries about our Ayurvedic treatments and hospital services."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "radial-gradient"}}
tag="Connect With Us"
title="Ready to Begin Your Healing Journey?"
description="Leave your email, and our Ayurvedic experts will contact you to discuss your personalized consultation. We're here to guide you."
inputPlaceholder="Enter your email for a callback"
buttonText="Request a Callback"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "radial-gradient"}}
tag="Connect With Us"
title="Ready to Begin Your Healing Journey?"
description="Leave your email, and our Ayurvedic experts will contact you to discuss your personalized consultation. We're here to guide you."
inputPlaceholder="Enter your email for a callback"
buttonText="Request a Callback"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="SKJ Divya Ayurveda Hospital"
columns={[
{
title: "Quick Links", items: [
{
label: "Home", href: "#hero"},
{
label: "About Us", href: "#about"},
{
label: "Treatments", href: "#treatments"},
{
label: "Patient Reviews", href: "#reviews"},
{
label: "FAQ", href: "#faq"},
],
},
{
title: "Contact & Location", items: [
{
label: "📍 Ajmer, Rajasthan, India", href: "https://www.google.com/maps/search/SKJ+Divya+Ayurveda+Hospital+Ajmer"},
{
label: "📞 +91-XXX-XXXXXX", href: "tel:+91-XXX-XXXXXX"},
{
label: "📧 info@skjayurveda.com", href: "mailto:info@skjayurveda.com"},
{
label: "Facebook", href: "https://facebook.com/skjayurveda"},
{
label: "Instagram", href: "https://instagram.com/skjayurveda"},
],
},
]}
copyrightText="© 2025 SKJ Divya Ayurveda Hospital. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="SKJ Divya Ayurveda Hospital"
columns={[
{
title: "Quick Links", items: [
{
label: "Home", href: "#hero"},
{
label: "About Us", href: "#about"},
{
label: "Treatments", href: "#treatments"},
{
label: "Patient Reviews", href: "#reviews"},
{
label: "FAQ", href: "#faq"},
],
},
{
title: "Contact & Location", items: [
{
label: "📍 Ajmer, Rajasthan, India", href: "https://www.google.com/maps/search/SKJ+Divya+Ayurveda+Hospital+Ajmer"},
{
label: "📞 +91-XXX-XXXXXX", href: "tel:+91-XXX-XXXXXX"},
{
label: "📧 info@skjayurveda.com", href: "mailto:info@skjayurveda.com"},
{
label: "Facebook", href: "https://facebook.com/skjayurveda"},
{
label: "Instagram", href: "https://instagram.com/skjayurveda"},
],
},
]}
copyrightText="© 2025 SKJ Divya Ayurveda Hospital. All rights reserved."
/>
</div>
</>
</ReactLenis>
</ThemeProvider>
);