Merge version_1 into main #1
269
src/app/page.tsx
269
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Story", id: "about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
]}
|
||||
brandName="UrbanThrift"
|
||||
/>
|
||||
@@ -54,92 +46,51 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Redefine Your Style with Authenticity."
|
||||
description="Curated streetwear and vintage apparel for the modern individual. Quality over quantity."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex J.",
|
||||
handle: "@alexs",
|
||||
testimonial: "Best thrift selection in the city.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neighborhood-lifestyle-friends_23-2149746752.jpg",
|
||||
},
|
||||
name: "Alex J.", handle: "@alexs", testimonial: "Best thrift selection in the city.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neighborhood-lifestyle-friends_23-2149746752.jpg"},
|
||||
{
|
||||
name: "Jordan P.",
|
||||
handle: "@jordy",
|
||||
testimonial: "Always finding hidden streetwear gems.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-shopping-packets-walking-street-near-shop-windows_23-2147960702.jpg",
|
||||
},
|
||||
name: "Jordan P.", handle: "@jordy", testimonial: "Always finding hidden streetwear gems.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-shopping-packets-walking-street-near-shop-windows_23-2147960702.jpg"},
|
||||
{
|
||||
name: "Sam K.",
|
||||
handle: "@samk",
|
||||
testimonial: "Authentic pieces that last.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woma-portrait-with-camera_1296-546.jpg",
|
||||
},
|
||||
name: "Sam K.", handle: "@samk", testimonial: "Authentic pieces that last.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woma-portrait-with-camera_1296-546.jpg"},
|
||||
{
|
||||
name: "Casey W.",
|
||||
handle: "@caseyw",
|
||||
testimonial: "Sustainable style, zero compromise.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-retail-assistant-taking-man-wheelchair-dressing-room_482257-109845.jpg",
|
||||
},
|
||||
name: "Casey W.", handle: "@caseyw", testimonial: "Sustainable style, zero compromise.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-retail-assistant-taking-man-wheelchair-dressing-room_482257-109845.jpg"},
|
||||
{
|
||||
name: "Taylor M.",
|
||||
handle: "@taylor",
|
||||
testimonial: "The drop schedule is consistently fire.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun_23-2149832974.jpg",
|
||||
},
|
||||
name: "Taylor M.", handle: "@taylor", testimonial: "The drop schedule is consistently fire.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun_23-2149832974.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-photo-young-lady-leaning-wall-tunnel_114579-92564.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashionable-long-legs-brunette-model-long-black-cloak-posed-outdoor-winter-day-against-old-grunge-wall_627829-14032.jpg",
|
||||
alt: "Fashionable model",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fashionable-long-legs-brunette-model-long-black-cloak-posed-outdoor-winter-day-against-old-grunge-wall_627829-14032.jpg", alt: "Fashionable model"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lonely-frustrated-bride-with-wedding-flower-walking-desperate-way_181624-32944.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lonely-frustrated-bride-with-wedding-flower-walking-desperate-way_181624-32944.jpg", alt: "Happy customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-grey-suit-enjoys-wind-street-new-york-city_8353-1582.jpg",
|
||||
alt: "Urban streetwear enthusiast",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-grey-suit-enjoys-wind-street-new-york-city_8353-1582.jpg", alt: "Urban streetwear enthusiast"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432336.jpg",
|
||||
alt: "Vintage fashion lover",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432336.jpg", alt: "Vintage fashion lover"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-dark-skinned-curly-woman-busy-renovating-house-wears-casual-sweatshirt-dirty-with-paint-painting-walls-apartment-plans-home-repair-holds-pot-green-cactus-house-repair-concept_273609-45173.jpg",
|
||||
alt: "Streetwear trendsetter",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/serious-dark-skinned-curly-woman-busy-renovating-house-wears-casual-sweatshirt-dirty-with-paint-painting-walls-apartment-plans-home-repair-holds-pot-green-cactus-house-repair-concept_273609-45173.jpg", alt: "Streetwear trendsetter"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable",
|
||||
},
|
||||
type: "text", text: "Sustainable"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic",
|
||||
},
|
||||
type: "text", text: "Authentic"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Curated",
|
||||
},
|
||||
type: "text", text: "Curated"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Limited",
|
||||
},
|
||||
type: "text", text: "Limited"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Vintage",
|
||||
},
|
||||
type: "text", text: "Vintage"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -149,54 +100,33 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Rooted in Culture,",
|
||||
},
|
||||
type: "text", content: "Rooted in Culture,"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-jumping_23-2148925642.jpg",
|
||||
alt: "About us visual",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/portrait-young-female-jumping_23-2148925642.jpg", alt: "About us visual"},
|
||||
{
|
||||
type: "text",
|
||||
content: "Built for the Future.",
|
||||
},
|
||||
type: "text", content: "Built for the Future."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Handpicked Selection",
|
||||
tags: [
|
||||
"Curated",
|
||||
"Rare",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468660.jpg",
|
||||
},
|
||||
id: "1", title: "Handpicked Selection", tags: [
|
||||
"Curated", "Rare"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468660.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Sustainable Cycle",
|
||||
tags: [
|
||||
"Eco",
|
||||
"Circular",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-fast-fashion-concept_23-2150805335.jpg",
|
||||
},
|
||||
id: "2", title: "Sustainable Cycle", tags: [
|
||||
"Eco", "Circular"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-fast-fashion-concept_23-2150805335.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Exclusive Drops",
|
||||
tags: [
|
||||
"Limited",
|
||||
"Heat",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-vintage-objects-still-life_23-2150348592.jpg",
|
||||
},
|
||||
id: "3", title: "Exclusive Drops", tags: [
|
||||
"Limited", "Heat"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-vintage-objects-still-life_23-2150348592.jpg"},
|
||||
]}
|
||||
title="Why UrbanThrift?"
|
||||
description="We don't just sell clothes, we curate a movement."
|
||||
@@ -211,59 +141,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Urban Vintage",
|
||||
name: "Oversized Denim",
|
||||
price: "$85",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-teenage-boy-wearing-denim-outfit_23-2150151090.jpg",
|
||||
},
|
||||
id: "p1", brand: "Urban Vintage", name: "Oversized Denim", price: "$85", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/young-teenage-boy-wearing-denim-outfit_23-2150151090.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Street Gear",
|
||||
name: "Retro Graphic Tee",
|
||||
price: "$45",
|
||||
rating: 4,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-two-black-men-standing-against-red-wall_181624-56204.jpg",
|
||||
},
|
||||
id: "p2", brand: "Street Gear", name: "Retro Graphic Tee", price: "$45", rating: 4,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-two-black-men-standing-against-red-wall_181624-56204.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Minimalist",
|
||||
name: "Street Hoodie",
|
||||
price: "$65",
|
||||
rating: 5,
|
||||
reviewCount: "21",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg",
|
||||
},
|
||||
id: "p3", brand: "Minimalist", name: "Street Hoodie", price: "$65", rating: 5,
|
||||
reviewCount: "21", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Techwear",
|
||||
name: "Cargo Pants",
|
||||
price: "$120",
|
||||
rating: 4,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-spaceman-suit_23-2147770385.jpg",
|
||||
},
|
||||
id: "p4", brand: "Techwear", name: "Cargo Pants", price: "$120", rating: 4,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/child-spaceman-suit_23-2147770385.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Urban Essentials",
|
||||
name: "Knit Beanie",
|
||||
price: "$25",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-skateboard-outdoor_23-2148436058.jpg",
|
||||
},
|
||||
id: "p5", brand: "Urban Essentials", name: "Knit Beanie", price: "$25", rating: 5,
|
||||
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-skateboard-outdoor_23-2148436058.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Accessory",
|
||||
name: "Shoulder Bag",
|
||||
price: "$55",
|
||||
rating: 4,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-heaphones-vinyl_1296-497.jpg",
|
||||
},
|
||||
id: "p6", brand: "Accessory", name: "Shoulder Bag", price: "$55", rating: 4,
|
||||
reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/women-heaphones-vinyl_1296-497.jpg"},
|
||||
]}
|
||||
title="New Arrivals"
|
||||
description="Shop our latest curated collection before they drop."
|
||||
@@ -277,20 +171,11 @@ export default function LandingPage() {
|
||||
tag="Milestones"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "Happy Customers",
|
||||
},
|
||||
id: "m1", value: "10k+", description: "Happy Customers"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50k",
|
||||
description: "Tons of Clothing Saved",
|
||||
},
|
||||
id: "m2", value: "50k", description: "Tons of Clothing Saved"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "200+",
|
||||
description: "Weekly Drops",
|
||||
},
|
||||
id: "m3", value: "200+", description: "Weekly Drops"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -301,30 +186,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-african-man-glasses-standing-street-outdoor-photo-stylish-black-guy-listening-music-headphones_197531-21803.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah W.", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-african-man-glasses-standing-street-outdoor-photo-stylish-black-guy-listening-music-headphones_197531-21803.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-sunglasses-standing-outside_23-2147654973.jpg",
|
||||
},
|
||||
id: "t2", name: "Mike L.", imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-sunglasses-standing-outside_23-2147654973.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gen-z-person-exploring-absurdist-fashion-beauty_23-2151104064.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/gen-z-person-exploring-absurdist-fashion-beauty_23-2151104064.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-woman-bucket-hat-posing-outdoors-old-railway-station_181624-55447.jpg",
|
||||
},
|
||||
id: "t4", name: "David B.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-woman-bucket-hat-posing-outdoors-old-railway-station_181624-55447.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Kiera F.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-fashionable-woman-with-beautiful-brown-hair-smiling_291650-514.jpg",
|
||||
},
|
||||
id: "t5", name: "Kiera F.", imageSrc: "http://img.b2bpic.net/free-photo/photo-fashionable-woman-with-beautiful-brown-hair-smiling_291650-514.jpg"},
|
||||
]}
|
||||
cardTitle="What the Community Says"
|
||||
cardTag="Reviews"
|
||||
@@ -338,20 +208,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer shipping?",
|
||||
content: "Yes, we ship globally.",
|
||||
},
|
||||
id: "f1", title: "Do you offer shipping?", content: "Yes, we ship globally."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are these authentic?",
|
||||
content: "Every item is verified by our team.",
|
||||
},
|
||||
id: "f2", title: "Are these authentic?", content: "Every item is verified by our team."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How often are drops?",
|
||||
content: "New arrivals every Friday at 10 AM EST.",
|
||||
},
|
||||
id: "f3", title: "How often are drops?", content: "New arrivals every Friday at 10 AM EST."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-is-standing-car-with-bags-her-hands_1153-5879.jpg"
|
||||
title="Need Help?"
|
||||
@@ -364,13 +225,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="UrbanThrift"
|
||||
leftLink={{
|
||||
text: "Terms",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user