Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-01 07:11:45 +00:00

View File

@@ -16,401 +16,178 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="background-highlight"
borderRadius="pill"
defaultButtonVariant="text-shift"
defaultTextAnimation="background-highlight"
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">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Therapies",
id: "therapies",
},
{
name: "Shop",
id: "products",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Vinod Wellness"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Therapies", id: "therapies" },
{ name: "Shop", id: "products" },
{ name: "Contact", id: "contact" }
]}
brandName="Vinod Wellness"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-static",
}}
title="Ancient Healing for Modern Life"
description="Discover holistic rejuvenation at our Ayurvedic Wellness Centre. We blend traditional wisdom with expert care to restore balance to your body, mind, and spirit."
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
{
text: "Explore Therapies",
href: "#therapies",
},
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-spa-concept-with-healthcare-products_23-2148290903.jpg",
imageAlt: "Ayurveda therapy massage oil wellness",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/blurred-woman-warrior-pose-bending-forward_23-2147802560.jpg",
imageAlt: "Shirodhara therapy treatment room",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-flower-with-raised-bed_23-2150858621.jpg",
imageAlt: "herbal massage oil jars ayurveda",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/composition-with-candles-table-living-room_169016-5610.jpg",
imageAlt: "calming wellness room warm light",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-spa-items-copy-space_23-2148345709.jpg",
imageAlt: "massage therapy oil bowl indian",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-sushi_23-2151301241.jpg",
imageAlt: "ayurveda consultation peaceful space",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{ variant: "rotated-rays-static" }}
title="Ancient Healing for Modern Life"
description="Discover holistic rejuvenation at our Ayurvedic Wellness Centre. We blend traditional wisdom with expert care to restore balance to your body, mind, and spirit."
buttons={[{ text: "Book Appointment", href: "#contact" }, { text: "Explore Therapies", href: "#therapies" }]}
carouselItems={[
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/top-view-spa-concept-with-healthcare-products_23-2148290903.jpg", imageAlt: "Ayurveda therapy massage oil wellness" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/blurred-woman-warrior-pose-bending-forward_23-2147802560.jpg", imageAlt: "Shirodhara therapy treatment room" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-flower-with-raised-bed_23-2150858621.jpg", imageAlt: "herbal massage oil jars ayurveda" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-candles-table-living-room_169016-5610.jpg", imageAlt: "calming wellness room warm light" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-spa-items-copy-space_23-2148345709.jpg", imageAlt: "massage therapy oil bowl indian" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-sushi_23-2151301241.jpg", imageAlt: "ayurveda consultation peaceful space" }
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Our Ayurvedic Philosophy"
description="Rooted in centuries of Indian tradition, our wellness centre provides authentic Ayurvedic healing. With over 20 years of experience, we specialize in natural remedies designed to detoxify, nourish, and harmonize your life force."
metrics={[
{
value: "20+",
title: "Years Experience",
},
{
value: "5k+",
title: "Happy Guests",
},
{
value: "50+",
title: "Natural Therapies",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-dress-cafe_273609-4057.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
imageAlt="ayurvedic wellness centre professional"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Our Ayurvedic Philosophy"
description="Rooted in centuries of Indian tradition, our wellness centre provides authentic Ayurvedic healing. With over 20 years of experience, we specialize in natural remedies designed to detoxify, nourish, and harmonize your life force."
metrics={[{ value: "20+", title: "Years Experience" }, { value: "5k+", title: "Happy Guests" }, { value: "50+", title: "Natural Therapies" }]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-dress-cafe_273609-4057.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
imageAlt="ayurvedic wellness centre professional"
/>
</div>
<div id="therapies" data-section="therapies">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Abhyanga Massage",
description: "Full-body warm oil massage to relax muscles and soothe your nervous system.",
imageSrc: "http://img.b2bpic.net/free-photo/spa-equipments-with-soap-cotton-flower_23-2147844979.jpg",
imageAlt: "abhyanga massage therapy oil",
},
{
title: "Shirodhara",
description: "Continuous flow of warm herbal oil on the forehead to calm mental chatter and stress.",
imageSrc: "http://img.b2bpic.net/free-photo/person-conducting-reiki-therapy_23-2149403924.jpg",
imageAlt: "shirodhara therapy herbal oil",
},
{
title: "Panchakarma",
description: "A deep detoxifying treatment to eliminate toxins and restore natural balance.",
imageSrc: "http://img.b2bpic.net/free-photo/friends-doing-yoga-together-park_23-2149891852.jpg",
imageAlt: "panchakarma treatment ayurvedic detox",
},
]}
title="Healing Therapies"
description="Experience our curated collection of traditional treatments tailored to your unique wellness needs."
/>
</div>
<div id="therapies" data-section="therapies">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{ title: "Abhyanga Massage", description: "Full-body warm oil massage to relax muscles and soothe your nervous system.", imageSrc: "http://img.b2bpic.net/free-photo/spa-equipments-with-soap-cotton-flower_23-2147844979.jpg", imageAlt: "abhyanga massage therapy oil" },
{ title: "Shirodhara", description: "Continuous flow of warm herbal oil on the forehead to calm mental chatter and stress.", imageSrc: "http://img.b2bpic.net/free-photo/person-conducting-reiki-therapy_23-2149403924.jpg", imageAlt: "shirodhara therapy herbal oil" },
{ title: "Panchakarma", description: "A deep detoxifying treatment to eliminate toxins and restore natural balance.", imageSrc: "http://img.b2bpic.net/free-photo/friends-doing-yoga-together-park_23-2149891852.jpg", imageAlt: "panchakarma treatment ayurvedic detox" }
]}
title="Healing Therapies"
description="Experience our curated collection of traditional treatments tailored to your unique wellness needs."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "1",
brand: "NatureCare",
name: "Herbal Powder",
price: "$15",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/view-natural-ingredients-arrangement_23-2148899381.jpg",
imageAlt: "ayurvedic herbal powder jars",
},
{
id: "2",
brand: "NatureCare",
name: "Organic Oil",
price: "$25",
rating: 5,
reviewCount: "89",
imageSrc: "http://img.b2bpic.net/free-photo/herbal-spa-treatment-equipments-put-wooden-floor_1150-34508.jpg",
imageAlt: "ayurvedic oil glass bottle",
},
{
id: "3",
brand: "NatureCare",
name: "Immunity Tablets",
price: "$30",
rating: 4,
reviewCount: "210",
imageSrc: "http://img.b2bpic.net/free-photo/phytotherapy-products-arrangement-high-angle_23-2149339770.jpg",
imageAlt: "ayurvedic tablets natural medicine",
},
{
id: "4",
brand: "NatureCare",
name: "Health Tonic",
price: "$20",
rating: 5,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-black-tea-variety-herbs-teabag-arranged-wooden-table_23-2148028134.jpg",
imageAlt: "immunity booster herbal syrup",
},
{
id: "5",
brand: "NatureCare",
name: "Hair Care Blend",
price: "$22",
rating: 4,
reviewCount: "78",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-jojoba-oil-dropper_23-2149022356.jpg",
imageAlt: "ayurvedic skin care oil",
},
{
id: "6",
brand: "NatureCare",
name: "Stress Oil",
price: "$18",
rating: 5,
reviewCount: "92",
imageSrc: "http://img.b2bpic.net/free-photo/hemp-oil-that-is-paired-with-hemp-brown-wooden-floor_1150-18450.jpg",
imageAlt: "ayurvedic oil herbal blend",
},
]}
title="Ancient Medicines"
description="Hand-picked organic oils, powders, and immunity boosters sourced from authentic Himalayan herbs."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "1", brand: "NatureCare", name: "Herbal Powder", price: "$15", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/view-natural-ingredients-arrangement_23-2148899381.jpg", imageAlt: "ayurvedic herbal powder jars" },
{ id: "2", brand: "NatureCare", name: "Organic Oil", price: "$25", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/herbal-spa-treatment-equipments-put-wooden-floor_1150-34508.jpg", imageAlt: "ayurvedic oil glass bottle" },
{ id: "3", brand: "NatureCare", name: "Immunity Tablets", price: "$30", rating: 4, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/phytotherapy-products-arrangement-high-angle_23-2149339770.jpg", imageAlt: "ayurvedic tablets natural medicine" },
{ id: "4", brand: "NatureCare", name: "Health Tonic", price: "$20", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/fresh-black-tea-variety-herbs-teabag-arranged-wooden-table_23-2148028134.jpg", imageAlt: "immunity booster herbal syrup" },
{ id: "5", brand: "NatureCare", name: "Hair Care Blend", price: "$22", rating: 4, reviewCount: "78", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-jojoba-oil-dropper_23-2149022356.jpg", imageAlt: "ayurvedic skin care oil" },
{ id: "6", brand: "NatureCare", name: "Stress Oil", price: "$18", rating: 5, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/hemp-oil-that-is-paired-with-hemp-brown-wooden-floor_1150-18450.jpg", imageAlt: "ayurvedic oil herbal blend" }
]}
title="Ancient Medicines"
description="Hand-picked organic oils, powders, and immunity boosters sourced from authentic Himalayan herbs."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "98%",
title: "Client Retention",
items: [
"High satisfaction",
"Regular visits",
],
},
{
id: "m2",
value: "100%",
title: "Natural Products",
items: [
"100% organic",
"No chemicals",
],
},
{
id: "m3",
value: "500+",
title: "Daily Wellness",
items: [
"Daily routines",
"Yoga lifestyle",
],
},
]}
title="Wellness Impact"
description="Helping people find balance through the power of Ayurveda."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "98%", title: "Client Retention", items: ["High satisfaction", "Regular visits"] },
{ id: "m2", value: "100%", title: "Natural Products", items: ["100% organic", "No chemicals"] },
{ id: "m3", value: "500+", title: "Daily Wellness", items: ["Daily routines", "Yoga lifestyle"] }
]}
title="Wellness Impact"
description="Helping people find balance through the power of Ayurveda."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Miller",
role: "Journalist",
company: "DailyNews",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-athlete-sportswoman-doing-yoga-home-activewear-sitting-yoga-rubber-mat_1258-200197.jpg",
imageAlt: "happy wellness customer yoga",
},
{
id: "2",
name: "Rajesh Gupta",
role: "Architect",
company: "UrbanDesign",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friends-with-yerba-mate-indoors-full-shot_23-2149860519.jpg",
imageAlt: "health treatment customer indian",
},
{
id: "3",
name: "Emily Chen",
role: "Professor",
company: "StateUni",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-preparing-mate_23-2149860507.jpg",
imageAlt: "wellness clinic patient happy",
},
{
id: "4",
name: "Michael Ross",
role: "Manager",
company: "TechCorp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-bathrobe-holding-her-hair_23-2148389887.jpg",
imageAlt: "customer face wellness positive",
},
{
id: "5",
name: "Anita Desai",
role: "Creative",
company: "DesignStudio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826961.jpg",
imageAlt: "health wellness customer portrait",
},
]}
title="Words of Harmony"
description="Read how our therapies have transformed the lives of our wellness guests."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah Miller", role: "Journalist", company: "DailyNews", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-athlete-sportswoman-doing-yoga-home-activewear-sitting-yoga-rubber-mat_1258-200197.jpg", imageAlt: "happy wellness customer yoga" },
{ id: "2", name: "Rajesh Gupta", role: "Architect", company: "UrbanDesign", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-with-yerba-mate-indoors-full-shot_23-2149860519.jpg", imageAlt: "health treatment customer indian" },
{ id: "3", name: "Emily Chen", role: "Professor", company: "StateUni", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-preparing-mate_23-2149860507.jpg", imageAlt: "wellness clinic patient happy" },
{ id: "4", name: "Michael Ross", role: "Manager", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-bathrobe-holding-her-hair_23-2148389887.jpg", imageAlt: "customer face wellness positive" },
{ id: "5", name: "Anita Desai", role: "Creative", company: "DesignStudio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826961.jpg", imageAlt: "health wellness customer portrait" }
]}
title="Words of Harmony"
description="Read how our therapies have transformed the lives of our wellness guests."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Is Ayurveda safe?",
content: "Yes, Ayurveda is a traditional system using natural ingredients.",
},
{
id: "q2",
title: "How to book a therapy?",
content: "Book through our portal or WhatsApp us directly.",
},
{
id: "q3",
title: "Are products organic?",
content: "Every product is 100% organic, herbal, and chemical-free.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/mask-medicines_23-2147796511.jpg"
title="Wellness Queries"
description="Have questions about your Ayurvedic journey? Find common answers here."
faqsAnimation="slide-up"
imageAlt="ayurveda consultation information"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{ id: "q1", title: "Is Ayurveda safe?", content: "Yes, Ayurveda is a traditional system using natural ingredients." },
{ id: "q2", title: "How to book a therapy?", content: "Book through our portal or WhatsApp us directly." },
{ id: "q3", title: "Are products organic?", content: "Every product is 100% organic, herbal, and chemical-free." }
]}
imageSrc="http://img.b2bpic.net/free-photo/mask-medicines_23-2147796511.jpg"
title="Wellness Queries"
description="Have questions about your Ayurvedic journey? Find common answers here."
faqsAnimation="slide-up"
imageAlt="ayurveda consultation information"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "rotated-rays-static",
}}
tag="Contact Us"
title="Book Your Session"
description="Ready for healing? Enter your details to get an appointment confirmation via email/phone."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "rotated-rays-static" }}
tag="Contact Us"
title="Book Your Session"
description="Ready for healing? Enter your details to get an appointment confirmation via email/phone."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Vinod Wellness"
columns={[
{
title: "Navigation",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "About",
href: "#about",
},
{
label: "Shop",
href: "#products",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
copyrightText="© 2024 Vinod Ayurvedic Wellness. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Vinod Wellness"
columns={[
{
title: "Navigation", items: [
{ label: "Home", href: "#hero" },
{ label: "About", href: "#about" },
{ label: "Shop", href: "#products" }
]
},
{
title: "Support", items: [
{ label: "Contact", href: "#contact" },
{ label: "Privacy Policy", href: "#" },
{ label: "Terms", href: "#" }
]
}
]}
copyrightText="© 2024 Vinod Ayurvedic Wellness. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}