Merge version_1 into main #2
185
src/app/page.tsx
185
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Collection",
|
||||
id: "collection",
|
||||
},
|
||||
name: "Collection", id: "collection"},
|
||||
{
|
||||
name: "Design",
|
||||
id: "design",
|
||||
},
|
||||
name: "Design", id: "design"},
|
||||
{
|
||||
name: "Materials",
|
||||
id: "materials",
|
||||
},
|
||||
name: "Materials", id: "materials"},
|
||||
]}
|
||||
brandName="Whoopselect"
|
||||
/>
|
||||
@@ -53,15 +47,11 @@ export default function LandingPage() {
|
||||
description="Premium custom bands designed for WHOOP 5.0 — crafted for performance, style, and individuality."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore the Collection",
|
||||
href: "#collection",
|
||||
},
|
||||
text: "Explore the Collection", href: "#collection"},
|
||||
{
|
||||
text: "Customize Yours",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Customize Yours", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=334wrd&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=334wrd"
|
||||
imageAlt="Whoopselect Custom Band Showcase"
|
||||
/>
|
||||
</div>
|
||||
@@ -73,19 +63,13 @@ export default function LandingPage() {
|
||||
description="Whoopselect turns performance hardware into an extension of your identity. From bold typefaces to custom illustrated patterns, we create the aesthetics that WHOOP users have been waiting for."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Compatible",
|
||||
},
|
||||
value: "100%", title: "Compatible"},
|
||||
{
|
||||
value: "Premium",
|
||||
title: "Materials",
|
||||
},
|
||||
value: "Premium", title: "Materials"},
|
||||
{
|
||||
value: "Endless",
|
||||
title: "Expression",
|
||||
},
|
||||
value: "Endless", title: "Expression"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kbgyqg&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kbgyqg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -98,41 +82,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Woven Nylon",
|
||||
description: "High-durability material optimized for breathability and sweat-wicking.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4qe04l",
|
||||
title: "Premium Woven Nylon", description: "High-durability material optimized for breathability and sweat-wicking.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4qe04l", imageAlt: "nylon textile texture macro"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0dlecd",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=334wrd&_wi=2",
|
||||
imageAlt: "nylon textile texture macro",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0dlecd", imageAlt: "stainless steel watch buckle macro"
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Adjustable Fit",
|
||||
description: "Fully compatible with WHOOP 5.0 sensor mechanics for accurate tracking.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=umbghb",
|
||||
title: "Adjustable Fit", description: "Fully compatible with WHOOP 5.0 sensor mechanics for accurate tracking.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=umbghb", imageAlt: "stainless steel watch buckle macro"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vu60qg",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kbgyqg&_wi=2",
|
||||
imageAlt: "nylon textile texture macro",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vu60qg", imageAlt: "nylon textile texture macro"
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Stainless Steel Clasp",
|
||||
description: "Resistant to corrosion and daily movement, ensuring a secure closure.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mu2zh4",
|
||||
title: "Stainless Steel Clasp", description: "Resistant to corrosion and daily movement, ensuring a secure closure.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mu2zh4", imageAlt: "nylon textile texture macro"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=agh65z",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f5xi6b&_wi=1",
|
||||
imageAlt: "nylon textile texture macro",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=agh65z", imageAlt: "stainless steel watch buckle macro"
|
||||
}
|
||||
}
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Precision Engineering"
|
||||
@@ -148,47 +120,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "The Late Band",
|
||||
price: "From €49",
|
||||
variant: "White/Navy",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f5xi6b&_wi=2",
|
||||
},
|
||||
id: "p1", name: "The Late Band", price: "From €49", variant: "White/Navy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f5xi6b"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "No Risk Band",
|
||||
price: "From €49",
|
||||
variant: "Black/White",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w8iky4",
|
||||
},
|
||||
id: "p2", name: "No Risk Band", price: "From €49", variant: "Black/White", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w8iky4"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Founder Mode",
|
||||
price: "From €49",
|
||||
variant: "Dark",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mhwtao",
|
||||
},
|
||||
id: "p3", name: "Founder Mode", price: "From €49", variant: "Dark", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mhwtao"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Out of Office",
|
||||
price: "From €49",
|
||||
variant: "Minimalist",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=54u93p",
|
||||
},
|
||||
id: "p4", name: "Out of Office", price: "From €49", variant: "Minimalist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=54u93p"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Minimal Icons",
|
||||
price: "From €49",
|
||||
variant: "Patterns",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qfqsy3",
|
||||
},
|
||||
id: "p5", name: "Minimal Icons", price: "From €49", variant: "Patterns", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qfqsy3"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Signature Text",
|
||||
price: "From €49",
|
||||
variant: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rgqpuz",
|
||||
},
|
||||
id: "p6", name: "Signature Text", price: "From €49", variant: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rgqpuz"},
|
||||
]}
|
||||
title="The Signature Collection"
|
||||
description="A curated range of custom-designed bands for every persona."
|
||||
@@ -202,31 +144,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Premium",
|
||||
title: "Nylon Build",
|
||||
items: [
|
||||
"High-tenacity weave",
|
||||
"Soft-touch finish",
|
||||
],
|
||||
id: "m1", value: "Premium", title: "Nylon Build", items: [
|
||||
"High-tenacity weave", "Soft-touch finish"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Stainless",
|
||||
title: "Hardware",
|
||||
items: [
|
||||
"Brushed silver finish",
|
||||
"Secure buckle system",
|
||||
],
|
||||
id: "m2", value: "Stainless", title: "Hardware", items: [
|
||||
"Brushed silver finish", "Secure buckle system"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5.0",
|
||||
title: "Compatibility",
|
||||
items: [
|
||||
"Seamless attachment",
|
||||
"Perfect sensor fit",
|
||||
],
|
||||
id: "m3", value: "5.0", title: "Compatibility", items: [
|
||||
"Seamless attachment", "Perfect sensor fit"],
|
||||
},
|
||||
]}
|
||||
title="Care & Maintenance"
|
||||
@@ -240,20 +167,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are these official bands?",
|
||||
content: "No, these are high-quality aftermarket accessories compatible with WHOOP devices.",
|
||||
},
|
||||
id: "f1", title: "Are these official bands?", content: "No, these are high-quality aftermarket accessories compatible with WHOOP devices."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do they affect the sensors?",
|
||||
content: "Our bands are designed to integrate seamlessly, ensuring the sensor placement remains exact for accurate tracking.",
|
||||
},
|
||||
id: "f2", title: "Do they affect the sensors?", content: "Our bands are designed to integrate seamlessly, ensuring the sensor placement remains exact for accurate tracking."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What about the packaging?",
|
||||
content: "We currently use neutral premium packaging for this test phase, with custom branded solutions coming soon.",
|
||||
},
|
||||
id: "f3", title: "What about the packaging?", content: "We currently use neutral premium packaging for this test phase, with custom branded solutions coming soon."},
|
||||
]}
|
||||
title="Compatibility Disclaimer"
|
||||
description="Whoopselect is not affiliated with or endorsed by WHOOP. WHOOP is a trademark of its respective owner. Products are compatible accessories only."
|
||||
@@ -265,8 +183,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Stay Updated"
|
||||
title="Get Early Access"
|
||||
description="Join the list for early releases and custom band drop alerts."
|
||||
@@ -279,37 +196,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Collection",
|
||||
href: "#collection",
|
||||
},
|
||||
label: "Collection", href: "#collection"},
|
||||
{
|
||||
label: "Design",
|
||||
href: "#design",
|
||||
},
|
||||
label: "Design", href: "#design"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Materials",
|
||||
href: "#materials",
|
||||
},
|
||||
label: "Materials", href: "#materials"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user