bender/287ddfee-5d90-413a-bc4b-c63ebfd52ecf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-04-22 08:23:38 +00:00
parent 17d1bc2237 c88836fe0b
commit 2919446dcc
1 changed files with 69 additions and 211 deletions
Download Patch File Download Diff File Expand all files Collapse all files

280
src/app/page.tsx
View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Blue Lotus Water"
/>
@@ -55,98 +47,62 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Awaken Your Inner Calm with Blue Lotus"
description="Experience purity through our sacredly infused water, designed to align your mind, body, and spirit with the ancient calm of the Blue Lotus flower."
kpis={[
{
value: "100%",
label: "Naturally Sourced",
},
value: "100%", label: "Naturally Sourced"},
{
value: "24h",
label: "Mindful Hydration",
},
value: "24h", label: "Mindful Hydration"},
{
value: "15k",
label: "Spiritual Seekers",
},
value: "15k", label: "Spiritual Seekers"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Explore Rituals",
href: "#products",
},
text: "Explore Rituals", href: "#products"},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-floral-spring-wallpaper_23-2150725275.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/purple-lotus-flower-water_417767-13.jpg",
alt: "Lotus reflection",
},
src: "http://img.b2bpic.net/free-photo/purple-lotus-flower-water_417767-13.jpg", alt: "Lotus reflection"},
{
src: "http://img.b2bpic.net/free-photo/pink-flower-with-water-drops-dark-blue-wall_176420-8816.jpg",
alt: "Pink lotus",
},
src: "http://img.b2bpic.net/free-photo/pink-flower-with-water-drops-dark-blue-wall_176420-8816.jpg", alt: "Pink lotus"},
{
src: "http://img.b2bpic.net/free-photo/blooming-water-lily-closeup_23-2148245164.jpg",
alt: "Blooming water lily",
},
src: "http://img.b2bpic.net/free-photo/blooming-water-lily-closeup_23-2148245164.jpg", alt: "Blooming water lily"},
{
src: "http://img.b2bpic.net/free-photo/closeup-white-sacred-lotus-lake-sunlight-with-blurry-background_181624-6668.jpg",
alt: "Sacred lotus",
},
src: "http://img.b2bpic.net/free-photo/closeup-white-sacred-lotus-lake-sunlight-with-blurry-background_181624-6668.jpg", alt: "Sacred lotus"},
{
src: "http://img.b2bpic.net/free-photo/realistic-water-drop-with-ecosystem-world-water-day_23-2151196309.jpg",
alt: "Water ecosystem",
},
src: "http://img.b2bpic.net/free-photo/realistic-water-drop-with-ecosystem-world-water-day_23-2151196309.jpg", alt: "Water ecosystem"},
]}
avatarText="Trusted by 15k+ seekers"
marqueeItems={[
{
type: "text",
text: "Purely Sourced",
},
type: "text", text: "Purely Sourced"},
{
type: "text",
text: "Eco-Conscious",
},
type: "text", text: "Eco-Conscious"},
{
type: "text",
text: "Spiritually Infused",
},
type: "text", text: "Spiritually Infused"},
{
type: "text",
text: "Ethical Rituals",
},
type: "text", text: "Ethical Rituals"},
{
type: "text",
text: "Mindful Living",
},
type: "text", text: "Mindful Living"},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
useInvertedBackground={true}
heading={[
{
type: "text",
content: "The Essence of ",
},
type: "text", content: "The Essence of "},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/top-view-dyed-eggs-easter-with-lavender-plant_23-2148435179.jpg",
alt: "Blue Lotus",
},
type: "image", src: "http://img.b2bpic.net/free-photo/top-view-dyed-eggs-easter-with-lavender-plant_23-2148435179.jpg", alt: "Blue Lotus"},
{
type: "text",
content: " Ancient Purity",
},
type: "text", content: " Ancient Purity"},
]}
/>
</div>
@@ -155,32 +111,20 @@ export default function LandingPage() {
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
useInvertedBackground={true}
features={[
{
id: "f1",
title: "Sacred Sourcing",
descriptions: [
"Purity in every drop from sustainable springs.",
],
imageSrc: "http://img.b2bpic.net/free-photo/oriental-flora-relax-pond-calm_1323-85.jpg",
},
id: "f1", title: "Sacred Sourcing", descriptions: [
"Purity in every drop from sustainable springs."],
imageSrc: "http://img.b2bpic.net/free-photo/oriental-flora-relax-pond-calm_1323-85.jpg"},
{
id: "f2",
title: "Calming Ritual",
descriptions: [
"Enhance your daily meditation practice.",
],
imageSrc: "http://img.b2bpic.net/free-photo/spring-wallpaper-with-blue-flower_23-2149446739.jpg",
},
id: "f2", title: "Calming Ritual", descriptions: [
"Enhance your daily meditation practice."],
imageSrc: "http://img.b2bpic.net/free-photo/spring-wallpaper-with-blue-flower_23-2149446739.jpg"},
{
id: "f3",
title: "Mindful Design",
descriptions: [
"Ergonomic and sustainably built.",
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-sustainable-recipients-food_23-2149015860.jpg",
},
id: "f3", title: "Mindful Design", descriptions: [
"Ergonomic and sustainably built."],
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-sustainable-recipients-food_23-2149015860.jpg"},
]}
title="Designed for Meditation"
description="Every element of Blue Lotus Water is crafted to enhance your spiritual journey."
@@ -192,50 +136,20 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Lotus Essence Bottle",
price: "$29",
variant: "Glass",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-blue-bath-salt-copy-space_23-2148296002.jpg",
},
id: "p1", name: "Lotus Essence Bottle", price: "$29", variant: "Glass", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-blue-bath-salt-copy-space_23-2148296002.jpg"},
{
id: "p2",
name: "Morning Ritual Flask",
price: "$34",
variant: "Steel",
imageSrc: "http://img.b2bpic.net/free-photo/blue-cocktail-with-lemon-slices-blue-plate_114579-52714.jpg",
},
id: "p2", name: "Morning Ritual Flask", price: "$34", variant: "Steel", imageSrc: "http://img.b2bpic.net/free-photo/blue-cocktail-with-lemon-slices-blue-plate_114579-52714.jpg"},
{
id: "p3",
name: "Deep Calm Container",
price: "$39",
variant: "Glass",
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-flower-with-raised-bed_23-2150858621.jpg",
},
id: "p3", name: "Deep Calm Container", price: "$39", variant: "Glass", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-flower-with-raised-bed_23-2150858621.jpg"},
{
id: "p4",
name: "Ancient Flow Bottle",
price: "$45",
variant: "Ceramic",
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669154.jpg",
},
id: "p4", name: "Ancient Flow Bottle", price: "$45", variant: "Ceramic", imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669154.jpg"},
{
id: "p5",
name: "Spiritual Purity Flask",
price: "$49",
variant: "Ceramic",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-pouring-water_23-2150154524.jpg",
},
id: "p5", name: "Spiritual Purity Flask", price: "$49", variant: "Ceramic", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-pouring-water_23-2150154524.jpg"},
{
id: "p6",
name: "Lotus Bloom Bottle",
price: "$52",
variant: "Crystal",
imageSrc: "http://img.b2bpic.net/free-photo/shampoo-bottle-butterfly-pea-flower-put-white-marble-background_1150-28098.jpg",
},
id: "p6", name: "Lotus Bloom Bottle", price: "$52", variant: "Crystal", imageSrc: "http://img.b2bpic.net/free-photo/shampoo-bottle-butterfly-pea-flower-put-white-marble-background_1150-28098.jpg"},
]}
title="Sacred Hydration"
description="Choose your ritual bottle."
@@ -247,23 +161,14 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "15k+",
description: "Global Rituals",
},
id: "m1", value: "15k+", description: "Global Rituals"},
{
id: "m2",
value: "50+",
description: "Retreat Centers",
},
id: "m2", value: "50+", description: "Retreat Centers"},
{
id: "m3",
value: "98%",
description: "User Satisfaction",
},
id: "m3", value: "98%", description: "User Satisfaction"},
]}
title="Growth of Calm"
description="Our community is expanding globally."
@@ -275,48 +180,23 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Miller",
role: "Yogi",
company: "ZenLife",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-smiling-woman-with-patches-with-glass-water-look-camera_197531-32427.jpg",
},
id: "t1", name: "Sarah Miller", role: "Yogi", company: "ZenLife", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-smiling-woman-with-patches-with-glass-water-look-camera_197531-32427.jpg"},
{
id: "t2",
name: "David Chan",
role: "Teacher",
company: "InnerPeace",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-practicing-garudasana_1385-231.jpg",
},
id: "t2", name: "David Chan", role: "Teacher", company: "InnerPeace", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-practicing-garudasana_1385-231.jpg"},
{
id: "t3",
name: "Emily Rose",
role: "Designer",
company: "StudioA",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-wireless-speaker-listening-music-isolated-blue_285396-10091.jpg",
},
id: "t3", name: "Emily Rose", role: "Designer", company: "StudioA", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-wireless-speaker-listening-music-isolated-blue_285396-10091.jpg"},
{
id: "t4",
name: "Marcus V.",
role: "Coach",
company: "Vitality",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
},
id: "t4", name: "Marcus V.", role: "Coach", company: "Vitality", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg"},
{
id: "t5",
name: "Elena P.",
role: "Therapist",
company: "Healing",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-doing-yoga_23-2148935682.jpg",
},
id: "t5", name: "Elena P.", role: "Therapist", company: "Healing", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-doing-yoga_23-2148935682.jpg"},
]}
title="Voices of Peace"
description="Hear how Blue Lotus has transformed daily routines."
@@ -326,23 +206,14 @@ export default function LandingPage() {
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Is it safe for daily use?",
content: "Yes, our water is sourced naturally and safe.",
},
id: "q1", title: "Is it safe for daily use?", content: "Yes, our water is sourced naturally and safe."},
{
id: "q2",
title: "How is it infused?",
content: "Through a proprietary 48-hour gentle process.",
},
id: "q2", title: "How is it infused?", content: "Through a proprietary 48-hour gentle process."},
{
id: "q3",
title: "Can I reuse the bottle?",
content: "Our bottles are built for lifetime use.",
},
id: "q3", title: "Can I reuse the bottle?", content: "Our bottles are built for lifetime use."},
]}
title="Frequently Asked"
description="Common questions about our rituals."
@@ -352,18 +223,15 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Get in touch"
title="Begin Your Ritual"
description="Connect with us for partnerships or inquiries."
buttons={[
{
text: "Contact Us",
href: "#",
},
text: "Contact Us", href: "#"},
]}
/>
</div>
@@ -373,29 +241,19 @@ export default function LandingPage() {
logoText="Blue Lotus Water"
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{
label: "Rituals",
href: "#products",
},
label: "Rituals", href: "#products"},
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
]}
@@ -404,4 +262,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}