Merge version_1 into main #1
237
src/app/page.tsx
237
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Brands",
|
||||
id: "brands",
|
||||
},
|
||||
name: "Brands", id: "brands"},
|
||||
{
|
||||
name: "Purity",
|
||||
id: "purity",
|
||||
},
|
||||
name: "Purity", id: "purity"},
|
||||
{
|
||||
name: "Quiz",
|
||||
id: "quiz",
|
||||
},
|
||||
name: "Quiz", id: "quiz"},
|
||||
{
|
||||
name: "Portal",
|
||||
id: "portal",
|
||||
},
|
||||
name: "Portal", id: "portal"},
|
||||
]}
|
||||
brandName="Ideal Waters"
|
||||
/>
|
||||
@@ -55,56 +47,35 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Pure Identity, Ideal Choice"
|
||||
description="Experience the definition of refreshment through our curated selection of the world's most pristine waters."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/small-object-falling-into-water_23-2147828386.jpg"
|
||||
imageAlt="Premium water splash"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excellent-idea-nice-job-portrait-supportive-delighted-happy-charming-female-friend-showing-th_1258-143019.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/excellent-idea-nice-job-portrait-supportive-delighted-happy-charming-female-friend-showing-th_1258-143019.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-beautiful-woman-isolated_273609-34839.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-beautiful-woman-isolated_273609-34839.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-girl-is-pointing-her-smile-with-forefinger-white-background_176474-117520.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-girl-is-pointing-her-smile-with-forefinger-white-background_176474-117520.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excited-amazed-young-man-showing-thumbs-up-with-impressed-expression-standing-white-background_1258-105472.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/excited-amazed-young-man-showing-thumbs-up-with-impressed-expression-standing-white-background_1258-105472.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/splashing-bright-liquid-black-backdrop_23-2147837305.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/splashing-bright-liquid-black-backdrop_23-2147837305.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Join 50k+ hydration enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "PH Balanced",
|
||||
},
|
||||
type: "text", text: "PH Balanced"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Glacial Source",
|
||||
},
|
||||
type: "text", text: "Glacial Source"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly",
|
||||
},
|
||||
type: "text", text: "Eco-Friendly"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Award Winning",
|
||||
},
|
||||
type: "text", text: "Award Winning"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pure Mineral",
|
||||
},
|
||||
type: "text", text: "Pure Mineral"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,9 +85,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Philosophy"
|
||||
description={[
|
||||
"At Ideal Waters, we believe purity is not just a standard; it's a sensory experience.",
|
||||
"Every drop in our collection is sourced from the most protected geological origins, delivering unmatched taste.",
|
||||
]}
|
||||
"At Ideal Waters, we believe purity is not just a standard; it's a sensory experience.", "Every drop in our collection is sourced from the most protected geological origins, delivering unmatched taste."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -127,23 +96,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Mineral Content",
|
||||
description: "Analyzing total dissolved solids (TDS) for premium quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-two-limes-plate-with-clear-glass_23-2148893589.jpg",
|
||||
imageAlt: "Purity analysis",
|
||||
},
|
||||
title: "Mineral Content", description: "Analyzing total dissolved solids (TDS) for premium quality.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-two-limes-plate-with-clear-glass_23-2148893589.jpg", imageAlt: "Purity analysis"},
|
||||
{
|
||||
title: "pH Balance",
|
||||
description: "Perfectly balanced alkaline water for daily hydration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-cocktail-beverage-glass-with-abstract-neo-futuristic-set_23-2150938363.jpg",
|
||||
imageAlt: "pH testing",
|
||||
},
|
||||
title: "pH Balance", description: "Perfectly balanced alkaline water for daily hydration.", imageSrc: "http://img.b2bpic.net/free-photo/view-cocktail-beverage-glass-with-abstract-neo-futuristic-set_23-2150938363.jpg", imageAlt: "pH testing"},
|
||||
{
|
||||
title: "Source Origin",
|
||||
description: "Sourced from protected glacier reserves worldwide.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-unrecognizable-woman-dressed-sportswear-holds-sporty-bottle-fresh-water-wears-smartwatch-feels-thirsty-after-cardio-training-stands-outdoors-against-blurred-background_273609-59134.jpg",
|
||||
imageAlt: "Glacier source",
|
||||
},
|
||||
title: "Source Origin", description: "Sourced from protected glacier reserves worldwide.", imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-unrecognizable-woman-dressed-sportswear-holds-sporty-bottle-fresh-water-wears-smartwatch-feels-thirsty-after-cardio-training-stands-outdoors-against-blurred-background_273609-59134.jpg", imageAlt: "Glacier source"},
|
||||
]}
|
||||
title="Water Purity Comparison"
|
||||
description="Understanding the mineral content of your hydration."
|
||||
@@ -154,62 +111,27 @@ export default function LandingPage() {
|
||||
<ProductCardTwo
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "w1",
|
||||
brand: "GlacierSource",
|
||||
name: "Artisan Water",
|
||||
price: "$12.00",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176108.jpg",
|
||||
},
|
||||
id: "w1", brand: "GlacierSource", name: "Artisan Water", price: "$12.00", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176108.jpg"},
|
||||
{
|
||||
id: "w2",
|
||||
brand: "AzureFlow",
|
||||
name: "Natural Spring",
|
||||
price: "$9.00",
|
||||
rating: 4,
|
||||
reviewCount: "890",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sotol-drink-still-life_23-2151057959.jpg",
|
||||
},
|
||||
id: "w2", brand: "AzureFlow", name: "Natural Spring", price: "$9.00", rating: 4,
|
||||
reviewCount: "890", imageSrc: "http://img.b2bpic.net/free-photo/sotol-drink-still-life_23-2151057959.jpg"},
|
||||
{
|
||||
id: "w3",
|
||||
brand: "PurePeaks",
|
||||
name: "Mountain Mineral",
|
||||
price: "$15.00",
|
||||
rating: 5,
|
||||
reviewCount: "2.1k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-abstract-water-shape-light-background-with-copy-space_23-2148469518.jpg",
|
||||
},
|
||||
id: "w3", brand: "PurePeaks", name: "Mountain Mineral", price: "$15.00", rating: 5,
|
||||
reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/close-up-abstract-water-shape-light-background-with-copy-space_23-2148469518.jpg"},
|
||||
{
|
||||
id: "w4",
|
||||
brand: "VelvetFlow",
|
||||
name: "Alkaline Blend",
|
||||
price: "$11.00",
|
||||
rating: 4,
|
||||
reviewCount: "450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-cup_23-2149860554.jpg",
|
||||
},
|
||||
id: "w4", brand: "VelvetFlow", name: "Alkaline Blend", price: "$11.00", rating: 4,
|
||||
reviewCount: "450", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-cup_23-2149860554.jpg"},
|
||||
{
|
||||
id: "w5",
|
||||
brand: "CrystalEcho",
|
||||
name: "Infused Mist",
|
||||
price: "$18.00",
|
||||
rating: 5,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sotol-drink-still-life_23-2151057972.jpg",
|
||||
},
|
||||
id: "w5", brand: "CrystalEcho", name: "Infused Mist", price: "$18.00", rating: 5,
|
||||
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/sotol-drink-still-life_23-2151057972.jpg"},
|
||||
{
|
||||
id: "w6",
|
||||
brand: "DeepAqua",
|
||||
name: "Ocean Essence",
|
||||
price: "$22.00",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beach-skincare-product-still-life_23-2150167936.jpg",
|
||||
},
|
||||
id: "w6", brand: "DeepAqua", name: "Ocean Essence", price: "$22.00", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/beach-skincare-product-still-life_23-2150167936.jpg"},
|
||||
]}
|
||||
title="Premium Water Brands"
|
||||
description="Curated selections for the discerning palate."
|
||||
@@ -224,20 +146,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M",
|
||||
description: "Total Ad Impressions",
|
||||
},
|
||||
id: "m1", value: "1.2M", description: "Total Ad Impressions"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45k",
|
||||
description: "Click-Through Rate",
|
||||
},
|
||||
id: "m2", value: "45k", description: "Click-Through Rate"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Engagement Quality",
|
||||
},
|
||||
id: "m3", value: "98%", description: "Engagement Quality"},
|
||||
]}
|
||||
title="Partner Portal Performance"
|
||||
description="Track your advertisement reach and audience engagement metrics in real-time."
|
||||
@@ -252,25 +165,15 @@ export default function LandingPage() {
|
||||
author="Marcus Thorne, Luxury Beverage Analyst"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-woman-wearing-all-black-clothes_273609-9812.jpg",
|
||||
alt: "Marcus Thorne",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-woman-wearing-all-black-clothes_273609-9812.jpg", alt: "Marcus Thorne"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excellent-idea-nice-job-portrait-supportive-delighted-happy-charming-female-friend-showing-th_1258-143019.jpg",
|
||||
alt: "Reviewer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/excellent-idea-nice-job-portrait-supportive-delighted-happy-charming-female-friend-showing-th_1258-143019.jpg", alt: "Reviewer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-beautiful-woman-isolated_273609-34839.jpg",
|
||||
alt: "Reviewer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-beautiful-woman-isolated_273609-34839.jpg", alt: "Reviewer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-girl-is-pointing-her-smile-with-forefinger-white-background_176474-117520.jpg",
|
||||
alt: "Reviewer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-girl-is-pointing-her-smile-with-forefinger-white-background_176474-117520.jpg", alt: "Reviewer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excited-amazed-young-man-showing-thumbs-up-with-impressed-expression-standing-white-background_1258-105472.jpg",
|
||||
alt: "Reviewer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/excited-amazed-young-man-showing-thumbs-up-with-impressed-expression-standing-white-background_1258-105472.jpg", alt: "Reviewer 5"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -283,20 +186,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is the quiz process?",
|
||||
content: "Our interactive quiz assesses your preferences for mineral density, pH levels, and source region.",
|
||||
},
|
||||
id: "q1", title: "What is the quiz process?", content: "Our interactive quiz assesses your preferences for mineral density, pH levels, and source region."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I save my results?",
|
||||
content: "Yes, create a profile to keep track of your favorite recommendations.",
|
||||
},
|
||||
id: "q2", title: "Can I save my results?", content: "Yes, create a profile to keep track of your favorite recommendations."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are there subscription options?",
|
||||
content: "We offer monthly deliveries of your top-rated selections.",
|
||||
},
|
||||
id: "q3", title: "Are there subscription options?", content: "We offer monthly deliveries of your top-rated selections."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-fluid-shapes-painting_23-2151889673.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -308,10 +202,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Exclusive"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Join Our Exclusive Network"
|
||||
description="Subscribe for curated insights, premium beverage launches, and exclusive partner opportunities."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-desk-concept-with-copy-space_23-2148459730.jpg"
|
||||
@@ -324,50 +218,31 @@ export default function LandingPage() {
|
||||
logoText="Ideal Waters"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Purity Analysis",
|
||||
href: "#purity",
|
||||
},
|
||||
label: "Purity Analysis", href: "#purity"},
|
||||
{
|
||||
label: "Brands",
|
||||
href: "#brands",
|
||||
},
|
||||
label: "Brands", href: "#brands"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Partners",
|
||||
items: [
|
||||
title: "Partners", items: [
|
||||
{
|
||||
label: "Advertiser Portal",
|
||||
href: "#portal",
|
||||
},
|
||||
label: "Advertiser Portal", href: "#portal"},
|
||||
{
|
||||
label: "Guidelines",
|
||||
href: "#",
|
||||
},
|
||||
label: "Guidelines", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user