Merge version_1 into main #2
303
src/app/page.tsx
303
src/app/page.tsx
@@ -29,129 +29,45 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Shop", id: "shop" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="MODERN RERUN"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Resell The Future."
|
||||
description="Curated pre-loved clothing for the conscious dresser. Shop the best in vintage and designer resale."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885675.jpg?_wi=1",
|
||||
imageAlt: "urban fashion photography model",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customers-checking-out-shop_53876-25272.jpg",
|
||||
imageAlt: "Customers checking out a shop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-clothing-collection-modern-boutique-store-generated-by-ai_188544-33893.jpg",
|
||||
imageAlt: "Fashionable clothing collection in modern boutique store generated by AI",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trendy-colour-swatches-collage_23-2149901817.jpg",
|
||||
imageAlt: "Trendy colour swatches collage",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-room-with-furniture_23-2149178893.jpg",
|
||||
imageAlt: "Empty modern room with furniture",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885675.jpg", imageAlt: "urban fashion photography model" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/customers-checking-out-shop_53876-25272.jpg", imageAlt: "Customers checking out a shop" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fashionable-clothing-collection-modern-boutique-store-generated-by-ai_188544-33893.jpg", imageAlt: "Fashionable clothing collection in modern boutique store generated by AI" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/trendy-colour-swatches-collage_23-2149901817.jpg", imageAlt: "Trendy colour swatches collage" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-room-with-furniture_23-2149178893.jpg", imageAlt: "Empty modern room with furniture" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353700.jpg",
|
||||
imageAlt: "urban fashion photography model",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothing-store-with-mannequins_23-2148164868.jpg",
|
||||
imageAlt: "Clothing store with mannequins",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885667.jpg",
|
||||
imageAlt: "Studio with props for photography",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-clothes_23-2150169104.jpg",
|
||||
imageAlt: "Front view woman with clothes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-s-reflection-mirror_23-2149426425.jpg",
|
||||
imageAlt: "Top view man's reflection in mirror",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collections",
|
||||
href: "#shop",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353700.jpg", imageAlt: "urban fashion photography model" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/clothing-store-with-mannequins_23-2148164868.jpg", imageAlt: "Clothing store with mannequins" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885667.jpg", imageAlt: "Studio with props for photography" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-clothes_23-2150169104.jpg", imageAlt: "Front view woman with clothes" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-s-reflection-mirror_23-2149426425.jpg", imageAlt: "Top view man's reflection in mirror" },
|
||||
]}
|
||||
buttons={[{ text: "Shop Collections", href: "#shop" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/neighborhood-lifestyle-friends_23-2149746742.jpg",
|
||||
alt: "Neighborhood lifestyle of friends",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-night-with-flash_23-2150204452.jpg",
|
||||
alt: "Full shot woman posing at night with flash",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-people-using-sustainable-mobility_23-2149290963.jpg",
|
||||
alt: "Young people using sustainable mobility",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-woman-denim-jacket-undershirt-looks-sun-bright-backdrop-brunette-girl-light-pants-sunglasses-poses-yellow-background_197531-28011.jpg",
|
||||
alt: "Positive woman in denim jacket and undershirt",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-hipster-girl-trendy-summer-checkered-shirt-jeans-clothes-sexy-carefree-woman-posing-near-pink-wall-studio-positive-model-with-no-makeup_158538-3326.jpg",
|
||||
alt: "Portrait of young beautiful smiling hipster girl",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/neighborhood-lifestyle-friends_23-2149746742.jpg", alt: "Neighborhood lifestyle of friends" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-night-with-flash_23-2150204452.jpg", alt: "Full shot woman posing at night with flash" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-people-using-sustainable-mobility_23-2149290963.jpg", alt: "Young people using sustainable mobility" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-woman-denim-jacket-undershirt-looks-sun-bright-backdrop-brunette-girl-light-pants-sunglasses-poses-yellow-background_197531-28011.jpg", alt: "Positive woman in denim jacket and undershirt" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-hipster-girl-trendy-summer-checkered-shirt-jeans-clothes-sexy-carefree-woman-posing-near-pink-wall-studio-positive-model-with-no-makeup_158538-3326.jpg", alt: "Portrait of young beautiful smiling hipster girl" },
|
||||
]}
|
||||
avatarText="Join 10,000+ fashion conscious members"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Vintage",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Curated",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "Sustainable" }, { type: "text", text: "Vintage" }, { type: "text", text: "Curated" }, { type: "text", text: "Authentic" }, { type: "text", text: "Quality" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -162,48 +78,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Vintage Leather Jacket",
|
||||
price: "$120",
|
||||
variant: "Classic Cut",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-brothers-with-basketball_23-2150156947.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Cotton Hoodie",
|
||||
price: "$65",
|
||||
variant: "Oversized",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-photo-casual-cheeky-woman-sunglasses-denim-back-yard_613910-20946.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Denim Jeans",
|
||||
price: "$85",
|
||||
variant: "Straight Leg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-girl-s-legs-red-keds-going-upstairs_176420-42223.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Summer Linen Shirt",
|
||||
price: "$55",
|
||||
variant: "Beige",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-skateboard_23-2148436078.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Streetwear Tee",
|
||||
price: "$40",
|
||||
variant: "Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-trendy-coat-outside_1303-21539.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Designer Blazer",
|
||||
price: "$180",
|
||||
variant: "Charcoal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sporty-curly-haired-woman-dressed-brown-sportswear-holds-bottle-fresh-water-rests-after-cardio-workout-city-focused-away-pensively-leads-healthy-lifestyle-feels-thirsty-after-training_273609-59892.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Vintage Leather Jacket", price: "$120", variant: "Classic Cut", imageSrc: "http://img.b2bpic.net/free-photo/front-view-brothers-with-basketball_23-2150156947.jpg" },
|
||||
{ id: "p2", name: "Cotton Hoodie", price: "$65", variant: "Oversized", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-photo-casual-cheeky-woman-sunglasses-denim-back-yard_613910-20946.jpg" },
|
||||
{ id: "p3", name: "Denim Jeans", price: "$85", variant: "Straight Leg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-girl-s-legs-red-keds-going-upstairs_176420-42223.jpg" },
|
||||
{ id: "p4", name: "Summer Linen Shirt", price: "$55", variant: "Beige", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-skateboard_23-2148436078.jpg" },
|
||||
{ id: "p5", name: "Streetwear Tee", price: "$40", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-trendy-coat-outside_1303-21539.jpg" },
|
||||
{ id: "p6", name: "Designer Blazer", price: "$180", variant: "Charcoal", imageSrc: "http://img.b2bpic.net/free-photo/sporty-curly-haired-woman-dressed-brown-sportswear-holds-bottle-fresh-water-rests-after-cardio-workout-city-focused-away-pensively-leads-healthy-lifestyle-feels-thirsty-after-training_273609-59892.jpg" },
|
||||
]}
|
||||
title="Trending Arrivals"
|
||||
description="Hand-picked pieces arriving daily."
|
||||
@@ -217,49 +97,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Verified Quality",
|
||||
description: "Every item is hand-inspected for wear and authenticity.",
|
||||
icon: Shield,
|
||||
title: "Verified Quality", description: "Every item is hand-inspected for wear and authenticity.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/slow-fashion-badge-colection_23-2148811354.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-closing-button-blue-shirt_23-2148175658.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885675.jpg?_wi=2",
|
||||
imageAlt: "fast sustainable shipping icon",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/slow-fashion-badge-colection_23-2148811354.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-closing-button-blue-shirt_23-2148175658.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Fast Shipping",
|
||||
description: "We ensure your new favorite items arrive within 3-5 days.",
|
||||
icon: Zap,
|
||||
title: "Fast Shipping", description: "We ensure your new favorite items arrive within 3-5 days.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-s-hand-taking-coat-hanger-shirt-from-rack-hook-red-wall_23-2148175656.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-box-with-chocolate-leaf_23-2147658677.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-brothers-with-basketball_23-2150156947.jpg?_wi=2",
|
||||
imageAlt: "fast sustainable shipping icon",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-s-hand-taking-coat-hanger-shirt-from-rack-hook-red-wall_23-2148175656.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/wooden-box-with-chocolate-leaf_23-2147658677.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Sustainable Fashion",
|
||||
description: "Reducing waste one garment at a time.",
|
||||
icon: Leaf,
|
||||
title: "Sustainable Fashion", description: "Reducing waste one garment at a time.", icon: Leaf,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/arrow-cycle-leaves_78370-1717.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-owner-preparing-her-store_23-2149300907.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-photo-casual-cheeky-woman-sunglasses-denim-back-yard_613910-20946.jpg?_wi=2",
|
||||
imageAlt: "fast sustainable shipping icon",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/arrow-cycle-leaves_78370-1717.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-business-owner-preparing-her-store_23-2149300907.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -272,46 +128,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great find!",
|
||||
quote: "The jacket I received looked brand new.",
|
||||
name: "Jane D.",
|
||||
role: "Collector",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-glam-girl-sunglasses-laughing-smiling-standing-holiday-pink-background_1258-87980.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Fast Shipping",
|
||||
quote: "Arrived quicker than expected. Perfect fit.",
|
||||
name: "Mark S.",
|
||||
role: "Buyer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-laughing-young-relaxed-man-sitting-outdoors-vintage-circular-stairs_158595-3655.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Sustainable Style",
|
||||
quote: "Love that I can shop sustainably and stylishly.",
|
||||
name: "Emily R.",
|
||||
role: "Trendsetter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-female-photographer-exploring-subway-city_23-2149186691.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Authentic pieces",
|
||||
quote: "Always finding hidden gems here.",
|
||||
name: "David W.",
|
||||
role: "Vintage fan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915110.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Highly recommend",
|
||||
quote: "Customer service is top notch.",
|
||||
name: "Sarah P.",
|
||||
role: "Loyal shopper",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-brunet-dark-skinned-man-floral-shirt-smiles-with-closed-eyes_197531-23739.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Great find!", quote: "The jacket I received looked brand new.", name: "Jane D.", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-glam-girl-sunglasses-laughing-smiling-standing-holiday-pink-background_1258-87980.jpg" },
|
||||
{ id: "t2", title: "Fast Shipping", quote: "Arrived quicker than expected. Perfect fit.", name: "Mark S.", role: "Buyer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-laughing-young-relaxed-man-sitting-outdoors-vintage-circular-stairs_158595-3655.jpg" },
|
||||
{ id: "t3", title: "Sustainable Style", quote: "Love that I can shop sustainably and stylishly.", name: "Emily R.", role: "Trendsetter", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-female-photographer-exploring-subway-city_23-2149186691.jpg" },
|
||||
{ id: "t4", title: "Authentic pieces", quote: "Always finding hidden gems here.", name: "David W.", role: "Vintage fan", imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915110.jpg" },
|
||||
{ id: "t5", title: "Highly recommend", quote: "Customer service is top notch.", name: "Sarah P.", role: "Loyal shopper", imageSrc: "http://img.b2bpic.net/free-photo/happy-brunet-dark-skinned-man-floral-shirt-smiles-with-closed-eyes_197531-23739.jpg" },
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Real feedback from our loyal customers."
|
||||
@@ -324,24 +145,10 @@ export default function LandingPage() {
|
||||
title="Get in Touch"
|
||||
description="Have questions about our collection or consigning with us?"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message here...",
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your message here...", required: true }}
|
||||
imageSrc="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"
|
||||
/>
|
||||
</div>
|
||||
@@ -349,17 +156,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="MODERN RERUN"
|
||||
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