bender/004a1f70-620e-45ef-9580-5ead0e0b41ed
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main

Browse Source 
Merge version_3 into main
This commit was merged in pull request #5.
This commit is contained in:
bender
2026-04-26 20:11:18 +00:00
parent 800625e1ad c4d35f26af
commit d7c01ea6ac
1 changed files with 139 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

278
src/app/page.tsx
View File

@@ -26,154 +26,154 @@ export default function LandingPage() {
secondaryButtonStyle="layered"
headingFontWeight="semibold"
>
<ReactLenis root options={{ lerp: 0.1, smoothWheel: true }}>
<div id="nav" data-section="nav" className="fixed w-full z-50 transition-all duration-700 ease-in-out">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "Our Water", id: "about" },
{ name: "Source", id: "source" },
{ name: "Sustainability", id: "sustainability" },
{ name: "Shop", id: "product" },
{ name: "Contact", id: "contact" },
]}
brandName="Maya Water"
/>
</div>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "Our Water", id: "about" },
{ name: "Source", id: "source" },
{ name: "Sustainability", id: "sustainability" },
{ name: "Shop", id: "product" },
{ name: "Contact", id: "contact" },
]}
brandName="Maya Water"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Pure Water. Elevated."
description="From untouched sources to your hands — hydration reimagined."
testimonials={[
{ name: "Sarah J.", handle: "@sarahathlete", testimonial: "The cleanest water I've ever tasted, feels like pure nature.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-sport-home_23-2148547302.jpg" },
{ name: "Mark D.", handle: "@markruns", testimonial: "My go-to hydration for recovery. Essential.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fit-sporty-student-girl-shorts-sports-bra-standing-with-crossed-arms-while-leaning-bouldering-wall-gym_613910-18961.jpg" },
{ name: "Elena K.", handle: "@elena_yoga", testimonial: "The purity is unmatched, perfect for yoga.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-model-black-coat-walks-chairs-studio_8353-5479.jpg" },
{ name: "David W.", handle: "@dave_cycles", testimonial: "Hydration that supports my daily cycle.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-mature-lady-sitting-chair_23-2148275130.jpg" },
{ name: "Chloe T.", handle: "@chloe_studio", testimonial: "Elevated branding, premium taste.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317783.jpg" },
]}
buttons={[
{ text: "Explore the Source", href: "#source" },
{ text: "Shop Now", href: "#product" },
]}
imageSrc="http://img.b2bpic.net/free-photo/sporty-woman-with-plastic-bottle-beach_23-2147803074.jpg?_wi=1"
imageAlt="Maya Water Bottle"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/front-view-young-female-excited-pink_179666-2073.jpg", alt: "User 1" },
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-fitness-woman-with-towel-resting_171337-6261.jpg", alt: "User 2" },
{ src: "http://img.b2bpic.net/free-photo/portrait-caucasian-woman-practicing-yoga-home_158595-5429.jpg", alt: "User 3" },
{ src: "http://img.b2bpic.net/free-photo/portrait-sportswoman-doing-workout-home-smiling-looking-camera_1258-189373.jpg", alt: "User 4" },
{ src: "http://img.b2bpic.net/free-photo/abstract-minimal-plant-vase_23-2148835344.jpg", alt: "User 5" },
]}
avatarText="Join 10,000+ daily hydrators"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Pure Water. Elevated."
description="From untouched sources to your hands — hydration reimagined."
testimonials={[
{ name: "Sarah J.", handle: "@sarahathlete", testimonial: "The cleanest water I've ever tasted, feels like pure nature.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-sport-home_23-2148547302.jpg" },
{ name: "Mark D.", handle: "@markruns", testimonial: "My go-to hydration for recovery. Essential.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fit-sporty-student-girl-shorts-sports-bra-standing-with-crossed-arms-while-leaning-bouldering-wall-gym_613910-18961.jpg" },
{ name: "Elena K.", handle: "@elena_yoga", testimonial: "The purity is unmatched, perfect for yoga.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-model-black-coat-walks-chairs-studio_8353-5479.jpg" },
{ name: "David W.", handle: "@dave_cycles", testimonial: "Hydration that supports my daily cycle.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-mature-lady-sitting-chair_23-2148275130.jpg" },
{ name: "Chloe T.", handle: "@chloe_studio", testimonial: "Elevated branding, premium taste.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317783.jpg" },
]}
buttons={[
{ text: "Explore the Source", href: "#source" },
{ text: "Shop Now", href: "#product" },
]}
imageSrc="http://img.b2bpic.net/free-photo/sporty-woman-with-plastic-bottle-beach_23-2147803074.jpg?_wi=1"
imageAlt="Maya Water Bottle"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/front-view-young-female-excited-pink_179666-2073.jpg", alt: "User 1" },
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-fitness-woman-with-towel-resting_171337-6261.jpg", alt: "User 2" },
{ src: "http://img.b2bpic.net/free-photo/portrait-caucasian-woman-practicing-yoga-home_158595-5429.jpg", alt: "User 3" },
{ src: "http://img.b2bpic.net/free-photo/portrait-sportswoman-doing-workout-home-smiling-looking-camera_1258-189373.jpg", alt: "User 4" },
{ src: "http://img.b2bpic.net/free-photo/abstract-minimal-plant-vase_23-2148835344.jpg", alt: "User 5" },
]}
avatarText="Join 10,000+ daily hydrators"
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{ type: "text", content: "Maya: Purity, Origin, and Mission." },
{ type: "image", src: "http://img.b2bpic.net/free-photo/closeup-shot-water-flowing-through-mossy-ground_181624-13028.jpg", alt: "Pure spring water" },
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{ type: "text", content: "Maya: Purity, Origin, and Mission." },
{ type: "image", src: "http://img.b2bpic.net/free-photo/closeup-shot-water-flowing-through-mossy-ground_181624-13028.jpg", alt: "Pure spring water" },
]}
/>
</div>
<div id="source" data-section="source">
<FeatureCardTwelve
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{ id: "s1", label: "Origin", title: "Mountain Springs", items: ["Deep underground source", "Natural filtration", "High-altitude purity"] },
{ id: "s2", label: "Mineralization", title: "Trace Minerals", items: ["Potassium rich", "Calcium essential", "Balanced pH level"] },
{ id: "s3", label: "Filtration", title: "Cold-Filtering", items: ["No chemical additives", "Pure mechanical process", "Nature's own pressure"] },
]}
title="The Source"
description="Untouched mountain springs filtered through ancient mineral earth."
/>
</div>
<div id="source" data-section="source">
<FeatureCardTwelve
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{ id: "s1", label: "Origin", title: "Mountain Springs", items: ["Deep underground source", "Natural filtration", "High-altitude purity"] },
{ id: "s2", label: "Mineralization", title: "Trace Minerals", items: ["Potassium rich", "Calcium essential", "Balanced pH level"] },
{ id: "s3", label: "Filtration", title: "Cold-Filtering", items: ["No chemical additives", "Pure mechanical process", "Nature's own pressure"] },
]}
title="The Source"
description="Untouched mountain springs filtered through ancient mineral earth."
/>
</div>
<div id="benefits" data-section="benefits">
<MetricCardEleven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "100%", title: "Pure Hydration", description: "No additives, just pure mineral energy.", imageSrc: "http://img.b2bpic.net/free-photo/postcard-with-water-drops-pink-background_1268-31388.jpg?_wi=1" },
{ id: "m2", value: "24/7", title: "Active Support", description: "Perfect for performance recovery.", imageSrc: "http://img.b2bpic.net/free-photo/green-liquid-falling-black-backdrop_23-2147837294.jpg" },
{ id: "m3", value: "Natural", title: "Mineral Balance", description: "Nature’s perfect electrolyte ratio.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-water_23-2149199548.jpg" },
]}
title="Hydration Elevated"
description="Fuel your active lifestyle with mineral-rich perfection."
/>
</div>
<div id="benefits" data-section="benefits">
<MetricCardEleven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "100%", title: "Pure Hydration", description: "No additives, just pure mineral energy.", imageSrc: "http://img.b2bpic.net/free-photo/postcard-with-water-drops-pink-background_1268-31388.jpg?_wi=1" },
{ id: "m2", value: "24/7", title: "Active Support", description: "Perfect for performance recovery.", imageSrc: "http://img.b2bpic.net/free-photo/green-liquid-falling-black-backdrop_23-2147837294.jpg" },
{ id: "m3", value: "Natural", title: "Mineral Balance", description: "Nature’s perfect electrolyte ratio.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-water_23-2149199548.jpg" },
]}
title="Hydration Elevated"
description="Fuel your active lifestyle with mineral-rich perfection."
/>
</div>
<div id="sustainability" data-section="sustainability">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: "text", content: "Our Commitment to Sustainability." },
{ type: "image", src: "http://img.b2bpic.net/free-photo/hands-showing-balloons-word_53876-21092.jpg", alt: "Eco packaging" },
]}
/>
</div>
<div id="sustainability" data-section="sustainability">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: "text", content: "Our Commitment to Sustainability." },
{ type: "image", src: "http://img.b2bpic.net/free-photo/hands-showing-balloons-word_53876-21092.jpg", alt: "Eco packaging" },
]}
/>
</div>
<div id="product" data-section="product">
<ProductCardTwo
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
useInvertedBackground={true}
products={[
{ id: "p1", brand: "Maya", name: "Spring Sport (500ml)", price: "$3.00", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/blue-liquid-bottle-with-green-cap_187299-46177.jpg" },
{ id: "p2", brand: "Maya", name: "Crystal Flow (1L)", price: "$5.00", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/blank-cosmetic-lotion-bottle_74190-5091.jpg" },
{ id: "p3", brand: "Maya", name: "Evergreen Pack (6x)", price: "$25.00", rating: 5, reviewCount: "420", imageSrc: "http://img.b2bpic.net/free-photo/still-life-daisy-flowers_23-2150321399.jpg" },
{ id: "p4", brand: "Maya", name: "Summit Series (1.5L)", price: "$7.00", rating: 5, reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/shadow-oil-bottle-with-olives-tea-strainer-white-backdrop_23-2147853863.jpg" },
{ id: "p5", brand: "Maya", name: "Infinite Refill", price: "$40.00", rating: 5, reviewCount: "310", imageSrc: "http://img.b2bpic.net/free-photo/nice-sealed-bottle-dairy_23-2147895710.jpg" },
{ id: "p6", brand: "Maya", name: "Eco-Glass Edition", price: "$12.00", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/thermal-bottle_1203-3566.jpg" },
]}
title="Our Collection"
description="Select your Maya experience."
/>
</div>
<div id="product" data-section="product">
<ProductCardTwo
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
useInvertedBackground={true}
products={[
{ id: "p1", brand: "Maya", name: "Spring Sport (500ml)", price: "$3.00", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/blue-liquid-bottle-with-green-cap_187299-46177.jpg", onProductClick: () => { window.location.href = '#checkout'; } },
{ id: "p2", brand: "Maya", name: "Crystal Flow (1L)", price: "$5.00", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/blank-cosmetic-lotion-bottle_74190-5091.jpg", onProductClick: () => { window.location.href = '#checkout'; } },
{ id: "p3", brand: "Maya", name: "Evergreen Pack (6x)", price: "$25.00", rating: 5, reviewCount: "420", imageSrc: "http://img.b2bpic.net/free-photo/still-life-daisy-flowers_23-2150321399.jpg", onProductClick: () => { window.location.href = '#checkout'; } },
{ id: "p4", brand: "Maya", name: "Summit Series (1.5L)", price: "$7.00", rating: 5, reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/shadow-oil-bottle-with-olives-tea-strainer-white-backdrop_23-2147853863.jpg", onProductClick: () => { window.location.href = '#checkout'; } },
{ id: "p5", brand: "Maya", name: "Infinite Refill", price: "$40.00", rating: 5, reviewCount: "310", imageSrc: "http://img.b2bpic.net/free-photo/nice-sealed-bottle-dairy_23-2147895710.jpg", onProductClick: () => { window.location.href = '#checkout'; } },
{ id: "p6", brand: "Maya", name: "Eco-Glass Edition", price: "$12.00", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/thermal-bottle_1203-3566.jpg", onProductClick: () => { window.location.href = '#checkout'; } },
]}
title="Our Collection"
description="Select your Maya experience."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Sarah J.", date: "Jan 2025", title: "Triathlete", quote: "Hydration reimagined. Pure and simple.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/young-girl-leaning-chin-hands-turquoise-t-shirt-pants-looking-satisfied-front-view_176474-106728.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-with-plastic-bottle-beach_23-2147803074.jpg?_wi=2", imageAlt: "healthy young athlete" },
{ id: "t2", name: "Mark D.", date: "Feb 2025", title: "Ultra Runner", quote: "Cleanest finish after any long race.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/thoughtful-man-doing-physical-exercises_1098-2727.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-water-flowing-through-mossy-ground_181624-13028.jpg", imageAlt: "healthy young athlete" },
{ id: "t3", name: "Elena K.", date: "Mar 2025", title: "Yoga Coach", quote: "Refreshingly pure experience.", tag: "Wellness", avatarSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885650.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-rainbow-countryside_23-2151625119.jpg", imageAlt: "healthy young athlete" },
{ id: "t4", name: "David W.", date: "Mar 2025", title: "Cyclist", quote: "Essential mineral content.", tag: "Athlete", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-female-athlete-stretching_23-2147839312.jpg", imageSrc: "http://img.b2bpic.net/free-photo/postcard-with-water-drops-pink-background_1268-31388.jpg?_wi=2", imageAlt: "healthy young athlete" },
{ id: "t5", name: "Chloe T.", date: "Apr 2025", title: "Creative", quote: "Everything about this brand is elevated.", tag: "Consumer", avatarSrc: "http://img.b2bpic.net/free-photo/background-with-flower-field-shadow-golden-hour_53876-104081.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hands-showing-balloons-word_53876-21092.jpg", imageAlt: "healthy young athlete" },
]}
title="Loved by Athletes"
description="See why top performers choose Maya."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Sarah J.", date: "Jan 2025", title: "Triathlete", quote: "Hydration reimagined. Pure and simple.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/young-girl-leaning-chin-hands-turquoise-t-shirt-pants-looking-satisfied-front-view_176474-106728.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-with-plastic-bottle-beach_23-2147803074.jpg?_wi=2", imageAlt: "healthy young athlete" },
{ id: "t2", name: "Mark D.", date: "Feb 2025", title: "Ultra Runner", quote: "Cleanest finish after any long race.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/thoughtful-man-doing-physical-exercises_1098-2727.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-water-flowing-through-mossy-ground_181624-13028.jpg", imageAlt: "healthy young athlete" },
{ id: "t3", name: "Elena K.", date: "Mar 2025", title: "Yoga Coach", quote: "Refreshingly pure experience.", tag: "Wellness", avatarSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885650.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-rainbow-countryside_23-2151625119.jpg", imageAlt: "healthy young athlete" },
{ id: "t4", name: "David W.", date: "Mar 2025", title: "Cyclist", quote: "Essential mineral content.", tag: "Athlete", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-female-athlete-stretching_23-2147839312.jpg", imageSrc: "http://img.b2bpic.net/free-photo/postcard-with-water-drops-pink-background_1268-31388.jpg?_wi=2", imageAlt: "healthy young athlete" },
{ id: "t5", name: "Chloe T.", date: "Apr 2025", title: "Creative", quote: "Everything about this brand is elevated.", tag: "Consumer", avatarSrc: "http://img.b2bpic.net/free-photo/background-with-flower-field-shadow-golden-hour_53876-104081.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hands-showing-balloons-word_53876-21092.jpg", imageAlt: "healthy young athlete" },
]}
title="Loved by Athletes"
description="See why top performers choose Maya."
/>
</div>
<div id="contact" data-section="contact" className="overflow-hidden translate-y-0 transition-transform duration-1000">
<ContactText
useInvertedBackground={true}
background={{ variant: "sparkles-gradient" }}
text="Join the Maya revolution. Sign up for our wellness news."
buttons={[{ text: "Newsletter Signup", href: "#" }]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{ variant: "sparkles-gradient" }}
text="Join the Maya revolution. Sign up for our wellness news."
buttons={[{ text: "Newsletter Signup", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer" className="parallax-footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/lake-with-shore-sunset_1259-179.jpg"
logoText="Maya Water"
columns={[
{ title: "Resources", items: [{ label: "About", href: "#about" }, { label: "Source", href: "#source" }] },
{ title: "Community", items: [{ label: "Sustainability", href: "#sustainability" }, { label: "Testimonials", href: "#testimonials" }] },
{ title: "Company", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/lake-with-shore-sunset_1259-179.jpg"
logoText="Maya Water"
columns={[
{ title: "Resources", items: [{ label: "About", href: "#about" }, { label: "Source", href: "#source" }] },
{ title: "Community", items: [{ label: "Sustainability", href: "#sustainability" }, { label: "Testimonials", href: "#testimonials" }] },
{ title: "Company", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);