Merge version_1 into main #1
216
src/app/page.tsx
216
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="RetroVibe"
|
||||
/>
|
||||
@@ -52,128 +44,69 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Timeless Style, Reimagined"
|
||||
description="Discover curated vintage collections that bring back the charm of the past with modern flair. Quality pieces that tell a story."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/monochrome-portrait-retro-man-doing-housework-household-chores_23-2151448612.jpg"
|
||||
imageAlt="Vintage apparel display"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/romantic-couple-fashion-clothes-hugging_1157-50864.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/romantic-couple-fashion-clothes-hugging_1157-50864.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-asian-woman-holding-colored-shopping-bags_1150-14181.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-asian-woman-holding-colored-shopping-bags_1150-14181.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mature-man-with-sustainable-mobility-skateboard_23-2149129351.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mature-man-with-sustainable-mobility-skateboard_23-2149129351.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-red-hat_23-2150746341.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-red-hat_23-2150746341.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-red-polka-dot-dress-posing-smiling-yellow_140725-44995.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-red-polka-dot-dress-posing-smiling-yellow_140725-44995.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Loved by 10k+ vintage enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Fashion",
|
||||
},
|
||||
type: "text", text: "Sustainable Fashion"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Curated Authenticity",
|
||||
},
|
||||
type: "text", text: "Curated Authenticity"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Aesthetics",
|
||||
},
|
||||
type: "text", text: "Timeless Aesthetics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Craftsmanship",
|
||||
},
|
||||
type: "text", text: "Quality Craftsmanship"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Retro Revival",
|
||||
},
|
||||
type: "text", text: "Retro Revival"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="depth-3d"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Vibe",
|
||||
name: "Vintage 70s Shirt",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-black-cap-sitting-bar-counter-holding-mustard-bottle-while-eating-burger-cafe_574295-3412.jpg",
|
||||
},
|
||||
id: "1", brand: "Vibe", name: "Vintage 70s Shirt", price: "$45", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/young-man-black-cap-sitting-bar-counter-holding-mustard-bottle-while-eating-burger-cafe_574295-3412.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Retro",
|
||||
name: "Leather Jacket",
|
||||
price: "$120",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-fashion-portrait-handsome-guy-stylish-spring-sportive-outfit-listening-favorite-music_273443-2700.jpg",
|
||||
},
|
||||
id: "2", brand: "Retro", name: "Leather Jacket", price: "$120", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-fashion-portrait-handsome-guy-stylish-spring-sportive-outfit-listening-favorite-music_273443-2700.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Classic",
|
||||
name: "Corduroy Pants",
|
||||
price: "$65",
|
||||
rating: 4,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-haired-guitarist_1385-1090.jpg",
|
||||
},
|
||||
id: "3", brand: "Classic", name: "Corduroy Pants", price: "$65", rating: 4,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/red-haired-guitarist_1385-1090.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Vibe",
|
||||
name: "Floral Vintage Dress",
|
||||
price: "$85",
|
||||
rating: 5,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-floral-dress-sitting-chair-with-different-flowers-floor_23-2148121845.jpg",
|
||||
},
|
||||
id: "4", brand: "Vibe", name: "Floral Vintage Dress", price: "$85", rating: 5,
|
||||
reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/man-floral-dress-sitting-chair-with-different-flowers-floor_23-2148121845.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Retro",
|
||||
name: "Denim Jacket",
|
||||
price: "$95",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-girl-posing-outdoors_23-2148499586.jpg",
|
||||
},
|
||||
id: "5", brand: "Retro", name: "Denim Jacket", price: "$95", rating: 5,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-girl-posing-outdoors_23-2148499586.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Classic",
|
||||
name: "Knit Sweater",
|
||||
price: "$55",
|
||||
rating: 4,
|
||||
reviewCount: "19",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575316.jpg",
|
||||
},
|
||||
id: "6", brand: "Classic", name: "Knit Sweater", price: "$55", rating: 4,
|
||||
reviewCount: "19", imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575316.jpg"},
|
||||
]}
|
||||
title="Curated Vintage Finds"
|
||||
description="Each piece is hand-picked for its character and quality."
|
||||
@@ -185,18 +118,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our love for vintage started in the dusty corners of small boutiques.",
|
||||
},
|
||||
type: "text", content: "Our love for vintage started in the dusty corners of small boutiques."},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/baggage-with-clothes-camera-high-angle_23-2148938483.jpg",
|
||||
alt: "About our story",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/baggage-with-clothes-camera-high-angle_23-2148938483.jpg", alt: "About our story"},
|
||||
{
|
||||
type: "text",
|
||||
content: "We believe every garment has a legacy.",
|
||||
},
|
||||
type: "text", content: "We believe every garment has a legacy."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -209,45 +135,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
role: "Collector",
|
||||
company: "Vintage Club",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-fashion-clothes-hugging_1157-50864.jpg",
|
||||
},
|
||||
id: "1", name: "Alice M.", role: "Collector", company: "Vintage Club", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-fashion-clothes-hugging_1157-50864.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob R.",
|
||||
role: "Stylist",
|
||||
company: "Creative Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-asian-woman-holding-colored-shopping-bags_1150-14181.jpg",
|
||||
},
|
||||
id: "2", name: "Bob R.", role: "Stylist", company: "Creative Lab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-asian-woman-holding-colored-shopping-bags_1150-14181.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie D.",
|
||||
role: "Artist",
|
||||
company: "DesignCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-man-with-sustainable-mobility-skateboard_23-2149129351.jpg",
|
||||
},
|
||||
id: "3", name: "Charlie D.", role: "Artist", company: "DesignCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-man-with-sustainable-mobility-skateboard_23-2149129351.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diana K.",
|
||||
role: "Designer",
|
||||
company: "RetroStudio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-red-hat_23-2150746341.jpg",
|
||||
},
|
||||
id: "4", name: "Diana K.", role: "Designer", company: "RetroStudio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-red-hat_23-2150746341.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Edward P.",
|
||||
role: "Architect",
|
||||
company: "BuildRetro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-red-polka-dot-dress-posing-smiling-yellow_140725-44995.jpg",
|
||||
},
|
||||
id: "5", name: "Edward P.", role: "Architect", company: "BuildRetro", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-red-polka-dot-dress-posing-smiling-yellow_140725-44995.jpg"},
|
||||
]}
|
||||
title="Loved by Retro Lovers"
|
||||
description="See why our community keeps coming back."
|
||||
@@ -262,30 +163,15 @@ export default function LandingPage() {
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do you source your vintage pieces?",
|
||||
content: "We work with professional pickers and estate sales across the globe to curate high-quality vintage apparel.",
|
||||
},
|
||||
id: "1", title: "How do you source your vintage pieces?", content: "We work with professional pickers and estate sales across the globe to curate high-quality vintage apparel."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are these items authentic?",
|
||||
content: "Yes, every item in our collection is 100% genuine vintage, hand-vetted for condition and provenance.",
|
||||
},
|
||||
id: "2", title: "Are these items authentic?", content: "Yes, every item in our collection is 100% genuine vintage, hand-vetted for condition and provenance."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What is your return policy?",
|
||||
content: "We accept returns within 14 days of purchase for items that remain in their original condition.",
|
||||
},
|
||||
id: "3", title: "What is your return policy?", content: "We accept returns within 14 days of purchase for items that remain in their original condition."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you ship internationally?",
|
||||
content: "Absolutely! We offer worldwide shipping to ensure you can get your retro fix wherever you are.",
|
||||
},
|
||||
id: "4", title: "Do you ship internationally?", content: "Absolutely! We offer worldwide shipping to ensure you can get your retro fix wherever you are."},
|
||||
{
|
||||
id: "5",
|
||||
title: "How do I care for my vintage garments?",
|
||||
content: "We recommend gentle hand-washing or professional dry cleaning to maintain the integrity of delicate, aged fabrics.",
|
||||
},
|
||||
id: "5", title: "How do I care for my vintage garments?", content: "We recommend gentle hand-washing or professional dry cleaning to maintain the integrity of delicate, aged fabrics."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -294,13 +180,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="RetroVibe"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contact", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user