Merge version_1 into main #1
301
src/app/page.tsx
301
src/app/page.tsx
@@ -19,27 +19,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Collections",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Sustainability",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "Collections", id: "#products" },
|
||||
{ name: "Our Story", id: "#about" },
|
||||
{ name: "Sustainability", id: "#features" },
|
||||
{ name: "Support", id: "#faq" },
|
||||
]}
|
||||
brandName="iAqua"
|
||||
/>
|
||||
@@ -48,104 +43,32 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
background={{ variant: "downward-rays-static" }}
|
||||
title="Hydration Reimagined by Apple"
|
||||
description="Thoughtfully designed bottles. Pure, pristine water. Three sizes for every moment of your day."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivers",
|
||||
handle: "@arivers",
|
||||
testimonial: "The design is perfection. It feels like an extension of my Apple ecosystem.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jamie Lin",
|
||||
handle: "@jlin",
|
||||
testimonial: "Finally, a water bottle that respects my space and aesthetic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-woman-girl-model-with-nude-makeup-colorful-summer-pink-hipster-clothes-posing-near-wall-have-idea_158538-8811.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Chen",
|
||||
handle: "@sarahc",
|
||||
testimonial: "Sustainability never looked this refined. I use the 500ml daily.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263175.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus V.",
|
||||
handle: "@mvdesigns",
|
||||
testimonial: "Pure simplicity. Every detail from the cap to the bottle is intentional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-studio_23-2149411430.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@elena",
|
||||
testimonial: "I love the different sizes for my workspace and gym sessions.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-living-countryside_23-2150642346.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collections",
|
||||
href: "#products",
|
||||
},
|
||||
{ name: "Alex Rivers", handle: "@arivers", testimonial: "The design is perfection. It feels like an extension of my Apple ecosystem.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg" },
|
||||
{ name: "Jamie Lin", handle: "@jlin", testimonial: "Finally, a water bottle that respects my space and aesthetic.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-woman-girl-model-with-nude-makeup-colorful-summer-pink-hipster-clothes-posing-near-wall-have-idea_158538-8811.jpg" },
|
||||
{ name: "Sarah Chen", handle: "@sarahc", testimonial: "Sustainability never looked this refined. I use the 500ml daily.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263175.jpg" },
|
||||
{ name: "Marcus V.", handle: "@mvdesigns", testimonial: "Pure simplicity. Every detail from the cap to the bottle is intentional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-studio_23-2149411430.jpg" },
|
||||
{ name: "Elena R.", handle: "@elena", testimonial: "I love the different sizes for my workspace and gym sessions.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-living-countryside_23-2150642346.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Explore Collections", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-elegant-beer-bottle-dark-background_23-2148356702.jpg"
|
||||
imageAlt="minimalist premium water bottle studio photography"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plastic-bottle-plastic-bag_23-2148393476.jpg",
|
||||
alt: "Plastic bottle in plastic bag",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vase-with-dry-leaves-dark-background_23-2148207061.jpg",
|
||||
alt: "Vase with dry leaves on dark background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-mezcal-beverage-composition_23-2148993612.jpg",
|
||||
alt: "Delicious mezcal beverage composition",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cognac-oval-bottle_176474-6055.jpg",
|
||||
alt: "Cognac in oval bottle",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-artist-holding-painbrush-posing_171337-14471.jpg",
|
||||
alt: "Portrait of a smiling woman artist holding painbrush and posing",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/plastic-bottle-plastic-bag_23-2148393476.jpg", alt: "Plastic bottle in plastic bag" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/vase-with-dry-leaves-dark-background_23-2148207061.jpg", alt: "Vase with dry leaves on dark background" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/delicious-mezcal-beverage-composition_23-2148993612.jpg", alt: "Delicious mezcal beverage composition" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cognac-oval-bottle_176474-6055.jpg", alt: "Cognac in oval bottle" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-artist-holding-painbrush-posing_171337-14471.jpg", alt: "Portrait of a smiling woman artist holding painbrush and posing" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Glass",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Sustainable Design",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Pristine Filtration",
|
||||
icon: Droplets,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Minimalist Aesthetic",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Refined Ergonomics",
|
||||
icon: Circle,
|
||||
},
|
||||
{ type: "text-icon", text: "Premium Glass", icon: Shield },
|
||||
{ type: "text-icon", text: "Sustainable Design", icon: Leaf },
|
||||
{ type: "text-icon", text: "Pristine Filtration", icon: Droplets },
|
||||
{ type: "text-icon", text: "Minimalist Aesthetic", icon: Sparkles },
|
||||
{ type: "text-icon", text: "Refined Ergonomics", icon: Circle },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -154,19 +77,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Designed for ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/transparent-medical-ampoule-marble-table_114579-22203.jpg",
|
||||
alt: "luxury water bottle material texture",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " a better day.",
|
||||
},
|
||||
{ type: "text", content: "Designed for " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/transparent-medical-ampoule-marble-table_114579-22203.jpg", alt: "luxury water bottle material texture" },
|
||||
{ type: "text", content: " a better day." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -174,21 +87,10 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No BPA chemicals",
|
||||
"No wasteful plastics",
|
||||
"No excess materials",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"100% Recyclable glass",
|
||||
"Carbon-neutral production",
|
||||
"Pure natural filtration",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["No BPA chemicals", "No wasteful plastics", "No excess materials"] }}
|
||||
positiveCard={{ items: ["100% Recyclable glass", "Carbon-neutral production", "Pure natural filtration"] }}
|
||||
title="Why iAqua Matters"
|
||||
description="True minimalism is the absence of unnecessary details, leaving only what is essential for performance."
|
||||
/>
|
||||
@@ -201,42 +103,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "iAqua 250ml",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mug-floating-water_23-2151013955.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "iAqua 500ml",
|
||||
price: "$18.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-soft-drink_23-2152029199.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "iAqua 1000ml",
|
||||
price: "$25.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aluminum-bottle-packaging-liquids_23-2150821008.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "iAqua Limited Edition",
|
||||
price: "$45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-medical-bottle_187299-45967.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "iAqua Travel Set",
|
||||
price: "$60.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-aesthetic-cosmetic-product-with-fresh-background_23-2151382913.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "iAqua Office Edition",
|
||||
price: "$30.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646453.jpg",
|
||||
},
|
||||
{ id: "p1", name: "iAqua 250ml", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mug-floating-water_23-2151013955.jpg" },
|
||||
{ id: "p2", name: "iAqua 500ml", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-soft-drink_23-2152029199.jpg" },
|
||||
{ id: "p3", name: "iAqua 1000ml", price: "$25.00", imageSrc: "http://img.b2bpic.net/free-photo/aluminum-bottle-packaging-liquids_23-2150821008.jpg" },
|
||||
{ id: "p4", name: "iAqua Limited Edition", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/glass-medical-bottle_187299-45967.jpg" },
|
||||
{ id: "p5", name: "iAqua Travel Set", price: "$60.00", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-aesthetic-cosmetic-product-with-fresh-background_23-2151382913.jpg" },
|
||||
{ id: "p6", name: "iAqua Office Edition", price: "$30.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646453.jpg" },
|
||||
]}
|
||||
title="Explore Our Collections"
|
||||
description="Choose the perfect size for your rhythm."
|
||||
@@ -250,26 +122,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Marcus V. — Architect"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-beautiful-woman-years-old-wearing-corporate-clothing-looking-happy_1258-194086.jpg",
|
||||
alt: "professional portrait minimalist",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
|
||||
alt: "creative designer portrait minimalist",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/strong-fit-female-athlete-standing-sprotswear-hold-hands-waist-smiling-confident-workout-gym-concept-training-sport-white-background_176420-49169.jpg",
|
||||
alt: "wellness lifestyle headshot minimalist",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-adult-woman-posing-with-eco-friendly-bike_23-2148731243.jpg",
|
||||
alt: "urban architect portrait clean",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/older-woman-enjoying-her-time-beach_23-2148992203.jpg",
|
||||
alt: "peaceful lifestyle portrait minimalist",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-beautiful-woman-years-old-wearing-corporate-clothing-looking-happy_1258-194086.jpg", alt: "professional portrait minimalist" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg", alt: "creative designer portrait minimalist" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/strong-fit-female-athlete-standing-sprotswear-hold-hands-waist-smiling-confident-workout-gym-concept-training-sport-white-background_176420-49169.jpg", alt: "wellness lifestyle headshot minimalist" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-adult-woman-posing-with-eco-friendly-bike_23-2148731243.jpg", alt: "urban architect portrait clean" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/older-woman-enjoying-her-time-beach_23-2148992203.jpg", alt: "peaceful lifestyle portrait minimalist" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -281,21 +138,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How is iAqua sustainable?",
|
||||
content: "Our bottles are made from recycled glass and are 100% recyclable, reflecting our commitment to the planet.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is the water purified?",
|
||||
content: "We use a proprietary multi-stage filtration process for pristine quality in every drop.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you ship worldwide?",
|
||||
content: "We are currently expanding availability. Please check the checkout page for regional availability.",
|
||||
},
|
||||
{ id: "q1", title: "How is iAqua sustainable?", content: "Our bottles are made from recycled glass and are 100% recyclable, reflecting our commitment to the planet." },
|
||||
{ id: "q2", title: "Is the water purified?", content: "We use a proprietary multi-stage filtration process for pristine quality in every drop." },
|
||||
{ id: "q3", title: "Do you ship worldwide?", content: "We are currently expanding availability. Please check the checkout page for regional availability." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get answers about hydration, sustainability, and our process."
|
||||
@@ -306,9 +151,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Join our journey toward a more conscious lifestyle. Get updates from iAqua."
|
||||
/>
|
||||
</div>
|
||||
@@ -316,49 +159,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "iAqua",
|
||||
items: [
|
||||
{
|
||||
label: "About Apple",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
{
|
||||
label: "250ml",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "500ml",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "1000ml",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "iAqua", items: [{ label: "About Apple", href: "#" }, { label: "Sustainability", href: "#" }] },
|
||||
{ title: "Products", items: [{ label: "250ml", href: "#" }, { label: "500ml", href: "#" }, { label: "1000ml", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Apple Inc. All rights reserved."
|
||||
bottomRightText="iAqua — A New Way to Hydrate"
|
||||
|
||||
Reference in New Issue
Block a user