Merge version_1 into main #2
310
src/app/page.tsx
310
src/app/page.tsx
@@ -28,22 +28,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Browse",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Condition",
|
||||
id: "#condition",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "#footer",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Browse", id: "#products" },
|
||||
{ name: "Condition", id: "#condition" },
|
||||
{ name: "Support", id: "#footer" },
|
||||
]}
|
||||
brandName="MarketVintage"
|
||||
/>
|
||||
@@ -52,100 +40,33 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Vintage Soul, Modern Tread"
|
||||
description="Discover authentic, pre-loved gear with stories. Every stain adds character, every wear builds legacy."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexvintage",
|
||||
testimonial: "The best vintage find yet. Authentic quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-handsome-young-man-colored-summer-shirt-looking-happy-standing-white-background_1258-105576.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahpicks",
|
||||
testimonial: "Stains and all, these are beautiful. Thanks!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-good-looking-cheerful-european-woman-with-curly-bushy-hair-smiles-broadly-dressed-green-turtleneck-isolated-pink-wall-carefree-smiling-european-female-enjoys-free-time_273609-49672.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Mike D.",
|
||||
handle: "@mikedcollector",
|
||||
testimonial: "Rare find. Perfectly described condition.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-office-stretching-work-day_23-2150468558.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Emily P.",
|
||||
handle: "@emilyfit",
|
||||
testimonial: "Super fast shipping, exactly as described.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@davidstreet",
|
||||
testimonial: "Authentic vintage vibes. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-shopper-street_23-2147652063.jpg?_wi=1",
|
||||
},
|
||||
{ name: "Alex R.", handle: "@alexvintage", testimonial: "The best vintage find yet. Authentic quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/image-handsome-young-man-colored-summer-shirt-looking-happy-standing-white-background_1258-105576.jpg" },
|
||||
{ name: "Sarah J.", handle: "@sarahpicks", testimonial: "Stains and all, these are beautiful. Thanks!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-good-looking-cheerful-european-woman-with-curly-bushy-hair-smiles-broadly-dressed-green-turtleneck-isolated-pink-wall-carefree-smiling-european-female-enjoys-free-time_273609-49672.jpg" },
|
||||
{ name: "Mike D.", handle: "@mikedcollector", testimonial: "Rare find. Perfectly described condition.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-office-stretching-work-day_23-2150468558.jpg" },
|
||||
{ name: "Emily P.", handle: "@emilyfit", testimonial: "Super fast shipping, exactly as described.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" },
|
||||
{ name: "David W.", handle: "@davidstreet", testimonial: "Authentic vintage vibes. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-shopper-street_23-2147652063.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Buy Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shoes_1203-8140.jpg?_wi=1"
|
||||
buttons={[{ text: "Buy Now", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shoes_1203-8140.jpg"
|
||||
imageAlt="Vintage Adidas sneakers"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/image-handsome-young-man-colored-summer-shirt-looking-happy-standing-white-background_1258-105576.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-good-looking-cheerful-european-woman-with-curly-bushy-hair-smiles-broadly-dressed-green-turtleneck-isolated-pink-wall-carefree-smiling-european-female-enjoys-free-time_273609-49672.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-office-stretching-work-day_23-2150468558.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-shopper-street_23-2147652063.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/image-handsome-young-man-colored-summer-shirt-looking-happy-standing-white-background_1258-105576.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-good-looking-cheerful-european-woman-with-curly-bushy-hair-smiles-broadly-dressed-green-turtleneck-isolated-pink-wall-carefree-smiling-european-female-enjoys-free-time_273609-49672.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-office-stretching-work-day_23-2150468558.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-shopper-street_23-2147652063.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Join 500+ happy collectors"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Fashion",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Authentic Vintage",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Verified Condition",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Global Shipping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Curated Daily Finds",
|
||||
},
|
||||
{ type: "text", text: "Sustainable Fashion" },
|
||||
{ type: "text", text: "100% Authentic Vintage" },
|
||||
{ type: "text", text: "Verified Condition" },
|
||||
{ type: "text", text: "Fast Global Shipping" },
|
||||
{ type: "text", text: "Curated Daily Finds" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,48 +78,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Vintage Grass-Stain Adidas",
|
||||
price: "$89",
|
||||
variant: "Black/Yellow",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoes_1203-8140.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Retro Leather High-Tops",
|
||||
price: "$110",
|
||||
variant: "White/Blue",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-trainer-sneakers-unisex-footwear-fashion_53876-101526.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Canvas Daily Trainers",
|
||||
price: "$45",
|
||||
variant: "Grey/White",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-pair-classic-shoes-brick-wall_181624-46159.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "90s Runner Edition",
|
||||
price: "$75",
|
||||
variant: "Red/White",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-shoes_1203-7419.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Classic Streetwear Pro",
|
||||
price: "$95",
|
||||
variant: "Navy/White",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-shoes-sneaker_1203-8084.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Vintage Court Shoes",
|
||||
price: "$60",
|
||||
variant: "Black/White",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-shoe-rack-stacking-pair-footwear_23-2150991543.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Vintage Grass-Stain Adidas", price: "$89", variant: "Black/Yellow", imageSrc: "http://img.b2bpic.net/free-photo/shoes_1203-8140.jpg" },
|
||||
{ id: "p2", name: "Retro Leather High-Tops", price: "$110", variant: "White/Blue", imageSrc: "http://img.b2bpic.net/free-photo/white-trainer-sneakers-unisex-footwear-fashion_53876-101526.jpg" },
|
||||
{ id: "p3", name: "Canvas Daily Trainers", price: "$45", variant: "Grey/White", imageSrc: "http://img.b2bpic.net/free-photo/closeup-pair-classic-shoes-brick-wall_181624-46159.jpg" },
|
||||
{ id: "p4", name: "90s Runner Edition", price: "$75", variant: "Red/White", imageSrc: "http://img.b2bpic.net/free-photo/men-shoes_1203-7419.jpg" },
|
||||
{ id: "p5", name: "Classic Streetwear Pro", price: "$95", variant: "Navy/White", imageSrc: "http://img.b2bpic.net/free-photo/fashion-shoes-sneaker_1203-8084.jpg" },
|
||||
{ id: "p6", name: "Vintage Court Shoes", price: "$60", variant: "Black/White", imageSrc: "http://img.b2bpic.net/free-photo/view-shoe-rack-stacking-pair-footwear_23-2150991543.jpg" },
|
||||
]}
|
||||
title="Curated Finds"
|
||||
description="Browse our latest vintage collection."
|
||||
@@ -207,36 +92,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="condition" data-section="condition">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Visible Wear",
|
||||
tags: [
|
||||
"Grass stains",
|
||||
"Vintage look",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoes_1203-8140.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Structural Integrity",
|
||||
tags: [
|
||||
"Solid soles",
|
||||
"Firm stitching",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-pair-classic-shoes-brick-wall_181624-46159.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Material Age",
|
||||
tags: [
|
||||
"15 years old",
|
||||
"Natural fading",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-shoes_1203-7419.jpg?_wi=2",
|
||||
},
|
||||
{ id: "f1", title: "Visible Wear", tags: ["Grass stains", "Vintage look"], imageSrc: "http://img.b2bpic.net/free-photo/shoes_1203-8140.jpg" },
|
||||
{ id: "f2", title: "Structural Integrity", tags: ["Solid soles", "Firm stitching"], imageSrc: "http://img.b2bpic.net/free-photo/closeup-pair-classic-shoes-brick-wall_181624-46159.jpg" },
|
||||
{ id: "f3", title: "Material Age", tags: ["15 years old", "Natural fading"], imageSrc: "http://img.b2bpic.net/free-photo/men-shoes_1203-7419.jpg" },
|
||||
]}
|
||||
title="Condition Report"
|
||||
description="Transparency is key. We detail every wear pattern so you know exactly what you are purchasing."
|
||||
@@ -247,31 +109,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-handsome-young-man-colored-summer-shirt-looking-happy-standing-white-background_1258-105576.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-good-looking-cheerful-european-woman-with-curly-bushy-hair-smiles-broadly-dressed-green-turtleneck-isolated-pink-wall-carefree-smiling-european-female-enjoys-free-time_273609-49672.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-office-stretching-work-day_23-2150468558.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-shopper-street_23-2147652063.jpg?_wi=2",
|
||||
},
|
||||
{ id: "t1", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/image-handsome-young-man-colored-summer-shirt-looking-happy-standing-white-background_1258-105576.jpg" },
|
||||
{ id: "t2", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-good-looking-cheerful-european-woman-with-curly-bushy-hair-smiles-broadly-dressed-green-turtleneck-isolated-pink-wall-carefree-smiling-european-female-enjoys-free-time_273609-49672.jpg" },
|
||||
{ id: "t3", name: "Mike D.", imageSrc: "http://img.b2bpic.net/free-photo/man-office-stretching-work-day_23-2150468558.jpg" },
|
||||
{ id: "t4", name: "Emily P.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" },
|
||||
{ id: "t5", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-shopper-street_23-2147652063.jpg" },
|
||||
]}
|
||||
cardTitle="What the Community Says"
|
||||
cardTag="Reviews"
|
||||
@@ -287,27 +129,9 @@ export default function LandingPage() {
|
||||
title="Marketplace Impact"
|
||||
description="We are committed to quality and circular fashion."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5k+",
|
||||
title: "Sneakers Saved",
|
||||
description: "Rescued from landfills.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoes_1203-8140.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Authenticity",
|
||||
description: "Expertly verified.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-trainer-sneakers-unisex-footwear-fashion_53876-101526.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24h",
|
||||
title: "Response Time",
|
||||
description: "Dedicated customer support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-pair-classic-shoes-brick-wall_181624-46159.jpg?_wi=3",
|
||||
},
|
||||
{ id: "m1", value: "5k+", title: "Sneakers Saved", description: "Rescued from landfills.", imageSrc: "http://img.b2bpic.net/free-photo/shoes_1203-8140.jpg" },
|
||||
{ id: "m2", value: "100%", title: "Authenticity", description: "Expertly verified.", imageSrc: "http://img.b2bpic.net/free-photo/white-trainer-sneakers-unisex-footwear-fashion_53876-101526.jpg" },
|
||||
{ id: "m3", value: "24h", title: "Response Time", description: "Dedicated customer support.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-pair-classic-shoes-brick-wall_181624-46159.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -316,57 +140,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="MarketVintage"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Browse",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Community",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Authenticity",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Platform", items: [{ label: "Browse", href: "#products" }, { label: "About", href: "#" }, { label: "Community", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Authenticity", href: "#" }, { label: "Returns", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }, { label: "TikTok", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user