Merge version_2 into main #2
162
src/app/page.tsx
162
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
]}
|
||||
brandName="Mermaids by the Bay"
|
||||
/>
|
||||
@@ -52,20 +44,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Radiance in Every Drop."
|
||||
description="Experience the perfect blend of natural fruit infusion and pure hydration. Mermaids by the Bay is designed to rejuvenate your skin and refresh your soul."
|
||||
tag="PREMIUM INFUSED WATER"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVtb3whltWzC7nk7IGJgRZkxKt/a-premium-bottle-of-fruit-infused-water--1774586181957-cba8fd07.png?_wi=1",
|
||||
imageAlt: "Mermaids by the Bay Water",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVtb3whltWzC7nk7IGJgRZkxKt/a-premium-bottle-of-fruit-infused-water--1774586181957-cba8fd07.png?_wi=1", imageAlt: "Mermaids by the Bay Water"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVtb3whltWzC7nk7IGJgRZkxKt/a-premium-bottle-of-fruit-infused-water--1774586181957-cba8fd07.png?_wi=2",
|
||||
imageAlt: "Natural Infusion",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVtb3whltWzC7nk7IGJgRZkxKt/a-premium-bottle-of-fruit-infused-water--1774586181957-cba8fd07.png?_wi=2", imageAlt: "Natural Infusion"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -80,17 +67,11 @@ export default function LandingPage() {
|
||||
description="Our unique infusions harness the power of fresh, natural ingredients to deliver electrolytes and antioxidants right to your cells. Say goodbye to dull skin and hello to natural, beach-ready glow."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Natural Fruits",
|
||||
},
|
||||
value: "100%", title: "Natural Fruits"},
|
||||
{
|
||||
value: "24h",
|
||||
title: "Skin Hydration",
|
||||
},
|
||||
value: "24h", title: "Skin Hydration"},
|
||||
{
|
||||
value: "0",
|
||||
title: "Added Sugars",
|
||||
},
|
||||
value: "0", title: "Added Sugars"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVtb3whltWzC7nk7IGJgRZkxKt/fresh-ingredients-for-infused-water-slic-1774586181987-8ecd0b6b.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -105,38 +86,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Vibrant Berry Infusions",
|
||||
author: "Rich in Antioxidants",
|
||||
description: "Packed with wild berries that help protect and brighten your skin naturally.",
|
||||
tags: [
|
||||
"Antioxidants",
|
||||
"Glowing",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVtb3whltWzC7nk7IGJgRZkxKt/fresh-strawberries-vibrant-and-juicy-clo-1774586181785-cd68c6f7.png",
|
||||
},
|
||||
id: "1", title: "Vibrant Berry Infusions", author: "Rich in Antioxidants", description: "Packed with wild berries that help protect and brighten your skin naturally.", tags: [
|
||||
"Antioxidants", "Glowing"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVtb3whltWzC7nk7IGJgRZkxKt/fresh-strawberries-vibrant-and-juicy-clo-1774586181785-cd68c6f7.png"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Cooling Mint Extract",
|
||||
author: "Instant Refreshment",
|
||||
description: "Our signature mint infusion provides a crisp, cooling sensation that instantly wakes up your senses.",
|
||||
tags: [
|
||||
"Hydration",
|
||||
"Cooling",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVtb3whltWzC7nk7IGJgRZkxKt/refreshing-mint-leaves-with-water-drople-1774586183300-91cfc1a2.png",
|
||||
},
|
||||
id: "2", title: "Cooling Mint Extract", author: "Instant Refreshment", description: "Our signature mint infusion provides a crisp, cooling sensation that instantly wakes up your senses.", tags: [
|
||||
"Hydration", "Cooling"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVtb3whltWzC7nk7IGJgRZkxKt/refreshing-mint-leaves-with-water-drople-1774586183300-91cfc1a2.png"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Bright Citrus Blend",
|
||||
author: "Vitamin C Boost",
|
||||
description: "Lemon and lime slices provide a zesty punch of Vitamin C for collagen support and skin elasticity.",
|
||||
tags: [
|
||||
"Vitamin C",
|
||||
"Brightening",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVtb3whltWzC7nk7IGJgRZkxKt/sliced-lemon-and-lime-bright-yellow-and--1774586181461-8ed535ab.png",
|
||||
},
|
||||
id: "3", title: "Bright Citrus Blend", author: "Vitamin C Boost", description: "Lemon and lime slices provide a zesty punch of Vitamin C for collagen support and skin elasticity.", tags: [
|
||||
"Vitamin C", "Brightening"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVtb3whltWzC7nk7IGJgRZkxKt/sliced-lemon-and-lime-bright-yellow-and--1774586181461-8ed535ab.png"},
|
||||
]}
|
||||
title="Why Your Body Loves Mermaids."
|
||||
description="We don't just hydrate; we nourish. Each bottle is a symphony of nature’s best ingredients."
|
||||
@@ -151,26 +111,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Berry Glow",
|
||||
price: "$4.50",
|
||||
variant: "500ml",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVtb3whltWzC7nk7IGJgRZkxKt/premium-glass-bottle-of-berry-glow-water-1774586182303-98c8c68e.png",
|
||||
},
|
||||
id: "1", name: "Berry Glow", price: "$4.50", variant: "500ml", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVtb3whltWzC7nk7IGJgRZkxKt/premium-glass-bottle-of-berry-glow-water-1774586182303-98c8c68e.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Citrus Hydrate",
|
||||
price: "$4.50",
|
||||
variant: "500ml",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVtb3whltWzC7nk7IGJgRZkxKt/premium-glass-bottle-of-citrus-hydrate-w-1774586182085-a6af84ff.png",
|
||||
},
|
||||
id: "2", name: "Citrus Hydrate", price: "$4.50", variant: "500ml", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVtb3whltWzC7nk7IGJgRZkxKt/premium-glass-bottle-of-citrus-hydrate-w-1774586182085-a6af84ff.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Tropical Radiance",
|
||||
price: "$4.99",
|
||||
variant: "500ml",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVtb3whltWzC7nk7IGJgRZkxKt/premium-glass-bottle-of-tropical-radianc-1774586182270-b4db74f5.png",
|
||||
},
|
||||
id: "3", name: "Tropical Radiance", price: "$4.99", variant: "500ml", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVtb3whltWzC7nk7IGJgRZkxKt/premium-glass-bottle-of-tropical-radianc-1774586182270-b4db74f5.png"},
|
||||
]}
|
||||
title="Shop Our Glow Collection."
|
||||
description="Choose your infusion, embrace your natural radiance."
|
||||
@@ -180,26 +125,18 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Ever since I started drinking Mermaids by the Bay, my skin has never looked better. It's the highlight of my morning routine."
|
||||
testimonial="The hydration benefits are incredible! My skin looks noticeably plumper and dewier after just a week of drinking these. Truly a coastal skincare secret in a bottle."
|
||||
rating={5}
|
||||
author="Elena M., Skincare Enthusiast"
|
||||
author="Elena M., Hydration Advocate"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVtb3whltWzC7nk7IGJgRZkxKt/portrait-of-a-happy-customer-1774586182253-02394ee5.png",
|
||||
alt: "Elena",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVtb3whltWzC7nk7IGJgRZkxKt/portrait-of-a-happy-customer-1774586182253-02394ee5.png", alt: "Elena"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVtb3whltWzC7nk7IGJgRZkxKt/portrait-of-a-happy-customer-1774586181677-212fffa1.png",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVtb3whltWzC7nk7IGJgRZkxKt/portrait-of-a-happy-customer-1774586181677-212fffa1.png", alt: "Sarah"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVtb3whltWzC7nk7IGJgRZkxKt/portrait-of-a-happy-customer-1774586182802-63f6edac.png",
|
||||
alt: "Mike",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVtb3whltWzC7nk7IGJgRZkxKt/portrait-of-a-happy-customer-1774586182802-63f6edac.png", alt: "Mike"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVtb3whltWzC7nk7IGJgRZkxKt/portrait-of-a-happy-customer-1774586182231-26a7351e.png",
|
||||
alt: "Anna",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVtb3whltWzC7nk7IGJgRZkxKt/portrait-of-a-happy-customer-1774586182231-26a7351e.png", alt: "Anna"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -211,50 +148,31 @@ export default function LandingPage() {
|
||||
logoText="Mermaids by the Bay"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Berry Glow",
|
||||
href: "#",
|
||||
},
|
||||
label: "Berry Glow", href: "#"},
|
||||
{
|
||||
label: "Citrus Hydrate",
|
||||
href: "#",
|
||||
},
|
||||
label: "Citrus Hydrate", href: "#"},
|
||||
{
|
||||
label: "Tropical Radiance",
|
||||
href: "#",
|
||||
},
|
||||
label: "Tropical Radiance", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Store Locator",
|
||||
href: "#",
|
||||
},
|
||||
label: "Store Locator", 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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -264,4 +182,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user