bender/dc8c41b7-d6d4-489d-bc42-457f8b484508
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-17 08:52:38 +00:00
parent 4f38000f4c
commit c1930f481c
1 changed files with 43 additions and 161 deletions
Download Patch File Download Diff File Expand all files Collapse all files

204
src/app/page.tsx
View File

@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Drops",
id: "products",
},
name: "Drops", id: "products"},
{
name: "Story",
id: "about",
},
name: "Story", id: "about"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
]}
brandName="RARE"
/>
@@ -56,62 +48,39 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "plain",
}}
variant: "plain"}}
title="RARE. DEFINED BY THE UNSEEN."
description="We don't follow trends. We craft them for the bold. Experience the next evolution of high-end streetwear."
buttons={[
{
text: "Shop The Drop",
href: "#products",
},
text: "Shop The Drop", href: "#products"},
]}
imageSrc="http://img.b2bpic.net/free-photo/stylish-woman-wearing-blue-wig-sitting-stairs_158595-4336.jpg"
imageAlt="urban fashion model dark theme"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/stunning-african-man-posing-with-gently-smile-stairs-handsome-guy-checkered-jacket-sitting-steps-evening_197531-22068.jpg",
alt: "Stunning african man posing with gently smile on stairs. Handsome guy in checkered jacket sitting on steps in evening.",
},
src: "http://img.b2bpic.net/free-photo/stunning-african-man-posing-with-gently-smile-stairs-handsome-guy-checkered-jacket-sitting-steps-evening_197531-22068.jpg", alt: "Stunning african man posing with gently smile on stairs. Handsome guy in checkered jacket sitting on steps in evening."},
{
src: "http://img.b2bpic.net/free-photo/brutal-young-man-sunglasses-hat-island-travel_1321-3839.jpg",
alt: "Brutal young man in sunglasses and a hat. Island travel.",
},
src: "http://img.b2bpic.net/free-photo/brutal-young-man-sunglasses-hat-island-travel_1321-3839.jpg", alt: "Brutal young man in sunglasses and a hat. Island travel."},
{
src: "http://img.b2bpic.net/free-photo/young-handsome-smiling-hipster-black-man-retro-vintage-style-suit-dancing-hip-hop-disco-night-club-having-fun_285396-10218.jpg",
alt: "Young handsome smiling hipster black man in retro vintage style suit dancing hip hop in disco night club, having fun",
},
src: "http://img.b2bpic.net/free-photo/young-handsome-smiling-hipster-black-man-retro-vintage-style-suit-dancing-hip-hop-disco-night-club-having-fun_285396-10218.jpg", alt: "Young handsome smiling hipster black man in retro vintage style suit dancing hip hop in disco night club, having fun"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1131.jpg",
alt: "Beautiful blonde woman in white hoodie and blue jeans posing against neon background",
},
src: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1131.jpg", alt: "Beautiful blonde woman in white hoodie and blue jeans posing against neon background"},
{
src: "http://img.b2bpic.net/free-photo/blue-jeans-fabric-details_150588-43.jpg",
alt: "the blue jeans fabric details",
},
src: "http://img.b2bpic.net/free-photo/blue-jeans-fabric-details_150588-43.jpg", alt: "the blue jeans fabric details"},
]}
marqueeItems={[
{
type: "text",
text: "LIMITED EDITION",
},
type: "text", text: "LIMITED EDITION"},
{
type: "text",
text: "RARE EXCLUSIVES",
},
type: "text", text: "RARE EXCLUSIVES"},
{
type: "text",
text: "GLOBAL SHIPPING",
},
type: "text", text: "GLOBAL SHIPPING"},
{
type: "text",
text: "PREMIUM FABRICS",
},
type: "text", text: "PREMIUM FABRICS"},
{
type: "text",
text: "AVANT-GARDE",
},
type: "text", text: "AVANT-GARDE"},
]}
/>
</div>
@@ -122,8 +91,7 @@ export default function LandingPage() {
title="The Philosophy of Rare"
buttons={[
{
text: "Learn More",
},
text: "Learn More"},
]}
/>
</div>
@@ -132,44 +100,21 @@ export default function LandingPage() {
<ProductCardThree
textboxLayout="split"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
useInvertedBackground={true}
products={[
{
id: "1",
name: "Obsidian Sneaker",
price: "$340",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-man-outdoor_624325-3549.jpg",
},
id: "1", name: "Obsidian Sneaker", price: "$340", imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-man-outdoor_624325-3549.jpg"},
{
id: "2",
name: "Architectural Hoodie",
price: "$220",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2744.jpg",
},
id: "2", name: "Architectural Hoodie", price: "$220", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2744.jpg"},
{
id: "3",
name: "Tactical Utility Pant",
price: "$280",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-outdoors_23-2151038555.jpg",
},
id: "3", name: "Tactical Utility Pant", price: "$280", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-outdoors_23-2151038555.jpg"},
{
id: "4",
name: "Minimalist Tee",
price: "$85",
imageSrc: "http://img.b2bpic.net/free-vector/happy-new-year-2025-text-typography-design-element-flyer-banner-poster-design_460848-18792.jpg",
},
id: "4", name: "Minimalist Tee", price: "$85", imageSrc: "http://img.b2bpic.net/free-vector/happy-new-year-2025-text-typography-design-element-flyer-banner-poster-design_460848-18792.jpg"},
{
id: "5",
name: "Cargo Tech Vest",
price: "$190",
imageSrc: "http://img.b2bpic.net/free-photo/soldier-russian-s-war-ukraine-side-view_23-2149437803.jpg",
},
id: "5", name: "Cargo Tech Vest", price: "$190", imageSrc: "http://img.b2bpic.net/free-photo/soldier-russian-s-war-ukraine-side-view_23-2149437803.jpg"},
{
id: "6",
name: "Matte Accessory",
price: "$60",
imageSrc: "http://img.b2bpic.net/free-photo/skater-wearing-trucker-hat_23-2149431180.jpg",
},
id: "6", name: "Matte Accessory", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/skater-wearing-trucker-hat_23-2149431180.jpg"},
]}
title="Current Collection"
description="Each piece is limited. Once they are gone, they remain gone."
@@ -181,12 +126,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Hypebeast",
"Vogue",
"GQ",
"Complex",
"Highsnobiety",
]}
"Hypebeast", "Vogue", "GQ", "Complex", "Highsnobiety"]}
title="Seen In"
description="Cultural icons trust RARE."
/>
@@ -196,24 +136,16 @@ export default function LandingPage() {
<MetricCardThree
textboxLayout="split"
useInvertedBackground={true}
animationType="slide-up"
metrics={[
{
id: "m1",
title: "Collectors",
value: "10k+",
icon: Users,
id: "m1", title: "Collectors", value: "10k+", icon: Users,
},
{
id: "m2",
title: "Pieces Crafted",
value: "50k+",
icon: Layers,
id: "m2", title: "Pieces Crafted", value: "50k+", icon: Layers,
},
{
id: "m3",
title: "Global Drops",
value: "120",
icon: Globe,
id: "m3", title: "Global Drops", value: "120", icon: Globe,
},
]}
title="Our Impact"
@@ -227,45 +159,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
title: "Incredible Quality",
quote: "The fabric quality is unmatched. Truly rare.",
name: "Alex R.",
role: "Creative",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-american-man-posing-outside-black-hat-beige-coat-with-folder-hand_627829-5454.jpg",
},
id: "t1", title: "Incredible Quality", quote: "The fabric quality is unmatched. Truly rare.", name: "Alex R.", role: "Creative", imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-american-man-posing-outside-black-hat-beige-coat-with-folder-hand_627829-5454.jpg"},
{
id: "t2",
title: "Distinct Aesthetic",
quote: "Finally, streetwear that feels original.",
name: "Maya S.",
role: "Designer",
imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg",
},
id: "t2", title: "Distinct Aesthetic", quote: "Finally, streetwear that feels original.", name: "Maya S.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg"},
{
id: "t3",
title: "Elite Fits",
quote: "My go-to brand for unique silhouettes.",
name: "Leo P.",
role: "Influencer",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-blue-light_23-2149478943.jpg",
},
id: "t3", title: "Elite Fits", quote: "My go-to brand for unique silhouettes.", name: "Leo P.", role: "Influencer", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-blue-light_23-2149478943.jpg"},
{
id: "t4",
title: "Fast Shipping",
quote: "Surprisingly quick shipping for a high-end drop.",
name: "Sam D.",
role: "Collector",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-lone-woman-bar_53876-165211.jpg",
},
id: "t4", title: "Fast Shipping", quote: "Surprisingly quick shipping for a high-end drop.", name: "Sam D.", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/portrait-lone-woman-bar_53876-165211.jpg"},
{
id: "t5",
title: "Pure Hype",
quote: "RARE always hits different.",
name: "Jo K.",
role: "Artist",
imageSrc: "http://img.b2bpic.net/free-photo/birthday-warm-antique-white-friendship-handmade_1418-4.jpg",
},
id: "t5", title: "Pure Hype", quote: "RARE always hits different.", name: "Jo K.", role: "Artist", imageSrc: "http://img.b2bpic.net/free-photo/birthday-warm-antique-white-friendship-handmade_1418-4.jpg"},
]}
title="Voices of the Rare"
description="What our community is saying."
@@ -278,20 +180,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "How limited is each drop?",
content: "Every piece is limited to 500 units worldwide.",
},
id: "f1", title: "How limited is each drop?", content: "Every piece is limited to 500 units worldwide."},
{
id: "f2",
title: "Do you ship internationally?",
content: "Yes, we ship to over 50 countries globally.",
},
id: "f2", title: "Do you ship internationally?", content: "Yes, we ship to over 50 countries globally."},
{
id: "f3",
title: "Can I return items?",
content: "We offer a 14-day return window for unworn items.",
},
id: "f3", title: "Can I return items?", content: "We offer a 14-day return window for unworn items."},
]}
title="Common Questions"
faqsAnimation="slide-up"
@@ -303,14 +196,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
text="Join the rare circle."
buttons={[
{
text: "Contact Support",
href: "mailto:support@rare.com",
},
text: "Contact Support", href: "mailto:support@rare.com"},
]}
/>
</div>
@@ -321,25 +211,17 @@ export default function LandingPage() {
{
items: [
{
label: "Shop",
href: "#products",
},
label: "Shop", href: "#products"},
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
],
},
{
items: [
{
label: "Support",
href: "#contact",
},
label: "Support", href: "#contact"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
]}