Merge version_1 into main #2
211
src/app/page.tsx
211
src/app/page.tsx
@@ -16,23 +16,24 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
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">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Drops",
|
||||
id: "drops",
|
||||
},
|
||||
name: "Drops", id: "drops"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Community", id: "testimonials"},
|
||||
]}
|
||||
brandName="DropTracker"
|
||||
/>
|
||||
@@ -41,41 +42,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Never Miss a Drop."
|
||||
description="The ultimate sneaker release calendar. Get notified, track your favorite releases, and stay ahead of the game with live updates."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Tracking",
|
||||
href: "#drops",
|
||||
},
|
||||
text: "Start Tracking", href: "#drops"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/ultra-modern-high-end-studio-photography-1774696407929-64a0fa92.png?_wi=1",
|
||||
imageAlt: "Sneaker drop preview 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/ultra-modern-high-end-studio-photography-1774696407929-64a0fa92.png?_wi=2",
|
||||
imageAlt: "Sneaker drop preview 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/ultra-modern-high-end-studio-photography-1774696407929-64a0fa92.png?_wi=3",
|
||||
imageAlt: "Sneaker drop preview 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/ultra-modern-high-end-studio-photography-1774696407929-64a0fa92.png?_wi=4",
|
||||
imageAlt: "Sneaker drop preview 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/ultra-modern-high-end-studio-photography-1774696407929-64a0fa92.png?_wi=5",
|
||||
imageAlt: "Sneaker drop preview 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/ultra-modern-high-end-studio-photography-1774696407929-64a0fa92.png?_wi=6",
|
||||
imageAlt: "Sneaker drop preview 6",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/ultra-modern-high-end-studio-photography-1774696407929-64a0fa92.png", imageAlt: "Sneaker drop preview 1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/ultra-modern-high-end-studio-photography-1774696407929-64a0fa92.png", imageAlt: "Sneaker drop preview 2" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/ultra-modern-high-end-studio-photography-1774696407929-64a0fa92.png", imageAlt: "Sneaker drop preview 3" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/ultra-modern-high-end-studio-photography-1774696407929-64a0fa92.png", imageAlt: "Sneaker drop preview 4" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/ultra-modern-high-end-studio-photography-1774696407929-64a0fa92.png", imageAlt: "Sneaker drop preview 5" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/ultra-modern-high-end-studio-photography-1774696407929-64a0fa92.png", imageAlt: "Sneaker drop preview 6" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -86,39 +66,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Live Updates",
|
||||
author: "Pro Mode",
|
||||
description: "Real-time alerts for all major sneaker platforms.",
|
||||
tags: [
|
||||
"Real-time",
|
||||
"Fast",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/digital-dashboard-on-a-smartphone-displa-1774696408400-430e0c29.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Release Calendar",
|
||||
author: "Pro Mode",
|
||||
description: "Organized schedule for upcoming hyped releases.",
|
||||
tags: [
|
||||
"Calendar",
|
||||
"Organized",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/digital-dashboard-on-a-smartphone-displa-1774696408400-430e0c29.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Global Market",
|
||||
author: "Pro Mode",
|
||||
description: "Track releases across US, EU, and Asia.",
|
||||
tags: [
|
||||
"Global",
|
||||
"Data",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/digital-dashboard-on-a-smartphone-displa-1774696408400-430e0c29.png?_wi=3",
|
||||
},
|
||||
{ id: "1", title: "Live Updates", author: "Pro Mode", description: "Real-time alerts for all major sneaker platforms.", tags: ["Real-time", "Fast"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/digital-dashboard-on-a-smartphone-displa-1774696408400-430e0c29.png" },
|
||||
{ id: "2", title: "Release Calendar", author: "Pro Mode", description: "Organized schedule for upcoming hyped releases.", tags: ["Calendar", "Organized"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/digital-dashboard-on-a-smartphone-displa-1774696408400-430e0c29.png" },
|
||||
{ id: "3", title: "Global Market", author: "Pro Mode", description: "Track releases across US, EU, and Asia.", tags: ["Global", "Data"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/digital-dashboard-on-a-smartphone-displa-1774696408400-430e0c29.png" },
|
||||
]}
|
||||
title="Powerful Features"
|
||||
description="Tools designed for serious sneaker enthusiasts."
|
||||
@@ -132,33 +82,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Nike",
|
||||
name: "Air Jordan 1 Retro",
|
||||
price: "$180",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/professional-product-photo-of-a-high-end-1774696406127-66e5a092.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Adidas",
|
||||
name: "Yeezy Boost 350",
|
||||
price: "$220",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/professional-product-photo-of-a-high-end-1774696406127-66e5a092.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "New Balance",
|
||||
name: "990v6 Made in USA",
|
||||
price: "$200",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/professional-product-photo-of-a-high-end-1774696406127-66e5a092.png?_wi=3",
|
||||
},
|
||||
{ id: "p1", brand: "Nike", name: "Air Jordan 1 Retro", price: "$180", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/professional-product-photo-of-a-high-end-1774696406127-66e5a092.png" },
|
||||
{ id: "p2", brand: "Adidas", name: "Yeezy Boost 350", price: "$220", rating: 5, reviewCount: "98", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/professional-product-photo-of-a-high-end-1774696406127-66e5a092.png" },
|
||||
{ id: "p3", brand: "New Balance", name: "990v6 Made in USA", price: "$200", rating: 4, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/professional-product-photo-of-a-high-end-1774696406127-66e5a092.png" },
|
||||
]}
|
||||
title="Upcoming Drops"
|
||||
description="Check out the latest sneakers hitting the streets soon."
|
||||
@@ -170,56 +96,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
date: "2023-10-01",
|
||||
title: "Got my first W!",
|
||||
quote: "Finally managed to cop a pair thanks to these alerts.",
|
||||
tag: "Sneakerhead",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/close-up-portrait-of-a-young-trendy-snea-1774696406445-758bfb97.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/close-up-portrait-of-a-young-trendy-snea-1774696406445-758bfb97.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maya S.",
|
||||
date: "2023-10-05",
|
||||
title: "Best app ever.",
|
||||
quote: "The cleanest UI I've seen in the tracking space.",
|
||||
tag: "Expert",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/close-up-portrait-of-a-young-trendy-snea-1774696406445-758bfb97.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/close-up-portrait-of-a-young-trendy-snea-1774696406445-758bfb97.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jordan L.",
|
||||
date: "2023-10-10",
|
||||
title: "So reliable.",
|
||||
quote: "Never missed a drop since I started using DropTracker.",
|
||||
tag: "User",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/close-up-portrait-of-a-young-trendy-snea-1774696406445-758bfb97.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/close-up-portrait-of-a-young-trendy-snea-1774696406445-758bfb97.png?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sam P.",
|
||||
date: "2023-10-12",
|
||||
title: "Essential.",
|
||||
quote: "Saved me hours of searching manually.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/close-up-portrait-of-a-young-trendy-snea-1774696406445-758bfb97.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/close-up-portrait-of-a-young-trendy-snea-1774696406445-758bfb97.png?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Taylor B.",
|
||||
date: "2023-10-15",
|
||||
title: "Game Changer",
|
||||
quote: "The most accurate notifications I've used.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/close-up-portrait-of-a-young-trendy-snea-1774696406445-758bfb97.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/close-up-portrait-of-a-young-trendy-snea-1774696406445-758bfb97.png?_wi=5",
|
||||
},
|
||||
{ id: "t1", name: "Alex R.", date: "2023-10-01", title: "Got my first W!", quote: "Finally managed to cop a pair thanks to these alerts.", tag: "Sneakerhead", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/close-up-portrait-of-a-young-trendy-snea-1774696406445-758bfb97.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/close-up-portrait-of-a-young-trendy-snea-1774696406445-758bfb97.png" },
|
||||
{ id: "t2", name: "Maya S.", date: "2023-10-05", title: "Best app ever.", quote: "The cleanest UI I've seen in the tracking space.", tag: "Expert", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/close-up-portrait-of-a-young-trendy-snea-1774696406445-758bfb97.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/close-up-portrait-of-a-young-trendy-snea-1774696406445-758bfb97.png" },
|
||||
{ id: "t3", name: "Jordan L.", date: "2023-10-10", title: "So reliable.", quote: "Never missed a drop since I started using DropTracker.", tag: "User", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/close-up-portrait-of-a-young-trendy-snea-1774696406445-758bfb97.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/close-up-portrait-of-a-young-trendy-snea-1774696406445-758bfb97.png" },
|
||||
{ id: "t4", name: "Sam P.", date: "2023-10-12", title: "Essential.", quote: "Saved me hours of searching manually.", tag: "Pro", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/close-up-portrait-of-a-young-trendy-snea-1774696406445-758bfb97.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/close-up-portrait-of-a-young-trendy-snea-1774696406445-758bfb97.png" },
|
||||
{ id: "t5", name: "Taylor B.", date: "2023-10-15", title: "Game Changer", quote: "The most accurate notifications I've used.", tag: "Pro", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/close-up-portrait-of-a-young-trendy-snea-1774696406445-758bfb97.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZV332p3MFiGmaLZBLJB0vNKYe/close-up-portrait-of-a-young-trendy-snea-1774696406445-758bfb97.png" },
|
||||
]}
|
||||
title="Community Love"
|
||||
description="What our users say about the drops."
|
||||
@@ -233,43 +114,15 @@ export default function LandingPage() {
|
||||
title="Trusted by Sneaker Enthusiasts"
|
||||
description="Join thousands of users who trust DropTracker for their next big cop."
|
||||
names={[
|
||||
"Hypebeast",
|
||||
"StockX",
|
||||
"Nike",
|
||||
"Adidas",
|
||||
"GOAT",
|
||||
"New Balance",
|
||||
]}
|
||||
"Hypebeast", "StockX", "Nike", "Adidas", "GOAT", "New Balance"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }] },
|
||||
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="DropTracker"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user