Merge version_1 into main #2
380
src/app/page.tsx
380
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Drops",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Drops", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SW.streetwear"
|
||||
/>
|
||||
@@ -55,105 +43,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Editorial Resale. Authentic Luxury."
|
||||
description="The definitive archive of streetwear culture. Curated, authenticated, and delivered with uncompromising precision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop The Archive",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/good-looking-african-man-sitting-stairs-looking-tired-guy-jacket-posing-steps_197531-22073.jpg?_wi=1"
|
||||
buttons={[{ text: "Shop The Archive", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/good-looking-african-man-sitting-stairs-looking-tired-guy-jacket-posing-steps_197531-22073.jpg"
|
||||
imageAlt="Streetwear luxury editorial"
|
||||
mediaAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Marcus A.",
|
||||
handle: "@marcus_c",
|
||||
testimonial: "The best curated archive I've found online.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-looking-african-man-sitting-stairs-looking-tired-guy-jacket-posing-steps_197531-22073.jpg?_wi=2",
|
||||
imageAlt: "luxury streetwear fashion photography dark mode",
|
||||
},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@elena_v",
|
||||
testimonial: "Authentic pieces every time. Simply unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-s-classy-shoes-lie-soft-armchair_8353-8463.jpg?_wi=1",
|
||||
imageAlt: "luxury streetwear fashion photography dark mode",
|
||||
},
|
||||
{
|
||||
name: "David L.",
|
||||
handle: "@david_l",
|
||||
testimonial: "Lightning fast dispatch and quality is real.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-woman-posing-with-transparent-fabric_23-2148239957.jpg?_wi=1",
|
||||
imageAlt: "luxury streetwear fashion photography dark mode",
|
||||
},
|
||||
{
|
||||
name: "Sarah P.",
|
||||
handle: "@sarah_p",
|
||||
testimonial: "Luxury presentation, truly professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-casual-african-american-man-jeans-jacket-black-beret-clothes-store-trying-new-footwear_627829-13415.jpg?_wi=1",
|
||||
imageAlt: "luxury streetwear fashion photography dark mode",
|
||||
},
|
||||
{
|
||||
name: "James K.",
|
||||
handle: "@james_k",
|
||||
testimonial: "This is the gold standard of resale.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2629.jpg?_wi=1",
|
||||
imageAlt: "luxury streetwear fashion photography dark mode",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stunning-african-man-posing-with-gently-smile-stairs-handsome-guy-checkered-jacket-sitting-steps-evening_197531-22068.jpg",
|
||||
alt: "Stunning african man posing with gently smile on stairs.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-posing-outdoors_23-2150204423.jpg",
|
||||
alt: "Side view woman posing outdoors",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-listening-music_23-2148773576.jpg",
|
||||
alt: "Full shot woman listening to music",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-punk-woman-posing_23-2149267435.jpg",
|
||||
alt: "Full shot punk woman posing",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/well-dressed-young-male-model-posing-steps-with-gently-smile-indoor-photo-curious-african-guy-wears-hat_197531-22071.jpg",
|
||||
alt: "Well-dressed young male model posing on steps with gently smile.",
|
||||
},
|
||||
{ name: "Marcus A.", handle: "@marcus_c", testimonial: "The best curated archive I've found online.", rating: 5 },
|
||||
{ name: "Elena V.", handle: "@elena_v", testimonial: "Authentic pieces every time. Simply unmatched.", rating: 5 },
|
||||
{ name: "David L.", handle: "@david_l", testimonial: "Lightning fast dispatch and quality is real.", rating: 5 },
|
||||
{ name: "Sarah P.", handle: "@sarah_p", testimonial: "Luxury presentation, truly professional.", rating: 5 },
|
||||
{ name: "James K.", handle: "@james_k", testimonial: "This is the gold standard of resale.", rating: 5 }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AUTHENTICATED",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "PREMIUM",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "ARCHIVED",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "EXCLUSIVE",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "CURATED",
|
||||
},
|
||||
{ type: "text", text: "AUTHENTICATED" },
|
||||
{ type: "text", text: "PREMIUM" },
|
||||
{ type: "text", text: "ARCHIVED" },
|
||||
{ type: "text", text: "EXCLUSIVE" },
|
||||
{ type: "text", text: "CURATED" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -164,20 +73,11 @@ export default function LandingPage() {
|
||||
title="Culture Reclaimed"
|
||||
description="SW.streetwear operates at the intersection of luxury and street culture. We believe true style is timeless and should be accessible, curated, and fully authenticated."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Items Curated",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Authentic",
|
||||
},
|
||||
{
|
||||
value: "48H",
|
||||
title: "Dispatch",
|
||||
},
|
||||
{ value: "500+", title: "Items Curated" },
|
||||
{ value: "100%", title: "Authentic" },
|
||||
{ value: "48H", title: "Dispatch" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/groom-s-classy-shoes-lie-soft-armchair_8353-8463.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/groom-s-classy-shoes-lie-soft-armchair_8353-8463.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
imageAlt="Luxury sneaker box with gold branding"
|
||||
@@ -191,60 +91,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Archive",
|
||||
name: "Luxury Logo Hoodie",
|
||||
price: "$450",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-woman-posing-with-transparent-fabric_23-2148239957.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Designer",
|
||||
name: "Limited Runner V1",
|
||||
price: "$890",
|
||||
rating: 5,
|
||||
reviewCount: "48",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-casual-african-american-man-jeans-jacket-black-beret-clothes-store-trying-new-footwear_627829-13415.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Archive",
|
||||
name: "Signature Tee",
|
||||
price: "$180",
|
||||
rating: 4,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2629.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Street",
|
||||
name: "Classic 5-Panel Cap",
|
||||
price: "$120",
|
||||
rating: 5,
|
||||
reviewCount: "21",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-mixed-race-woman-with-short-hair-autumn-outwear-hat_633478-1980.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Denim",
|
||||
name: "Indigo Washed Jean",
|
||||
price: "$520",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-portrait-beautiful-woman-outdoors_23-2148774608.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Archive",
|
||||
name: "Technical Shell Jacket",
|
||||
price: "$950",
|
||||
rating: 5,
|
||||
reviewCount: "33",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-cyclist-riding-his-bike_23-2148828236.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Archive", name: "Luxury Logo Hoodie", price: "$450", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-woman-posing-with-transparent-fabric_23-2148239957.jpg" },
|
||||
{ id: "p2", brand: "Designer", name: "Limited Runner V1", price: "$890", rating: 5, reviewCount: "48", imageSrc: "http://img.b2bpic.net/free-photo/stylish-casual-african-american-man-jeans-jacket-black-beret-clothes-store-trying-new-footwear_627829-13415.jpg" },
|
||||
{ id: "p3", brand: "Archive", name: "Signature Tee", price: "$180", rating: 4, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2629.jpg" },
|
||||
{ id: "p4", brand: "Street", name: "Classic 5-Panel Cap", price: "$120", rating: 5, reviewCount: "21", imageSrc: "http://img.b2bpic.net/free-photo/pretty-mixed-race-woman-with-short-hair-autumn-outwear-hat_633478-1980.jpg" },
|
||||
{ id: "p5", brand: "Denim", name: "Indigo Washed Jean", price: "$520", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/urban-portrait-beautiful-woman-outdoors_23-2148774608.jpg" },
|
||||
{ id: "p6", brand: "Archive", name: "Technical Shell Jacket", price: "$950", rating: 5, reviewCount: "33", imageSrc: "http://img.b2bpic.net/free-photo/urban-cyclist-riding-his-bike_23-2148828236.jpg" }
|
||||
]}
|
||||
title="The Archive Drop"
|
||||
description="Discover our latest selection of rare, high-fashion pieces."
|
||||
@@ -257,24 +109,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Shield,
|
||||
title: "Verified",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Star,
|
||||
title: "Customer Rating",
|
||||
value: "4.9",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Zap,
|
||||
title: "Global Shipping",
|
||||
value: "40+",
|
||||
},
|
||||
{ id: "m1", icon: Shield, title: "Verified", value: "100%" },
|
||||
{ id: "m2", icon: Star, title: "Customer Rating", value: "4.9" },
|
||||
{ id: "m3", icon: Zap, title: "Global Shipping", value: "40+" }
|
||||
]}
|
||||
title="Unrivaled Standards"
|
||||
description="Our commitment to the craft is measurable."
|
||||
@@ -283,39 +120,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Authentication",
|
||||
author: "SW Team",
|
||||
description: "Expert verification on every piece.",
|
||||
tags: [
|
||||
"Verified",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-wearing-black-hoodie_23-2149359803.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Fast Dispatch",
|
||||
author: "SW Team",
|
||||
description: "Global shipping in under 48 hours.",
|
||||
tags: [
|
||||
"Quick",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cowboy-inspiration-with-accessories-cactus_23-2149484765.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Luxury Packaging",
|
||||
author: "SW Team",
|
||||
description: "Premium unboxing experience guaranteed.",
|
||||
tags: [
|
||||
"Exclusive",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-laying-ground_23-2149409757.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Authentication", author: "SW Team", description: "Expert verification on every piece.", tags: ["Verified"], imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-wearing-black-hoodie_23-2149359803.jpg" },
|
||||
{ id: "f2", title: "Fast Dispatch", author: "SW Team", description: "Global shipping in under 48 hours.", tags: ["Quick"], imageSrc: "http://img.b2bpic.net/free-photo/cowboy-inspiration-with-accessories-cactus_23-2149484765.jpg" },
|
||||
{ id: "f3", title: "Luxury Packaging", author: "SW Team", description: "Premium unboxing experience guaranteed.", tags: ["Exclusive"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-laying-ground_23-2149409757.jpg" }
|
||||
]}
|
||||
title="Curated Exclusivity"
|
||||
description="Every item in our archive undergoes a 5-step authentication process."
|
||||
@@ -326,15 +137,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Archive Daily",
|
||||
"Street Culture Mag",
|
||||
"Luxury Resale Weekly",
|
||||
"Hype Archive",
|
||||
"Streetwear Times",
|
||||
"Global Fashion Journal",
|
||||
"The Authenticity Hub",
|
||||
]}
|
||||
names={["Archive Daily", "Street Culture Mag", "Luxury Resale Weekly", "Hype Archive", "Streetwear Times", "Global Fashion Journal", "The Authenticity Hub"]}
|
||||
title="Recognized Worldwide"
|
||||
description="Featured in leading fashion publications globally."
|
||||
/>
|
||||
@@ -346,60 +149,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus A.",
|
||||
role: "Collector",
|
||||
company: "NYC",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915132.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena V.",
|
||||
role: "Influencer",
|
||||
company: "Paris",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/european-brunette-woman-black-panama-white-trendy-jacket-posing-pink-background-isolate_273443-4056.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David L.",
|
||||
role: "Designer",
|
||||
company: "London",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cigarette-brown-winter-head-blue-scarf_613910-331.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah P.",
|
||||
role: "Stylist",
|
||||
company: "Tokyo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-stepping-chair_23-2147781153.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "James K.",
|
||||
role: "Collector",
|
||||
company: "LA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-lady-trench-coat-standing-thoughtfully-looking-aside_574295-5633.jpg",
|
||||
},
|
||||
{ id: "1", name: "Marcus A.", role: "Collector", company: "NYC", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915132.jpg" },
|
||||
{ id: "2", name: "Elena V.", role: "Influencer", company: "Paris", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/european-brunette-woman-black-panama-white-trendy-jacket-posing-pink-background-isolate_273443-4056.jpg" },
|
||||
{ id: "3", name: "David L.", role: "Designer", company: "London", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cigarette-brown-winter-head-blue-scarf_613910-331.jpg" },
|
||||
{ id: "4", name: "Sarah P.", role: "Stylist", company: "Tokyo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-stepping-chair_23-2147781153.jpg" },
|
||||
{ id: "5", name: "James K.", role: "Collector", company: "LA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-lady-trench-coat-standing-thoughtfully-looking-aside_574295-5633.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Authentic",
|
||||
},
|
||||
{
|
||||
value: "48h",
|
||||
label: "Dispatch",
|
||||
},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Rating",
|
||||
},
|
||||
{ value: "100%", label: "Authentic" },
|
||||
{ value: "48h", label: "Dispatch" },
|
||||
{ value: "4.9", label: "Rating" }
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="Experience the SW.streetwear standard."
|
||||
@@ -409,61 +168,18 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Join the archive. Get early access to our rarest drops and exclusive content."
|
||||
buttons={[
|
||||
{
|
||||
text: "Newsletter Signup",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Newsletter Signup", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Archive",
|
||||
items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Archive", items: [{ label: "Products", href: "#products" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 SW.streetwear. All rights reserved."
|
||||
bottomRightText="Authenticity Guaranteed."
|
||||
|
||||
Reference in New Issue
Block a user