Merge version_1 into main #2
199
src/app/page.tsx
199
src/app/page.tsx
@@ -29,52 +29,24 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Wellness",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Wellness", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
]}
|
||||
brandName="PowerOra"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Empower Your Wellness"
|
||||
description="Unlock your peak performance with premium fitness gear and wellness tools designed for your modern lifestyle. Discover the PowerOra difference."
|
||||
tag="New Arrivals"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/professional-fitness-model-performing-a--1774770593903-c7799a16.png",
|
||||
imageAlt: "Wellness lifestyle",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/close-up-of-healthy-lifestyle-accessorie-1774770595234-8f57d49c.png",
|
||||
imageAlt: "Fitness equipment",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/premium-wireless-fitness-earbuds-with-me-1774770594678-7547777a.png?_wi=1",
|
||||
imageAlt: "Premium earbuds",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/advanced-smartwatch-on-a-dark-velvet-sur-1774770593724-741ca2a8.png?_wi=1",
|
||||
imageAlt: "Advanced smartwatch",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/high-performance-resistance-bands-in-a-m-1774770593858-aeba69cd.png?_wi=1",
|
||||
imageAlt: "Resistance bands",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/professional-fitness-model-performing-a--1774770593903-c7799a16.png", imageAlt: "Wellness lifestyle" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/close-up-of-healthy-lifestyle-accessorie-1774770595234-8f57d49c.png", imageAlt: "Fitness equipment" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -89,36 +61,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Performance",
|
||||
title: "Elite Engineering",
|
||||
items: [
|
||||
"Durability tested",
|
||||
"Ergonomic design",
|
||||
"Advanced materials",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Wellness",
|
||||
title: "Holistic Approach",
|
||||
items: [
|
||||
"Focus on recovery",
|
||||
"Mental clarity tools",
|
||||
"Daily wellness habits",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Style",
|
||||
title: "Modern Aesthetic",
|
||||
items: [
|
||||
"Sleek minimalist look",
|
||||
"Premium color palettes",
|
||||
"Designed to inspire",
|
||||
],
|
||||
},
|
||||
{ id: "f1", label: "Performance", title: "Elite Engineering", items: ["Durability tested", "Ergonomic design", "Advanced materials"] },
|
||||
{ id: "f2", label: "Wellness", title: "Holistic Approach", items: ["Focus on recovery", "Mental clarity tools", "Daily wellness habits"] },
|
||||
{ id: "f3", label: "Style", title: "Modern Aesthetic", items: ["Sleek minimalist look", "Premium color palettes", "Designed to inspire"] }
|
||||
]}
|
||||
title="Designed for Results"
|
||||
description="Our collection brings together innovation, aesthetics, and functionality for a complete wellness experience."
|
||||
@@ -132,27 +77,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "PowerBuds Pro",
|
||||
price: "$129",
|
||||
variant: "Midnight Black",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/premium-wireless-fitness-earbuds-with-me-1774770594678-7547777a.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "OraTrack Elite",
|
||||
price: "$199",
|
||||
variant: "Nebula Purple",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/advanced-smartwatch-on-a-dark-velvet-sur-1774770593724-741ca2a8.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "FlexCore Band Set",
|
||||
price: "$89",
|
||||
variant: "Midnight",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/high-performance-resistance-bands-in-a-m-1774770593858-aeba69cd.png?_wi=2",
|
||||
},
|
||||
{ id: "p1", name: "PowerBuds Pro", price: "$129", variant: "Midnight Black", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/premium-wireless-fitness-earbuds-with-me-1774770594678-7547777a.png" },
|
||||
{ id: "p2", name: "OraTrack Elite", price: "$199", variant: "Nebula Purple", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/advanced-smartwatch-on-a-dark-velvet-sur-1774770593724-741ca2a8.png" },
|
||||
{ id: "p3", name: "FlexCore Band Set", price: "$89", variant: "Midnight", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/high-performance-resistance-bands-in-a-m-1774770593858-aeba69cd.png" }
|
||||
]}
|
||||
title="Essentials Collection"
|
||||
description="Browse our curated list of high-quality products to boost your fitness routine."
|
||||
@@ -165,46 +92,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahfit",
|
||||
testimonial: "The quality of these products is unmatched. Truly elevated my training routine.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/professional-portrait-of-a-fitness-enthu-1774770593969-f4519d0c.png",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael T.",
|
||||
handle: "@mt_fitness",
|
||||
testimonial: "I never knew wellness equipment could look this good and perform this well.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/professional-portrait-of-a-yoga-instruct-1774770597254-b6000cb7.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
handle: "@elena_wellness",
|
||||
testimonial: "Absolutely love the aesthetic of my PowerOra setup. A total game changer.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/professional-portrait-of-a-young-athlete-1774770595348-8c777856.png",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
handle: "@david_lifts",
|
||||
testimonial: "Professional-grade gear that fits perfectly into my busy lifestyle.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/professional-portrait-of-a-wellness-advo-1774770594177-8b01242e.png",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julia P.",
|
||||
handle: "@julia_yoga",
|
||||
testimonial: "Incredible durability. These bands have become a staple in my daily practice.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/professional-portrait-of-a-yoga-instruct-1774770597254-b6000cb7.png?_wi=2",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", handle: "@sarahfit", testimonial: "The quality of these products is unmatched. Truly elevated my training routine.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/professional-portrait-of-a-fitness-enthu-1774770593969-f4519d0c.png" },
|
||||
{ id: "t2", name: "Michael T.", handle: "@mt_fitness", testimonial: "I never knew wellness equipment could look this good and perform this well.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/professional-portrait-of-a-yoga-instruct-1774770597254-b6000cb7.png" },
|
||||
{ id: "t3", name: "Elena R.", handle: "@elena_wellness", testimonial: "Absolutely love the aesthetic of my PowerOra setup. A total game changer.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/professional-portrait-of-a-young-athlete-1774770595348-8c777856.png" },
|
||||
{ id: "t4", name: "David W.", handle: "@david_lifts", testimonial: "Professional-grade gear that fits perfectly into my busy lifestyle.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/professional-portrait-of-a-wellness-advo-1774770594177-8b01242e.png" },
|
||||
{ id: "t5", name: "Julia P.", handle: "@julia_yoga", testimonial: "Incredible durability. These bands have become a staple in my daily practice.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/professional-portrait-of-a-yoga-instruct-1774770597254-b6000cb7.png" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Community Voices"
|
||||
@@ -217,61 +109,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Get in Touch"
|
||||
description="Have questions about our gear? Send us a message and our team will get back to you shortly."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/luxury-gym-interior-aesthetic-dark-marbl-1774770594462-7227d7ed.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/luxury-gym-interior-aesthetic-dark-marbl-1774770594462-7227d7ed.png"
|
||||
mediaAnimation="slide-up"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email Address", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help you?", rows: 4, required: true }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/luxury-gym-interior-aesthetic-dark-marbl-1774770594462-7227d7ed.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/luxury-gym-interior-aesthetic-dark-marbl-1774770594462-7227d7ed.png"
|
||||
columns={[
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Store", items: [{ label: "Shop All", href: "#products" }, { label: "New Arrivals", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Contact", href: "#" }] }
|
||||
]}
|
||||
logoText="PowerOra"
|
||||
/>
|
||||
@@ -279,4 +132,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user