Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #6.
This commit is contained in:
303
src/app/page.tsx
303
src/app/page.tsx
@@ -25,188 +25,139 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Marketplace", id: "products"},
|
||||
{
|
||||
name: "Sell", id: "features"},
|
||||
{
|
||||
name: "Community", id: "testimonials"},
|
||||
]}
|
||||
brandName="Nova Threads"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Marketplace", id: "products" },
|
||||
{ name: "Sell", id: "features" },
|
||||
{ name: "Community", id: "testimonials" },
|
||||
]}
|
||||
brandName="Nova Threads"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Rewear The Future."
|
||||
description="Nova Threads is the premium marketplace for curated, sustainable streetwear and vintage fashion. Join the circular movement."
|
||||
kpis={[
|
||||
{
|
||||
value: "50K+", label: "Active Listings"},
|
||||
{
|
||||
value: "100%", label: "Verified Items"},
|
||||
{
|
||||
value: "99%", label: "Sustainable Impact"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-holding-different-boxes_23-2147666194.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-dyed-hair-near-pink-wall_23-2149488617.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-arabian-muslim-boy-with-originally-hair-sunglasses-posed-streets-roof_627829-3110.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cyberpunk-city-view-girl-rooftop_23-2152007999.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-woman-city-with-electric-scooter_23-2148162591.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-girl-with-short-hairstyle-smiles-outside-fashionable-brunette-woman-sunglasses-beige-outfit-holding-phone-sitting-with-water-cafe_197531-29374.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Join 50,000+ fashion rebels"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Supreme"},
|
||||
{
|
||||
type: "text", text: "Off-White"},
|
||||
{
|
||||
type: "text", text: "Nike"},
|
||||
{
|
||||
type: "text", text: "Gucci"},
|
||||
{
|
||||
type: "text", text: "Vintage"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Rewear The Future."
|
||||
description="Nova Threads is the premium marketplace for curated, sustainable streetwear and vintage fashion. Join the circular movement."
|
||||
kpis={[
|
||||
{ value: "50K+", label: "Active Listings" },
|
||||
{ value: "100%", label: "Verified Items" },
|
||||
{ value: "99%", label: "Sustainable Impact" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-holding-different-boxes_23-2147666194.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-with-dyed-hair-near-pink-wall_23-2149488617.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-arabian-muslim-boy-with-originally-hair-sunglasses-posed-streets-roof_627829-3110.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cyberpunk-city-view-girl-rooftop_23-2152007999.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-woman-city-with-electric-scooter_23-2148162591.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cute-girl-with-short-hairstyle-smiles-outside-fashionable-brunette-woman-sunglasses-beige-outfit-holding-phone-sitting-with-water-cafe_197531-29374.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Join 50,000+ fashion rebels"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Supreme" },
|
||||
{ type: "text", text: "Off-White" },
|
||||
{ type: "text", text: "Nike" },
|
||||
{ type: "text", text: "Gucci" },
|
||||
{ type: "text", text: "Vintage" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "Supreme", name: "Vintage Hoodie", price: "$120", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-albinism-posing-studio_23-2150535706.jpg"},
|
||||
{
|
||||
id: "2", brand: "Levi's", name: "Distressed Denim", price: "$85", rating: 4,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/scene-with-miscellaneous-items-being-sold-yard-sale-bargains_23-2151216763.jpg"},
|
||||
{
|
||||
id: "3", brand: "Nike", name: "Retro Sneakers", price: "$210", rating: 5,
|
||||
reviewCount: "340", imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-blonde-woman-jeans-oversize-jacket-walking-against-wall-street_285396-8015.jpg"},
|
||||
{
|
||||
id: "4", brand: "Vtg", name: "Leather Jacket", price: "$180", rating: 4,
|
||||
reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-her-skateboard-while-sitting-car_23-2148774594.jpg"},
|
||||
{
|
||||
id: "5", brand: "Acc", name: "Silver Chain", price: "$45", rating: 4,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/stylish-model-low-angle_23-2148323516.jpg"},
|
||||
{
|
||||
id: "6", brand: "Gucci", name: "Vintage Tee", price: "$150", rating: 5,
|
||||
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-wearing-trench-coat_23-2149729303.jpg"},
|
||||
]}
|
||||
title="Hot Drops & Trending"
|
||||
description="Discover curated vintage and streetwear finds updated daily by our community."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Supreme", name: "Vintage Hoodie", price: "$120", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-albinism-posing-studio_23-2150535706.jpg" },
|
||||
{ id: "2", brand: "Levi's", name: "Distressed Denim", price: "$85", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/scene-with-miscellaneous-items-being-sold-yard-sale-bargains_23-2151216763.jpg" },
|
||||
{ id: "3", brand: "Nike", name: "Retro Sneakers", price: "$210", rating: 5, reviewCount: "340", imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-blonde-woman-jeans-oversize-jacket-walking-against-wall-street_285396-8015.jpg" },
|
||||
{ id: "4", brand: "Vtg", name: "Leather Jacket", price: "$180", rating: 4, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-her-skateboard-while-sitting-car_23-2148774594.jpg" },
|
||||
{ id: "5", brand: "Acc", name: "Silver Chain", price: "$45", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/stylish-model-low-angle_23-2148323516.jpg" },
|
||||
{ id: "6", brand: "Gucci", name: "Vintage Tee", price: "$150", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-wearing-trench-coat_23-2149729303.jpg" },
|
||||
]}
|
||||
title="Hot Drops & Trending"
|
||||
description="Discover curated vintage and streetwear finds updated daily by our community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Upload", description: "Drag-and-drop your items and set your prices in seconds.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-albinism-posing-studio_23-2150535706.jpg"},
|
||||
{
|
||||
title: "Secure Payments", description: "Guaranteed transactions with our secure escrow system.", imageSrc: "http://img.b2bpic.net/free-photo/scene-with-miscellaneous-items-being-sold-yard-sale-bargains_23-2151216763.jpg"},
|
||||
{
|
||||
title: "Smart Analytics", description: "Get insights on which of your items are trending.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-blonde-woman-jeans-oversize-jacket-walking-against-wall-street_285396-8015.jpg"},
|
||||
]}
|
||||
title="Sell Smarter."
|
||||
description="Join thousands of sellers flipping trendy fashion with our seamless upload tools."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Fast Upload", description: "Drag-and-drop your items and set your prices in seconds.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-albinism-posing-studio_23-2150535706.jpg" },
|
||||
{ title: "Secure Payments", description: "Guaranteed transactions with our secure escrow system.", imageSrc: "http://img.b2bpic.net/free-photo/scene-with-miscellaneous-items-being-sold-yard-sale-bargains_23-2151216763.jpg" },
|
||||
{ title: "Smart Analytics", description: "Get insights on which of your items are trending.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-blonde-woman-jeans-oversize-jacket-walking-against-wall-street_285396-8015.jpg" },
|
||||
]}
|
||||
title="Sell Smarter."
|
||||
description="Join thousands of sellers flipping trendy fashion with our seamless upload tools."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah J.", handle: "@sarahstyles", testimonial: "The best place to find rare streetwear pieces.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dyed-hair-near-pink-wall_23-2149488617.jpg"},
|
||||
{
|
||||
id: "2", name: "Mike K.", handle: "@streetking", testimonial: "Sold 10 items in a week! Super easy to use.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-arabian-muslim-boy-with-originally-hair-sunglasses-posed-streets-roof_627829-3110.jpg"},
|
||||
{
|
||||
id: "3", name: "Alex R.", handle: "@alexvintage", testimonial: "Authentic items, great prices, clean platform.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-city-view-girl-rooftop_23-2152007999.jpg"},
|
||||
{
|
||||
id: "4", name: "Emma L.", handle: "@fashiongirl", testimonial: "Love the sustainability mission of Nova.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-city-with-electric-scooter_23-2148162591.jpg"},
|
||||
{
|
||||
id: "5", name: "David W.", handle: "@wvintage", testimonial: "The community here is unmatched. Simply amazing.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-short-hairstyle-smiles-outside-fashionable-brunette-woman-sunglasses-beige-outfit-holding-phone-sitting-with-water-cafe_197531-29374.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Community Voices"
|
||||
description="Loved by fashion enthusiasts worldwide."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahstyles", testimonial: "The best place to find rare streetwear pieces.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dyed-hair-near-pink-wall_23-2149488617.jpg" },
|
||||
{ id: "2", name: "Mike K.", handle: "@streetking", testimonial: "Sold 10 items in a week! Super easy to use.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-arabian-muslim-boy-with-originally-hair-sunglasses-posed-streets-roof_627829-3110.jpg" },
|
||||
{ id: "3", name: "Alex R.", handle: "@alexvintage", testimonial: "Authentic items, great prices, clean platform.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-city-view-girl-rooftop_23-2152007999.jpg" },
|
||||
{ id: "4", name: "Emma L.", handle: "@fashiongirl", testimonial: "Love the sustainability mission of Nova.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-city-with-electric-scooter_23-2148162591.jpg" },
|
||||
{ id: "5", name: "David W.", handle: "@wvintage", testimonial: "The community here is unmatched. Simply amazing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-short-hairstyle-smiles-outside-fashionable-brunette-woman-sunglasses-beige-outfit-holding-phone-sitting-with-water-cafe_197531-29374.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Community Voices"
|
||||
description="Loved by fashion enthusiasts worldwide."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="section"
|
||||
title="Terms of Service"
|
||||
subtitle="Last updated: October 2023"
|
||||
sections={[
|
||||
{
|
||||
heading: "User Agreement", content: { type: "paragraph", text: "By using Nova Threads, you agree to our community standards and resale policies. Ensure all items are authentic and accurately described." },
|
||||
},
|
||||
{
|
||||
heading: "Selling Guidelines", content: { type: "list", items: [ "Only list items you own and have in your possession.", "Ensure images accurately reflect the current condition of the product.", "Shipping must occur within 3 business days of sale confirmation." ] },
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="section"
|
||||
title="Terms of Service"
|
||||
subtitle="Last updated: October 2023"
|
||||
sections={[
|
||||
{
|
||||
heading: "User Agreement", content: { text: "By using Nova Threads, you agree to our community standards and resale policies. Ensure all items are authentic and accurately described." },
|
||||
},
|
||||
{
|
||||
heading: "Selling Guidelines", content: { items: [ "Only list items you own and have in your possession.", "Ensure images accurately reflect the current condition of the product.", "Shipping must occur within 3 business days of sale confirmation." ] },
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Marketplace", href: "#products"},
|
||||
{
|
||||
label: "Sell Now", href: "#features"},
|
||||
{
|
||||
label: "Our Mission", href: "#hero"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Contact Support", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Nova Threads"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Marketplace", href: "#products" },
|
||||
{ label: "Sell Now", href: "#features" },
|
||||
{ label: "Our Mission", href: "#hero" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Contact Support", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Nova Threads"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user