Merge version_1 into main #1
299
src/app/page.tsx
299
src/app/page.tsx
@@ -16,188 +16,139 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
]}
|
||||
brandName="Rivo-Vintage"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Shop", id: "#products" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
]}
|
||||
brandName="Rivo-Vintage"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
logoText="RIVO-VINTAGE"
|
||||
description="Authentic Vintage & Streetwear Clothing. Discover our curated selection of high-quality vintage pieces."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop on Vinted",
|
||||
href: "https://www.vinted.de/member/3133733309-rivo-vintage-shop",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-psd/hand-drawn-thrift-store-facebook-template_23-2150125702.jpg"
|
||||
imageAlt="Rivo-Vintage Hero Collection"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="RIVO-VINTAGE"
|
||||
description="Authentic Vintage & Streetwear Clothing. Discover our curated selection of high-quality vintage pieces."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop on Vinted", href: "https://www.vinted.de/member/3133733309-rivo-vintage-shop"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-psd/hand-drawn-thrift-store-facebook-template_23-2150125702.jpg"
|
||||
imageAlt="vintage clothing store banner"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCatalog
|
||||
layout="section"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Vintage Designer Piece",
|
||||
price: "45€",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-man-with-his-bicycle-standing-front-plant_23-2148176715.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Rare Streetwear Find",
|
||||
price: "60€",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-going-shopping-antique-store_23-2149525691.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Retro Fashion Essential",
|
||||
price: "35€",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-summer-clothes_158538-10238.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCatalog
|
||||
layout="section"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Vintage Designer Piece", price: "45€", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-man-with-his-bicycle-standing-front-plant_23-2148176715.jpg", imageAlt: "vintage designer sweatshirt vintage style"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Rare Streetwear Find", price: "60€", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-going-shopping-antique-store_23-2149525691.jpg", imageAlt: "vintage branded jacket retro aesthetic"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Retro Fashion Essential", price: "35€", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-summer-clothes_158538-10238.jpg", imageAlt: "vintage luxury apparel item"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "shipping",
|
||||
title: "How long does shipping take?",
|
||||
content: "We ship immediately within 1-2 working days via DHL.",
|
||||
},
|
||||
{
|
||||
id: "auth",
|
||||
title: "Are all items authentic?",
|
||||
content: "Yes, every item in our shop is 100% authentic and hand-picked.",
|
||||
},
|
||||
]}
|
||||
title="FAQ"
|
||||
description="Common questions about our shop and shipping."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "shipping", title: "How long does shipping take?", content: "We ship immediately within 1-2 working days via DHL."},
|
||||
{
|
||||
id: "auth", title: "Are all items authentic?", content: "Yes, every item in our shop is 100% authentic and hand-picked."},
|
||||
]}
|
||||
title="FAQ"
|
||||
description="Common questions about our shop and shipping."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Customer Reviews"
|
||||
description="See what our vintage community says about their latest finds."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Fashion Enthusiast",
|
||||
company: "Community Member",
|
||||
rating: 5,
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marc L.",
|
||||
role: "Streetwear Collector",
|
||||
company: "Community Member",
|
||||
rating: 5,
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
role: "Vintage Lover",
|
||||
company: "Community Member",
|
||||
rating: 5,
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Tom K.",
|
||||
role: "Fashion Blogger",
|
||||
company: "Community Member",
|
||||
rating: 5,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Customer Reviews"
|
||||
description="See what our vintage community says about their latest finds."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Sarah J.", role: "Fashion Enthusiast", company: "Community Member", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "t2", name: "Marc L.", role: "Streetwear Collector", company: "Community Member", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "t3", name: "Elena R.", role: "Vintage Lover", company: "Community Member", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "t4", name: "Tom K.", role: "Fashion Blogger", company: "Community Member", rating: 5,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Shop Stats"
|
||||
tag="Trusted Quality"
|
||||
metricsAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Happy Customers",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
description: "Authentic Items",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24h",
|
||||
description: "Fast Dispatch",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Shop Stats"
|
||||
tag="Trusted Quality"
|
||||
metricsAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "500+", description: "Happy Customers"},
|
||||
{
|
||||
id: "m2", value: "100%", description: "Authentic Items"},
|
||||
{
|
||||
id: "m3", value: "24h", description: "Fast Dispatch"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop on Vinted",
|
||||
href: "https://www.vinted.de/member/3133733309-rivo-vintage-shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="RIVO-VINTAGE"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop on Vinted", href: "https://www.vinted.de/member/3133733309-rivo-vintage-shop"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="RIVO-VINTAGE"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user