249 lines
15 KiB
TypeScript
249 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Leaf, Sparkles, Globe, Users, Award, Heart } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="mediumLarge"
|
|
background="circleGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="neon-glow-border"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
brandName="Serene Tea Co."
|
|
button={{
|
|
text: "Shop Collection", href: "products"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Sip into Serenity with Every Cup"
|
|
description="Discover organic, ethically sourced teas crafted for mindful moments and wellness rituals. Each blend is carefully selected to enhance your well-being."
|
|
tag="Premium Wellness Tea"
|
|
tagIcon={Leaf}
|
|
buttons={[
|
|
{ text: "Shop Our Collection", href: "products" },
|
|
{ text: "Learn Our Story", href: "about" }
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/side-view-woman-pouring-hot-drink_23-2149996101.jpg"
|
|
imageAlt="Serene tea ceremony with organic loose leaf tea"
|
|
frameStyle="card"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Crafted with Purpose: Building a Wellness Movement Through Ethical Tea"
|
|
metrics={[
|
|
{ icon: Leaf, label: "Organic Farms Partnered", value: "12+" },
|
|
{ icon: Globe, label: "Sustainable Sourcing", value: "100%" },
|
|
{ icon: Users, label: "Wellness Community", value: "5,000+" },
|
|
{ icon: Award, label: "Years of Tradition", value: "50+" }
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
title="Featured Premium Teas"
|
|
description="Explore our carefully curated selection of organic teas, each chosen for exceptional quality and wellness benefits."
|
|
tag="New Arrivals"
|
|
tagIcon={Sparkles}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
animationType="slide-up"
|
|
gridVariant="uniform-all-items-equal"
|
|
carouselMode="buttons"
|
|
products={[
|
|
{
|
|
id: "green-tea-premium", name: "Sencha Premium Green Tea", price: "$24.99", variant: "Loose Leaf • 3.5 oz", imageSrc: "https://img.b2bpic.net/free-photo/creative-feng-shui-composition_23-2149058732.jpg", imageAlt: "Premium Japanese Sencha green tea leaves", isFavorited: false
|
|
},
|
|
{
|
|
id: "white-tea-delicate", name: "Silver Needle White Tea", price: "$32.99", variant: "Whole Buds • 2.5 oz", imageSrc: "https://img.b2bpic.net/free-photo/full-frame-green-leaves-background_23-2148058840.jpg", imageAlt: "Delicate white tea silver needle buds", isFavorited: false
|
|
},
|
|
{
|
|
id: "herbal-relax", name: "Serene Sleep Blend", price: "$18.99", variant: "Herbal Mix • 4 oz", imageSrc: "https://img.b2bpic.net/free-photo/green-tea-leaves-field_53876-95115.jpg", imageAlt: "Relaxing herbal tea blend with chamomile and lavender", isFavorited: false
|
|
},
|
|
{
|
|
id: "oolong-artisan", name: "Artisan Roasted Oolong", price: "$28.99", variant: "Semi-Oxidized • 3 oz", imageSrc: "https://img.b2bpic.net/free-photo/tea-picker-woman-s-asian-hands-close-up-pretty-tea-picking-girl-plantation_1150-14738.jpg", imageAlt: "Premium artisan roasted oolong tea leaves", isFavorited: false
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "View All Teas", href: "products" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwelve
|
|
title="Why Choose Serene Tea Co."
|
|
description="Discover the difference that ethical sourcing, premium quality, and wellness-focused craftsmanship make in every cup."
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="opacity"
|
|
features={[
|
|
{
|
|
id: "organic-sourcing", label: "100% Organic", title: "Ethically Sourced from Premium Farms", items: [
|
|
"No pesticides or chemicals", "Fair-trade partnerships", "Direct farmer relationships", "Transparent sourcing practices"
|
|
],
|
|
buttons: [
|
|
{ text: "Learn More", href: "about" }
|
|
]
|
|
},
|
|
{
|
|
id: "wellness-benefits", label: "Wellness", title: "Crafted for Health and Mindfulness", items: [
|
|
"Rich in antioxidants", "Stress-reducing blends", "Energy and focus support", "Certified natural ingredients"
|
|
],
|
|
buttons: [
|
|
{ text: "Explore Benefits", href: "products" }
|
|
]
|
|
},
|
|
{
|
|
id: "sustainable-practice", label: "Sustainable", title: "Committed to Environmental Impact", items: [
|
|
"Eco-friendly packaging", "Carbon-neutral shipping", "Support forest conservation", "Plastic-free initiatives"
|
|
],
|
|
buttons: [
|
|
{ text: "Our Impact", href: "sustainability" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardNine
|
|
title="Loved by Wellness Enthusiasts"
|
|
description="See how our teas have transformed daily rituals and supported the wellness journeys of our community."
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
tag="Testimonials"
|
|
tagIcon={Heart}
|
|
testimonials={[
|
|
{
|
|
id: "1", quote: "I've tried many premium teas, but Serene's collection truly stands out. The quality is exceptional and I love knowing exactly where each leaf comes from. My morning ritual has become my favorite part of the day.", name: "Sarah Chen", role: "Wellness Coach", imageSrc: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", imageAlt: "Sarah Chen, wellness coach"
|
|
},
|
|
{
|
|
id: "2", quote: "As someone dealing with stress from a demanding career, these teas have been a game-changer. The Serene Sleep Blend has genuinely improved my sleep quality, and I appreciate that everything is organic and ethically sourced.", name: "Jessica Martinez", role: "Product Manager", imageSrc: "https://img.b2bpic.net/free-photo/smiley-business-woman-front-view_23-2149457724.jpg", imageAlt: "Jessica Martinez, product manager"
|
|
},
|
|
{
|
|
id: "3", quote: "The taste and purity are unmatched. I've switched my entire tea collection to Serene because I trust the sourcing and feel good about supporting sustainable farming practices.", name: "Michael Thompson", role: "Health Consultant", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-confident-woman-indoors_23-2148974061.jpg", imageAlt: "Michael Thompson, health consultant"
|
|
},
|
|
{
|
|
id: "4", quote: "Found my new favorite daily ritual. The white tea is so smooth and delicate, and knowing it's fair-trade makes every cup feel meaningful. This is the quality I've been searching for.", name: "Amanda Rodriguez", role: "Yoga Instructor", imageSrc: "https://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg", imageAlt: "Amanda Rodriguez, yoga instructor"
|
|
},
|
|
{
|
|
id: "5", quote: "I've recommended Serene Tea Co. to all my health-conscious friends. The sustainability commitment and premium quality align perfectly with my values and wellness goals.", name: "David Park", role: "Nutrition Expert", imageSrc: "https://img.b2bpic.net/free-photo/close-up-happy-business-woman_23-2148352558.jpg", imageAlt: "David Park, nutrition expert"
|
|
},
|
|
{
|
|
id: "6", quote: "As a gift-giver, I love that Serene offers beautiful, premium teas that feel special. Everyone I've gifted to has become a loyal customer. The taste and presentation are both exceptional.", name: "Emily Watson", role: "Corporate Executive", imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", imageAlt: "Emily Watson, corporate executive"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Everything You Need to Know"
|
|
sideDescription="We've answered common questions about our teas, sourcing practices, and wellness benefits. Have another question? Reach out to our team."
|
|
textPosition="left"
|
|
useInvertedBackground="noInvert"
|
|
animationType="smooth"
|
|
showCard={true}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What makes your teas organic and certified?", content: "All our teas are sourced from certified organic farms that maintain rigorous standards. We partner directly with farmers who avoid synthetic pesticides, herbicides, and fertilizers. Our supply chain is fully traceable, and we conduct regular quality testing to ensure purity and safety."
|
|
},
|
|
{
|
|
id: "2", title: "How should I brew each tea variety?", content: "Each tea has unique brewing requirements. Green teas: 160-180°F for 2-3 minutes. White teas: 160-170°F for 3-5 minutes. Oolong: 195-210°F for 3-5 minutes. Herbal blends: 200-212°F for 5-7 minutes. We include detailed brewing instructions with every purchase for optimal flavor and wellness benefits."
|
|
},
|
|
{
|
|
id: "3", title: "Are your packaging materials sustainable?", content: "Yes, we use compostable kraft paper pouches and recyclable materials wherever possible. Our packaging is plastic-free and designed to minimize environmental impact. We're constantly working to improve our sustainability practices and welcome feedback from our community."
|
|
},
|
|
{
|
|
id: "4", title: "What are the health benefits of different teas?", content: "Green tea is rich in antioxidants and supports metabolism. White tea offers delicate flavor with powerful antioxidant properties. Oolong aids digestion and focus. Our herbal blends are crafted for specific wellness goals—Sleep Blend aids rest, Energy Blend boosts vitality. Consult product pages for detailed benefit information."
|
|
},
|
|
{
|
|
id: "5", title: "Do you offer subscriptions or bulk orders?", content: "We offer flexible subscription options for regular deliveries at a discount. Bulk orders are available for corporate gifts and wellness programs. Contact our team at support@sereneteaco.com for custom bulk pricing and subscription details."
|
|
},
|
|
{
|
|
id: "6", title: "How do you support fair trade practices?", content: "We partner directly with farming cooperatives and pay above fair-trade prices to ensure farmers receive fair compensation. We maintain long-term relationships with our partner farms, invest in their communities, and conduct annual audits to verify ethical labor practices."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenterForm
|
|
title="Join Our Wellness Community"
|
|
description="Subscribe to our newsletter for exclusive tea recommendations, wellness tips, and special offerings. We honor your privacy and only share valuable content."
|
|
inputs={[
|
|
{
|
|
label: "Full Name", type: "text", placeholder: "Your name", required: true
|
|
},
|
|
{
|
|
label: "Email Address", type: "email", placeholder: "your@email.com", required: true
|
|
}
|
|
]}
|
|
textarea={{
|
|
label: "Tea Interests (Optional)", placeholder: "Tell us what wellness benefits you're interested in—stress relief, energy, sleep support, etc.", required: false
|
|
}}
|
|
useInvertedBackground="invertDefault"
|
|
buttonText="Join the Community"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "All Teas", href: "products" },
|
|
{ label: "Green Teas", href: "green-teas" },
|
|
{ label: "Wellness Blends", href: "wellness" },
|
|
{ label: "Gift Sets", href: "gifts" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Our Story", href: "story" },
|
|
{ label: "Sustainability", href: "sustainability" },
|
|
{ label: "Blog", href: "blog" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Contact Us", href: "contact" },
|
|
{ label: "FAQ", href: "faq" },
|
|
{ label: "Shipping Info", href: "shipping" },
|
|
{ label: "Returns", href: "returns" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Serene Tea Co. | Crafted with purpose for mindful moments"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |