Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-23 17:04:25 +00:00

View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Shop",
id: "products",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Shop", id: "products" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="STELLY"
/>
@@ -55,112 +43,33 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="STELLY — WEAR THE FUTURE"
description="Experience the next evolution of luxury streetwear. Crafted for those who define the trend."
testimonials={[
{
name: "Alex Rivier",
handle: "@alexr",
testimonial: "The best quality streetwear I have ever owned. Truly future-forward.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-hanging-glass-chair_1303-12358.jpg?_wi=1",
},
{
name: "Sam Chen",
handle: "@samchen",
testimonial: "Futuristic design meets unparalleled comfort. Stelly is everything.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-smiling-camera_197531-33440.jpg?_wi=1",
},
{
name: "Jordan P.",
handle: "@jordp",
testimonial: "Incredible aesthetic. I get compliments everywhere I go.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-teenage-girl-dressed-striped-jumper-trousers-looks-away-poses-longboard-contemplates-about-something-poses-against-urban-building-likes-extreme-sport_273609-55258.jpg",
},
{
name: "Taylor M.",
handle: "@taym",
testimonial: "High fashion, streetwear heart. Stelly delivers every time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-blue-shirt_158595-896.jpg",
},
{
name: "Jamie Lee",
handle: "@jlee",
testimonial: "Sophisticated, modern, and perfectly crafted. My go-to brand.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-tablet_23-2149403414.jpg",
},
{
name: "Casey K.",
handle: "@ckay",
testimonial: "The aesthetic is just unmatched. Future of fashion right here.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-asian-girl-looking-camera-contrast-portrait_633478-538.jpg",
},
{ name: "Alex Rivier", handle: "@alexr", testimonial: "The best quality streetwear I have ever owned. Truly future-forward.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-hanging-glass-chair_1303-12358.jpg" },
{ name: "Sam Chen", handle: "@samchen", testimonial: "Futuristic design meets unparalleled comfort. Stelly is everything.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-man-smiling-camera_197531-33440.jpg" },
{ name: "Jordan P.", handle: "@jordp", testimonial: "Incredible aesthetic. I get compliments everywhere I go.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-teenage-girl-dressed-striped-jumper-trousers-looks-away-poses-longboard-contemplates-about-something-poses-against-urban-building-likes-extreme-sport_273609-55258.jpg" },
{ name: "Taylor M.", handle: "@taym", testimonial: "High fashion, streetwear heart. Stelly delivers every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-blue-shirt_158595-896.jpg" },
{ name: "Jamie Lee", handle: "@jlee", testimonial: "Sophisticated, modern, and perfectly crafted. My go-to brand.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-tablet_23-2149403414.jpg" },
{ name: "Casey K.", handle: "@ckay", testimonial: "The aesthetic is just unmatched. Future of fashion right here.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-asian-girl-looking-camera-contrast-portrait_633478-538.jpg" },
]}
buttons={[
{
text: "Shop Now",
href: "#products",
},
{
text: "New Collection",
href: "#products",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275094.jpg?_wi=1"
buttons={[{ text: "Shop Now", href: "#products" }, { text: "New Collection", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275094.jpg"
imageAlt="Futuristic fashion banner"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453354.jpg",
alt: "Fashion enthusiast portrait",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-man-posing_23-2148916393.jpg",
alt: "Fashion influencer portrait",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-man-posing_23-2148916388.jpg",
alt: "Street style visionary",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-woman_176420-16845.jpg",
alt: "Luxury fashion advocate",
},
{
src: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830347.jpg",
alt: "Modern trendsetter",
},
{ src: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453354.jpg", alt: "Fashion enthusiast portrait" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-man-posing_23-2148916393.jpg", alt: "Fashion influencer portrait" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-man-posing_23-2148916388.jpg", alt: "Street style visionary" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-woman_176420-16845.jpg", alt: "Luxury fashion advocate" },
{ src: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830347.jpg", alt: "Modern trendsetter" },
]}
marqueeItems={[
{
type: "text",
text: "LIMITED EDITION",
},
{
type: "text-icon",
text: "TECHWEAR",
icon: Zap,
},
{
type: "text",
text: "FUTURE FASHION",
},
{
type: "text-icon",
text: "PREMIUM",
icon: Shield,
},
{
type: "text",
text: "EXCLUSIVE DROPS",
},
{ type: "text", text: "LIMITED EDITION" },
{ type: "text-icon", text: "TECHWEAR", icon: Zap },
{ type: "text", text: "FUTURE FASHION" },
{ type: "text-icon", text: "PREMIUM", icon: Shield },
{ type: "text", text: "EXCLUSIVE DROPS" },
]}
/>
</div>
@@ -171,18 +80,9 @@ export default function LandingPage() {
title="The Stelly Philosophy"
description="We blend architectural minimalism with high-end luxury streetwear to create apparel that transcends seasons and trends."
metrics={[
{
value: "2024",
title: "Collection Launch",
},
{
value: "100%",
title: "Premium Quality",
},
{
value: "10k+",
title: "Community Members",
},
{ value: "2024", title: "Collection Launch" },
{ value: "100%", title: "Premium Quality" },
{ value: "10k+", title: "Community Members" },
]}
imageSrc="http://img.b2bpic.net/free-photo/young-attractive-woman-dark-background-loneliness-concept_169016-66019.jpg"
mediaAnimation="blur-reveal"
@@ -197,49 +97,25 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Premium Materials",
description: "Sourced from the finest technical fibers.",
icon: Shield,
title: "Premium Materials", description: "Sourced from the finest technical fibers.", icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer_627829-2776.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773397.jpg",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer_627829-2776.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773397.jpg" },
],
imageSrc: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275094.jpg?_wi=2",
imageAlt: "oversized hoodie mock-up studio",
},
{
title: "Futuristic Silhouette",
description: "Innovative cuts for a modern aesthetic.",
icon: Zap,
title: "Futuristic Silhouette", description: "Innovative cuts for a modern aesthetic.", icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/bearded-hipster-man-wearing-sunglasses-standing-isolated_171337-13928.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-asian-model-posing_23-2148750326.jpg",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/bearded-hipster-man-wearing-sunglasses-standing-isolated_171337-13928.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-asian-model-posing_23-2148750326.jpg" },
],
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-handsome-business-man-evening-suit-restaurant_627829-804.jpg",
imageAlt: "oversized hoodie mock-up studio",
},
{
title: "Limited Drops",
description: "Exclusive pieces produced in small batches.",
icon: Star,
title: "Limited Drops", description: "Exclusive pieces produced in small batches.", icon: Star,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/pink-hair-girl-avantgarde-style-wearing-sunglasses_114579-19319.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-hanging-glass-chair_1303-12358.jpg?_wi=2",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/pink-hair-girl-avantgarde-style-wearing-sunglasses_114579-19319.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-hanging-glass-chair_1303-12358.jpg" },
],
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-smiling-camera_197531-33440.jpg?_wi=2",
imageAlt: "oversized hoodie mock-up studio",
},
]}
title="Luxury Standard"
@@ -254,48 +130,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Oversized Stealth Hoodie",
price: "$150",
variant: "Charcoal",
imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-drinking-coffee-cafe_23-2149052885.jpg",
},
{
id: "p2",
name: "Apex Cargo Pants",
price: "$120",
variant: "Black",
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-fashion-design-sketch-paper_23-2151487050.jpg",
},
{
id: "p3",
name: "Technical Base Tee",
price: "$60",
variant: "Grey",
imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448774.jpg",
},
{
id: "p4",
name: "Velocity Runners",
price: "$190",
variant: "Silver",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-blue-wig-sitting-stairs_158595-4336.jpg",
},
{
id: "p5",
name: "Streetwear Track Set",
price: "$240",
variant: "Black",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-female-grey-coat_613910-7088.jpg",
},
{
id: "p6",
name: "Urban Tech Jacket",
price: "$280",
variant: "Charcoal",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer-against-steel-wall_627829-2800.jpg",
},
{ id: "p1", name: "Oversized Stealth Hoodie", price: "$150", variant: "Charcoal", imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-drinking-coffee-cafe_23-2149052885.jpg" },
{ id: "p2", name: "Apex Cargo Pants", price: "$120", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-fashion-design-sketch-paper_23-2151487050.jpg" },
{ id: "p3", name: "Technical Base Tee", price: "$60", variant: "Grey", imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448774.jpg" },
{ id: "p4", name: "Velocity Runners", price: "$190", variant: "Silver", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-blue-wig-sitting-stairs_158595-4336.jpg" },
{ id: "p5", name: "Streetwear Track Set", price: "$240", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-female-grey-coat_613910-7088.jpg" },
{ id: "p6", name: "Urban Tech Jacket", price: "$280", variant: "Charcoal", imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer-against-steel-wall_627829-2800.jpg" },
]}
title="New Collection"
description="Shop the latest arrivals in luxury streetwear."
@@ -308,24 +148,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Award,
title: "Editor's Choice",
value: "2024",
},
{
id: "m2",
icon: Zap,
title: "Fast Shipping",
value: "24h",
},
{
id: "m3",
icon: CheckCircle,
title: "Quality Score",
value: "100%",
},
{ id: "m1", icon: Award, title: "Editor's Choice", value: "2024" },
{ id: "m2", icon: Zap, title: "Fast Shipping", value: "24h" },
{ id: "m3", icon: CheckCircle, title: "Quality Score", value: "100%" },
]}
title="Brand Impact"
description="Defining the culture of tomorrow."
@@ -334,58 +159,17 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="depth-3d"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah J.",
role: "Fashion Editor",
company: "Stelly Stylist",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/good-looking-african-man-sitting-stairs-looking-tired-guy-jacket-posing-steps_197531-22073.jpg",
},
{
id: "t2",
name: "Marcus T.",
role: "Designer",
company: "LabX",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-posing-white-shirt_23-2149021854.jpg",
},
{
id: "t3",
name: "Elena V.",
role: "Model",
company: "Fashion Agency",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-couple-posing-studio_23-2148632244.jpg",
},
{
id: "t4",
name: "Julian B.",
role: "Streetwear Icon",
company: "Urban Collective",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fabulous-drag-queen-getting-ready-photo-shooting_23-2149138203.jpg",
},
{
id: "t5",
name: "Chloe S.",
role: "Blogger",
company: "Trend Hunter",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/carefree-ethnic-young-woman-wears-casual-sweatshirt-with-hood_273609-18078.jpg",
},
{
id: "t6",
name: "David R.",
role: "Creative Director",
company: "Design Studio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-white-blouse-terracotta-pants-minimalist-setting_24972-2967.jpg",
},
{ id: "t1", name: "Sarah J.", role: "Fashion Editor", company: "Stelly Stylist", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/good-looking-african-man-sitting-stairs-looking-tired-guy-jacket-posing-steps_197531-22073.jpg" },
{ id: "t2", name: "Marcus T.", role: "Designer", company: "LabX", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-posing-white-shirt_23-2149021854.jpg" },
{ id: "t3", name: "Elena V.", role: "Model", company: "Fashion Agency", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashionable-couple-posing-studio_23-2148632244.jpg" },
{ id: "t4", name: "Julian B.", role: "Streetwear Icon", company: "Urban Collective", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fabulous-drag-queen-getting-ready-photo-shooting_23-2149138203.jpg" },
{ id: "t5", name: "Chloe S.", role: "Blogger", company: "Trend Hunter", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/carefree-ethnic-young-woman-wears-casual-sweatshirt-with-hood_273609-18078.jpg" },
{ id: "t6", name: "David R.", role: "Creative Director", company: "Design Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-white-blouse-terracotta-pants-minimalist-setting_24972-2967.jpg" },
]}
title="Community Voices"
description="What our style pioneers are saying."
@@ -400,36 +184,9 @@ export default function LandingPage() {
title="Fashion Editorials"
description="Exploring the intersection of technology and fashion."
blogs={[
{
id: "b1",
category: "Trends",
title: "The Future of Techwear",
excerpt: "How innovation changes how we dress.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-her-worshop_23-2149536314.jpg",
authorName: "Stelly Editor",
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020774.jpg",
date: "Oct 20, 2024",
},
{
id: "b2",
category: "Lifestyle",
title: "Minimalist Streetwear",
excerpt: "Finding elegance in simplicity.",
imageSrc: "http://img.b2bpic.net/free-photo/young-person-getting-ready-doing-sport-night_23-2149287995.jpg",
authorName: "Stelly Editor",
authorAvatar: "http://img.b2bpic.net/free-photo/front-view-woman-with-hijab-posing_23-2149522161.jpg",
date: "Oct 15, 2024",
},
{
id: "b3",
category: "Design",
title: "Crafting the Future",
excerpt: "Behind the scenes of our latest drops.",
imageSrc: "http://img.b2bpic.net/free-photo/school-scene-with-queer-teens_23-2150379366.jpg",
authorName: "Stelly Editor",
authorAvatar: "http://img.b2bpic.net/free-photo/man-suit-posing-against-orange-architectural-facade_24972-2943.jpg",
date: "Oct 10, 2024",
},
{ id: "b1", category: "Trends", title: "The Future of Techwear", excerpt: "How innovation changes how we dress.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-her-worshop_23-2149536314.jpg", authorName: "Stelly Editor", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020774.jpg", date: "Oct 20, 2024" },
{ id: "b2", category: "Lifestyle", title: "Minimalist Streetwear", excerpt: "Finding elegance in simplicity.", imageSrc: "http://img.b2bpic.net/free-photo/young-person-getting-ready-doing-sport-night_23-2149287995.jpg", authorName: "Stelly Editor", authorAvatar: "http://img.b2bpic.net/free-photo/front-view-woman-with-hijab-posing_23-2149522161.jpg", date: "Oct 15, 2024" },
{ id: "b3", category: "Design", title: "Crafting the Future", excerpt: "Behind the scenes of our latest drops.", imageSrc: "http://img.b2bpic.net/free-photo/school-scene-with-queer-teens_23-2150379366.jpg", authorName: "Stelly Editor", authorAvatar: "http://img.b2bpic.net/free-photo/man-suit-posing-against-orange-architectural-facade_24972-2943.jpg", date: "Oct 10, 2024" },
]}
/>
</div>
@@ -437,9 +194,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "rotated-rays-static",
}}
background={{ variant: "rotated-rays-static" }}
tag="Newsletter"
title="Join the Elite"
description="Be the first to hear about our limited edition drops and private sales."
@@ -451,57 +206,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Shop",
items: [
{
label: "All Products",
href: "#products",
},
{
label: "New Arrivals",
href: "#products",
},
{
label: "Best Sellers",
href: "#products",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#",
},
{
label: "Shipping",
href: "#",
},
{
label: "Returns",
href: "#",
},
],
},
{ title: "Shop", items: [{ label: "All Products", href: "#products" }, { label: "New Arrivals", href: "#products" }, { label: "Best Sellers", href: "#products" }] },
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }, { label: "Careers", href: "#" }] },
{ title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Shipping", href: "#" }, { label: "Returns", href: "#" }] },
]}
bottomLeftText="© 2024 STELLY. All rights reserved."
bottomRightText="Privacy Policy | Terms of Service"
@@ -510,4 +217,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}