Merge version_2 into main #3
250
src/app/page.tsx
250
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ReWear"
|
||||
/>
|
||||
@@ -58,48 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static-grid",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static-grid" }}
|
||||
title="Curated Quality, Re-imagined"
|
||||
description="Discover high-quality, pre-loved fashion hand-picked for style and sustainability. Your next favorite find is waiting."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collections",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop Collections", href: "#products" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-headphones-holding-shirt-while-shopping_482257-78076.jpg?_wi=1",
|
||||
imageAlt: "clothing resale store interior modern",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-partners-standing-apart_23-2148976592.jpg?_wi=1",
|
||||
imageAlt: "sustainable fashion modern storefront",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-workshop-with-tools-sketches-luxury-handcrafting-services-with-tailoring-equipment-modern-fabric-tailor-atelier-with-workstations-instruments-small-business_482257-65197.jpg?_wi=1",
|
||||
imageAlt: "happy customer shopping clothing",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-angers-wooden-closet_1203-802.jpg",
|
||||
imageAlt: "clothing rack with hangers",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-store-employee-suggesting-trendy-items-client-wheelchair-user_482257-108841.jpg",
|
||||
imageAlt: "fashion items laid out stylishly",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861944.jpg",
|
||||
imageAlt: "minimalist boutique shopping area",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-headphones-holding-shirt-while-shopping_482257-78076.jpg", imageAlt: "clothing resale store interior modern" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-partners-standing-apart_23-2148976592.jpg", imageAlt: "sustainable fashion modern storefront" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/empty-workshop-with-tools-sketches-luxury-handcrafting-services-with-tailoring-equipment-modern-fabric-tailor-atelier-with-workstations-instruments-small-business_482257-65197.jpg", imageAlt: "happy customer shopping clothing" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/wooden-angers-wooden-closet_1203-802.jpg", imageAlt: "clothing rack with hangers" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/asian-store-employee-suggesting-trendy-items-client-wheelchair-user_482257-108841.jpg", imageAlt: "fashion items laid out stylishly" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861944.jpg", imageAlt: "minimalist boutique shopping area" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,46 +75,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Verified Quality",
|
||||
description: "Every item undergoes a rigorous 5-point inspection.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671567.jpg",
|
||||
imageAlt: "smartphone app screen interface",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729044.jpg",
|
||||
imageAlt: "app interface mobile design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-headphones-holding-shirt-while-shopping_482257-78076.jpg?_wi=2",
|
||||
imageAlt: "smartphone app screen interface",
|
||||
title: "Verified Quality", description: "Every item undergoes a rigorous 5-point inspection.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671567.jpg", imageAlt: "smartphone app screen interface" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729044.jpg", imageAlt: "app interface mobile design" },
|
||||
},
|
||||
{
|
||||
title: "Sustainable Fashion",
|
||||
description: "Help us reduce carbon footprint one garment at a time.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-14-pro-front-view_187299-35230.jpg",
|
||||
imageAlt: "smartphone app screen interface",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-mockup-with-blank-screen-white-podium_187299-46597.jpg",
|
||||
imageAlt: "app interface mobile design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-partners-standing-apart_23-2148976592.jpg?_wi=2",
|
||||
imageAlt: "smartphone app screen interface",
|
||||
title: "Sustainable Fashion", description: "Help us reduce carbon footprint one garment at a time.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-14-pro-front-view_187299-35230.jpg", imageAlt: "smartphone app screen interface" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/smartphone-mockup-with-blank-screen-white-podium_187299-46597.jpg", imageAlt: "app interface mobile design" },
|
||||
},
|
||||
{
|
||||
title: "Easy Returns",
|
||||
description: "Love it or return it within 14 days, no questions asked.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-right-side-view-dark-background_187299-35342.jpg",
|
||||
imageAlt: "smartphone app screen interface",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg",
|
||||
imageAlt: "app interface mobile design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-workshop-with-tools-sketches-luxury-handcrafting-services-with-tailoring-equipment-modern-fabric-tailor-atelier-with-workstations-instruments-small-business_482257-65197.jpg?_wi=2",
|
||||
imageAlt: "smartphone app screen interface",
|
||||
title: "Easy Returns", description: "Love it or return it within 14 days, no questions asked.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-right-side-view-dark-background_187299-35342.jpg", imageAlt: "smartphone app screen interface" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg", imageAlt: "app interface mobile design" },
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -176,42 +100,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Vintage Jacket",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-kuwaiti-man-trench-coat_627829-5618.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Beige Trench",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-coat-posing_23-2148877789.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "White Sneakers",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-pair-white-sneakers-isolated-white_93675-135205.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Leather Handbag",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sexy-elegant-woman-natural-beauty-fashion-style-clothes-casual-formal-suit-white-cotton-blouse-silk-pants-romantic-date-blouse-pants-party-style-glamour-model-trend-accessory-bag-dark-hair-makeup_132075-12101.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Floral Dress",
|
||||
price: "$55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-with-fashionable-women-s-clothing-skirt-sweater-sandals-accessories_169016-4108.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Classic Jeans",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl_1157-8261.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Vintage Jacket", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/stylish-kuwaiti-man-trench-coat_627829-5618.jpg" },
|
||||
{ id: "p2", name: "Beige Trench", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-coat-posing_23-2148877789.jpg" },
|
||||
{ id: "p3", name: "White Sneakers", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/new-pair-white-sneakers-isolated-white_93675-135205.jpg" },
|
||||
{ id: "p4", name: "Leather Handbag", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/sexy-elegant-woman-natural-beauty-fashion-style-clothes-casual-formal-suit-white-cotton-blouse-silk-pants-romantic-date-blouse-pants-party-style-glamour-model-trend-accessory-bag-dark-hair-makeup_132075-12101.jpg" },
|
||||
{ id: "p5", name: "Floral Dress", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/set-with-fashionable-women-s-clothing-skirt-sweater-sandals-accessories_169016-4108.jpg" },
|
||||
{ id: "p6", name: "Classic Jeans", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl_1157-8261.jpg" },
|
||||
]}
|
||||
title="Trending Arrivals"
|
||||
description="The freshest finds of the week, updated daily."
|
||||
@@ -222,13 +116,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Harper's Bazaar",
|
||||
"ELLE",
|
||||
"Marie Claire",
|
||||
"Cosmopolitan",
|
||||
]}
|
||||
names={["Vogue", "Harper's Bazaar", "ELLE", "Marie Claire", "Cosmopolitan"]}
|
||||
title="Trusted by Fashion Lovers"
|
||||
description="Featured in leading fashion media outlets worldwide."
|
||||
/>
|
||||
@@ -240,41 +128,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Designer",
|
||||
testimonial: "I found a designer piece for a fraction of the cost! Incredible quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-black-african-american-woman-stylish-outfit-pink-background_285396-10831.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael R.",
|
||||
role: "Architect",
|
||||
testimonial: "Everything looks brand new. ReWear is my go-to shop.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-summer-clothes_158538-10178.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena V.",
|
||||
role: "Marketing",
|
||||
testimonial: "Sustainable fashion made easy. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-hipster-male-man-looking-camera_197531-33424.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
role: "Student",
|
||||
testimonial: "Shipping was fast and the quality exceeded expectations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-cheerful-girl-going-shopping-holding-bags-with-purchases-smiling-camera-standing-aga_1258-119195.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe B.",
|
||||
role: "Artist",
|
||||
testimonial: "Unique finds you won't see anywhere else. Simply amazing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-costumes-party_23-2149370675.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", role: "Designer", testimonial: "I found a designer piece for a fraction of the cost! Incredible quality.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-black-african-american-woman-stylish-outfit-pink-background_285396-10831.jpg" },
|
||||
{ id: "t2", name: "Michael R.", role: "Architect", testimonial: "Everything looks brand new. ReWear is my go-to shop.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-summer-clothes_158538-10178.jpg" },
|
||||
{ id: "t3", name: "Elena V.", role: "Marketing", testimonial: "Sustainable fashion made easy. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/view-hipster-male-man-looking-camera_197531-33424.jpg" },
|
||||
{ id: "t4", name: "David W.", role: "Student", testimonial: "Shipping was fast and the quality exceeded expectations.", imageSrc: "http://img.b2bpic.net/free-photo/image-cheerful-girl-going-shopping-holding-bags-with-purchases-smiling-camera-standing-aga_1258-119195.jpg" },
|
||||
{ id: "t5", name: "Chloe B.", role: "Artist", testimonial: "Unique finds you won't see anywhere else. Simply amazing.", imageSrc: "http://img.b2bpic.net/free-photo/young-people-costumes-party_23-2149370675.jpg" },
|
||||
]}
|
||||
title="What Our Shoppers Say"
|
||||
description="Real stories from our happy fashion community."
|
||||
@@ -286,31 +144,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do you verify items?",
|
||||
content: "Our expert team checks every item for quality, authenticity, and condition.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you accept returns?",
|
||||
content: "Yes, you can return items within 14 days of purchase for a full refund.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Where does the clothing come from?",
|
||||
content: "Our collection comes from curated donations and professional resale partnerships.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "How long is shipping?",
|
||||
content: "Standard shipping takes 3-5 business days.",
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Is the clothing cleaned?",
|
||||
content: "Yes, every item is professionally cleaned and sanitized before listing.",
|
||||
},
|
||||
{ id: "q1", title: "How do you verify items?", content: "Our expert team checks every item for quality, authenticity, and condition." },
|
||||
{ id: "q2", title: "Do you accept returns?", content: "Yes, you can return items within 14 days of purchase for a full refund." },
|
||||
{ id: "q3", title: "Where does the clothing come from?", content: "Our collection comes from curated donations and professional resale partnerships." },
|
||||
{ id: "q4", title: "How long is shipping?", content: "Standard shipping takes 3-5 business days." },
|
||||
{ id: "q5", title: "Is the clothing cleaned?", content: "Yes, every item is professionally cleaned and sanitized before listing." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-shop-owner-her-modern-clothing-store-young-african-american-woman-standing-near-hangers-with-male-shirts-trousers-underwear-fashion-clothes-business-startup-shopping-concept_74855-21499.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -323,9 +161,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static-grid",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static-grid" }}
|
||||
tag="Stay Updated"
|
||||
title="Join Our Fashion Circle"
|
||||
description="Get exclusive early access to new arrivals and special discounts."
|
||||
@@ -337,17 +173,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="ReWear"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user