263 lines
13 KiB
TypeScript
263 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { CheckCircle, Shield, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "home"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Products", id: "products"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Divine Life Sciences"
|
|
button={{
|
|
text: "Get Started", href: "#contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplit
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Ancient Ayurveda for Modern Living"
|
|
description="At Divine Life Sciences, we bridge the gap between traditional wisdom and science-backed wellness solutions. Pure, organic, and ethically sourced."
|
|
buttons={[
|
|
{
|
|
text: "Explore Products", href: "#products"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/leaf-candles-bath-products-with-copy-space_23-2148366062.jpg"
|
|
imageAlt="natural ayurvedic product arrangement"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/two-happy-people-having-fun-laughing-sitting-outdoor-cafe-breakfast-handsome-cheerful-man-with-stubble-using-laptop-pc-smiling-talking-stylish-woman-shades_273609-6660.jpg", alt: "Customer profile 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/two-happy-friends-chatting-laughing-haven-t-seen-each-other-long-time_273609-6606.jpg", alt: "Customer profile 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/middle-aged-bearded-man-with-cheerful-expression-pointing-thumb-his-girlfriend-sunglasses-while-telling-jokes_273609-6608.jpg", alt: "Customer profile 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-young-women-playing-with-shopping-cart_23-2148495450.jpg", alt: "Customer profile 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Customer profile 5"},
|
|
]}
|
|
avatarText="Trusted by 5,000+ satisfied wellness seekers globally."
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "100% Organic"},
|
|
{
|
|
type: "text", text: "Ayurveda Certified"},
|
|
{
|
|
type: "text", text: "Cruelty-Free"},
|
|
{
|
|
type: "text", text: "Sustainable Sourcing"},
|
|
{
|
|
type: "text", text: "Premium Quality"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="Our Commitment to Purity"
|
|
metrics={[
|
|
{
|
|
icon: CheckCircle,
|
|
label: "Ethically Sourced", value: "100%"},
|
|
{
|
|
icon: Sparkles,
|
|
label: "Organic Ingredients", value: "99%"},
|
|
{
|
|
icon: Shield,
|
|
label: "Quality Assured", value: "24/7"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSix
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Traditional Wisdom", description: "Centuries-old recipes perfected with modern processing.", imageSrc: "http://img.b2bpic.net/free-photo/spoon-with-indian-traditional-spice_23-2148295001.jpg", imageAlt: "ayurvedic herbs crushing cinematic"},
|
|
{
|
|
title: "Scientific Rigor", description: "Every formulation undergoes strict quality testing.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-set-spices-herbs-peppercorns-anise-seeds-clove-tea-rose-buds-yellow-plate_141793-8027.jpg", imageAlt: "ayurvedic research lab professional"},
|
|
{
|
|
title: "Sustainable Purity", description: "No synthetic chemicals, just nature's goodness.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176113.jpg", imageAlt: "herbal medicine glass bottle minimalist"},
|
|
]}
|
|
title="The Divine Difference"
|
|
description="Why choose our specialized Ayurvedic formulations for your daily health routine?"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Digestive Support", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/brain-booster-pills-still-life_23-2150769474.jpg", imageAlt: "organic wellness product bottle"},
|
|
{
|
|
id: "p2", name: "Stress Reliever", price: "$34", imageSrc: "http://img.b2bpic.net/free-photo/organic-cbd-oil-dropper-assortment_23-2149013596.jpg", imageAlt: "organic wellness product bottle"},
|
|
{
|
|
id: "p3", name: "Immunity Booster", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238279.jpg", imageAlt: "organic wellness product bottle"},
|
|
{
|
|
id: "p4", name: "Hair & Skin Vitality", price: "$39", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440626.jpg", imageAlt: "organic wellness product bottle"},
|
|
{
|
|
id: "p5", name: "Energy Tonic", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-healthy-immunity-boosting-foods_23-2149211568.jpg", imageAlt: "organic wellness product bottle"},
|
|
{
|
|
id: "p6", name: "Sleep Aid", price: "$27", imageSrc: "http://img.b2bpic.net/free-photo/top-view-brain-booster-pills-still-life_23-2150760028.jpg", imageAlt: "organic wellness product bottle"},
|
|
]}
|
|
title="Our Ayurvedic Essentials"
|
|
description="Discover our range of premium health and wellness supplements."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "5000+", title: "Happy Customers", description: "Empowered by our natural solutions.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cream-leaf-with-white-background_23-2148241826.jpg", imageAlt: "organic wellness product bottle"},
|
|
{
|
|
id: "m2", value: "12+", title: "Wellness Experts", description: "Certified Ayurvedic practitioners.", imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669123.jpg", imageAlt: "organic wellness product bottle"},
|
|
{
|
|
id: "m3", value: "15+", title: "Regions Served", description: "Bringing wellness closer to home.", imageSrc: "http://img.b2bpic.net/free-photo/green-supplement-bottle-mockup_187299-47856.jpg", imageAlt: "organic wellness product bottle"},
|
|
]}
|
|
title="Trusted by Thousands"
|
|
description="Numbers that reflect our devotion to your well-being."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Anita Rao", role: "Homemaker", company: "Mumbai", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-talking-phone_23-2148660691.jpg", imageAlt: "smiling woman headshot"},
|
|
{
|
|
id: "t2", name: "Vikram Seth", role: "Professional", company: "Delhi", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", imageAlt: "smiling man headshot"},
|
|
{
|
|
id: "t3", name: "Priya Sharma", role: "Designer", company: "Bangalore", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg", imageAlt: "smiling woman headshot"},
|
|
{
|
|
id: "t4", name: "Rajesh Gupta", role: "Entrepreneur", company: "Pune", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-chatting_23-2149152928.jpg", imageAlt: "smiling man headshot"},
|
|
{
|
|
id: "t5", name: "Sunita Das", role: "Teacher", company: "Kolkata", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-ladies-stylish-outfits-pose-office-fashion-designer-charming-woman-linen-dress-darkskinned-lady-white-blouse-take-selfie_197531-27877.jpg", imageAlt: "smiling woman headshot"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "4.9/5", label: "Customer Rating"},
|
|
{
|
|
value: "95%", label: "Recommend Rate"},
|
|
{
|
|
value: "100%", label: "Authentic Ingredients"},
|
|
]}
|
|
title="Community Voices"
|
|
description="Hear stories from our family of wellness seekers."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "Are these products safe?", content: "Yes, all formulations are herbal and lab-tested."},
|
|
{
|
|
id: "q2", title: "How long until I see results?", content: "Natural healing takes consistency. Usually 4-6 weeks."},
|
|
{
|
|
id: "q3", title: "Do you ship internationally?", content: "Currently we serve customers within India."},
|
|
]}
|
|
sideTitle="Frequently Asked Questions"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "rotated-rays-static"}}
|
|
tag="Let's Connect"
|
|
title="Begin Your Wellness Journey"
|
|
description="Sign up for personalized health advice and exclusive product drops."
|
|
imageSrc="http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-102225.jpg"
|
|
mediaAnimation="slide-up"
|
|
imageAlt="ayurvedic herbs white space"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Home", href: "#home"},
|
|
{
|
|
label: "Shop", href: "#products"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Divine Life Sciences"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|