bender/5460ea3c-1ee9-40a2-87e2-260aa7a225cd
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-03-25 05:12:16 +00:00
parent 4a709f27eb
commit 89db00da01
1 changed files with 47 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files

229
src/app/page.tsx
View File

@@ -33,30 +33,16 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "home",
href: "/",
},
name: "Home", id: "/"},
{
name: "Shop",
id: "shop",
href: "/shop",
},
name: "Shop", id: "/shop"},
{
name: "About",
id: "about",
href: "/about",
},
name: "About", id: "/about"},
{
name: "Contact",
id: "contact",
href: "/contact",
},
name: "Contact", id: "/contact"},
]}
button={{
text: "Cart (0)",
href: "/cart",
}}
text: "Cart (0)", href: "/cart"}}
brandName="Supreme Threads"
/>
</div>
@@ -64,28 +50,21 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "plain",
}}
variant: "plain"}}
title="Unleash Your Style."
description="Experience premium streetwear that defines individuality. Classic designs, oversized fit, unparalleled comfort."
tag="NEW COLLECTION"
tagAnimation="slide-up"
buttons={[
{
text: "Shop Now",
href: "/shop",
},
text: "Shop Now", href: "/shop"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/young-surfer-man-with-his-surfboard_273609-14208.jpg?_wi=1",
imageAlt: "Model wearing oversized t-shirt",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-surfer-man-with-his-surfboard_273609-14208.jpg", imageAlt: "Model wearing oversized t-shirt"},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-sunglasses_23-2149409792.jpg?_wi=1",
imageAlt: "Model posing in streetwear",
},
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-sunglasses_23-2149409792.jpg", imageAlt: "Model posing in streetwear"},
]}
mediaAnimation="slide-up"
rating={5}
@@ -101,22 +80,16 @@ export default function LandingPage() {
description="We blend timeless design with modern comfort, creating streetwear that stands out. Quality fabrics, ethical production, and a passion for urban culture drive every stitch."
bulletPoints={[
{
title: "Premium Fabrics",
description: "Soft, durable, and comfortable materials designed for everyday wear.",
icon: Star,
title: "Premium Fabrics", description: "Soft, durable, and comfortable materials designed for everyday wear.", icon: Star,
},
{
title: "Iconic Designs",
description: "Unique graphics and classic cuts that make a bold statement.",
icon: Award,
title: "Iconic Designs", description: "Unique graphics and classic cuts that make a bold statement.", icon: Award,
},
{
title: "Sustainable Practices",
description: "Committed to eco-friendly production and responsible sourcing.",
icon: Diamond,
title: "Sustainable Practices", description: "Committed to eco-friendly production and responsible sourcing.", icon: Diamond,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-fabric_23-2148817552.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/top-view-fabric_23-2148817552.jpg"
imageAlt="Close-up of premium fabric texture"
mediaAnimation="slide-up"
/>
@@ -129,31 +102,13 @@ export default function LandingPage() {
features={[
{
id: 1,
tag: "COMFORT",
title: "Signature Oversized Fit",
subtitle: "Unrestricted style",
description: "Our t-shirts are designed for a relaxed, modern fit, providing ultimate comfort without compromising on style. Perfect for any occasion.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-standing-with-bicycle-shoulder-bag-against-dark-black-backdrop_23-2148176655.jpg?_wi=1",
imageAlt: "Model in oversized white t-shirt",
},
tag: "COMFORT", title: "Signature Oversized Fit", subtitle: "Unrestricted style", description: "Our t-shirts are designed for a relaxed, modern fit, providing ultimate comfort without compromising on style. Perfect for any occasion.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-standing-with-bicycle-shoulder-bag-against-dark-black-backdrop_23-2148176655.jpg", imageAlt: "Model in oversized white t-shirt"},
{
id: 2,
tag: "QUALITY",
title: "Built to Last",
subtitle: "Premium durability",
description: "Crafted from high-grade cotton blends, our garments endure wash after wash, maintaining their shape and softness, ensuring longevity in your wardrobe.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fabric_23-2148817552.jpg?_wi=2",
imageAlt: "Close up of fabric texture",
},
tag: "QUALITY", title: "Built to Last", subtitle: "Premium durability", description: "Crafted from high-grade cotton blends, our garments endure wash after wash, maintaining their shape and softness, ensuring longevity in your wardrobe.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fabric_23-2148817552.jpg", imageAlt: "Close up of fabric texture"},
{
id: 3,
tag: "DESIGN",
title: "Exclusive Graphics",
subtitle: "Wearable art",
description: "From minimalist logos to intricate urban art, our t-shirts feature unique designs that reflect contemporary culture and personal expression.",
imageSrc: "http://img.b2bpic.net/free-vector/pride-day-lettering_23-2148514310.jpg?_wi=1",
imageAlt: "Oversized graphic t-shirt",
},
tag: "DESIGN", title: "Exclusive Graphics", subtitle: "Wearable art", description: "From minimalist logos to intricate urban art, our t-shirts feature unique designs that reflect contemporary culture and personal expression.", imageSrc: "http://img.b2bpic.net/free-vector/pride-day-lettering_23-2148514310.jpg", imageAlt: "Oversized graphic t-shirt"},
]}
title="Why Choose Our Streetwear?"
description="Discover the difference in every detail, from the oversized fit to the lasting quality that sets us apart."
@@ -168,40 +123,15 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "tee-001",
name: "Classic Oversize Tee - White",
price: "$45.00",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-standing-with-bicycle-shoulder-bag-against-dark-black-backdrop_23-2148176655.jpg?_wi=2",
imageAlt: "Classic white oversized t-shirt",
},
id: "tee-001", name: "Classic Oversize Tee - White", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-standing-with-bicycle-shoulder-bag-against-dark-black-backdrop_23-2148176655.jpg", imageAlt: "Classic white oversized t-shirt"},
{
id: "tee-002",
name: "Graphic Street Tee - Black",
price: "$55.00",
imageSrc: "http://img.b2bpic.net/free-vector/pride-day-lettering_23-2148514310.jpg?_wi=2",
imageAlt: "Black oversized t-shirt with graphic print",
},
id: "tee-002", name: "Graphic Street Tee - Black", price: "$55.00", imageSrc: "http://img.b2bpic.net/free-vector/pride-day-lettering_23-2148514310.jpg", imageAlt: "Black oversized t-shirt with graphic print"},
{
id: "tee-003",
name: "Vintage Wash Oversize Tee - Grey",
price: "$50.00",
imageSrc: "http://img.b2bpic.net/free-photo/carefree-pleased-dark-skinned-lady-being-master-skateboard-tricks_273609-29810.jpg",
imageAlt: "Grey vintage wash oversized t-shirt",
},
id: "tee-003", name: "Vintage Wash Oversize Tee - Grey", price: "$50.00", imageSrc: "http://img.b2bpic.net/free-photo/carefree-pleased-dark-skinned-lady-being-master-skateboard-tricks_273609-29810.jpg", imageAlt: "Grey vintage wash oversized t-shirt"},
{
id: "tee-004",
name: "Urban Abstract Tee - Blue",
price: "$60.00",
imageSrc: "http://img.b2bpic.net/free-photo/young-surfer-man-with-his-surfboard_273609-14208.jpg?_wi=2",
imageAlt: "Blue oversized t-shirt with urban abstract design",
},
id: "tee-004", name: "Urban Abstract Tee - Blue", price: "$60.00", imageSrc: "http://img.b2bpic.net/free-photo/young-surfer-man-with-his-surfboard_273609-14208.jpg", imageAlt: "Blue oversized t-shirt with urban abstract design"},
{
id: "tee-005",
name: "Minimalist Logo Tee - Cream",
price: "$40.00",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-sunglasses_23-2149409792.jpg?_wi=2",
imageAlt: "Cream oversized t-shirt with minimalist logo",
},
id: "tee-005", name: "Minimalist Logo Tee - Cream", price: "$40.00", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-sunglasses_23-2149409792.jpg", imageAlt: "Cream oversized t-shirt with minimalist logo"},
]}
title="Shop the Latest Drops"
description="Explore our exclusive collection of oversized t-shirts, crafted for style and comfort. Find your next statement piece."
@@ -213,17 +143,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
logos={[
"http://img.b2bpic.net/free-vector/stationery-black-white-covers_79603-761.jpg",
"http://img.b2bpic.net/free-photo/store-assistant-recommending-shirt-sale-senior-woman_482257-93018.jpg",
"http://img.b2bpic.net/free-vector/ornaments-holi-festival-background_23-2148063647.jpg",
"http://img.b2bpic.net/free-vector/pack-luxurious-logos-victorian-style_23-2147593941.jpg",
"http://img.b2bpic.net/free-vector/logo-template-design_1289-155.jpg",
"http://img.b2bpic.net/free-vector/flat-slow-fashion-badge-collection_23-2148836460.jpg",
"http://img.b2bpic.net/free-vector/flat-slow-fashion-badge-set_23-2148823304.jpg",
]}
"http://img.b2bpic.net/free-vector/stationery-black-white-covers_79603-761.jpg", "http://img.b2bpic.net/free-photo/store-assistant-recommending-shirt-sale-senior-woman_482257-93018.jpg", "http://img.b2bpic.net/free-vector/ornaments-holi-festival-background_23-2148063647.jpg", "http://img.b2bpic.net/free-vector/pack-luxurious-logos-victorian-style_23-2147593941.jpg", "http://img.b2bpic.net/free-vector/logo-template-design_1289-155.jpg", "http://img.b2bpic.net/free-vector/flat-slow-fashion-badge-collection_23-2148836460.jpg", "http://img.b2bpic.net/free-vector/flat-slow-fashion-badge-set_23-2148823304.jpg"]}
title="Trusted by Style Icons"
description="Our premium streetwear designs are celebrated by fashion enthusiasts and featured in leading urban lifestyle publications."
showCard={false}
names={[]}
/>
</div>
@@ -232,35 +156,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alex K.",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-businesswoman-with-laptop-happily-talking-cellphone-coffee-break-cafe-street_574295-4056.jpg",
imageAlt: "Customer Alex K.",
},
id: "1", name: "Alex K.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-businesswoman-with-laptop-happily-talking-cellphone-coffee-break-cafe-street_574295-4056.jpg", imageAlt: "Customer Alex K."},
{
id: "2",
name: "Jordan P.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg",
imageAlt: "Customer Jordan P.",
},
id: "2", name: "Jordan P.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg", imageAlt: "Customer Jordan P."},
{
id: "3",
name: "Casey L.",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2927.jpg",
imageAlt: "Customer Casey L.",
},
id: "3", name: "Casey L.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2927.jpg", imageAlt: "Customer Casey L."},
{
id: "4",
name: "Sam R.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-wearing-trendy-navy-suit-posing-near-modern-buildings-fashionable-accessories-smiling-end-enjoying-free-sunny-summer-day-walking-near-office_291049-248.jpg",
imageAlt: "Customer Sam R.",
},
id: "4", name: "Sam R.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-wearing-trendy-navy-suit-posing-near-modern-buildings-fashionable-accessories-smiling-end-enjoying-free-sunny-summer-day-walking-near-office_291049-248.jpg", imageAlt: "Customer Sam R."},
{
id: "5",
name: "Jamie B.",
imageSrc: "http://img.b2bpic.net/free-photo/person-office-analyzing-checking-finance-graphs_23-2150377159.jpg",
imageAlt: "Customer Jamie B.",
},
id: "5", name: "Jamie B.", imageSrc: "http://img.b2bpic.net/free-photo/person-office-analyzing-checking-finance-graphs_23-2150377159.jpg", imageAlt: "Customer Jamie B."},
]}
cardTitle="Hear From Our Community"
cardTag="CUSTOMER REVIEWS"
@@ -274,30 +178,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "What is the fit of your oversized t-shirts?",
content: "Our oversized t-shirts are designed for a relaxed, comfortable fit with dropped shoulders and a longer hemline, giving them a contemporary, relaxed silhouette. We recommend checking our size guide for specific measurements.",
},
id: "faq1", title: "What is the fit of your oversized t-shirts?", content: "Our oversized t-shirts are designed for a relaxed, comfortable fit with dropped shoulders and a longer hemline, giving them a contemporary, relaxed silhouette. We recommend checking our size guide for specific measurements."},
{
id: "faq2",
title: "What materials are your t-shirts made from?",
content: "We primarily use premium, heavy-weight cotton for durability and softness. Some collections may feature cotton blends for enhanced comfort and specific textures. Material details are listed on each product page.",
},
id: "faq2", title: "What materials are your t-shirts made from?", content: "We primarily use premium, heavy-weight cotton for durability and softness. Some collections may feature cotton blends for enhanced comfort and specific textures. Material details are listed on each product page."},
{
id: "faq3",
title: "How do I care for my streetwear t-shirts?",
content: "To maintain the quality and longevity of your t-shirt, we recommend washing inside out in cold water with similar colors, and tumble drying on low or air drying. Avoid harsh detergents and direct ironing on graphic prints.",
},
id: "faq3", title: "How do I care for my streetwear t-shirts?", content: "To maintain the quality and longevity of your t-shirt, we recommend washing inside out in cold water with similar colors, and tumble drying on low or air drying. Avoid harsh detergents and direct ironing on graphic prints."},
{
id: "faq4",
title: "What are your shipping options?",
content: "We offer standard and expedited shipping options both domestically and internationally. Shipping costs and estimated delivery times are calculated at checkout based on your location and chosen service.",
},
id: "faq4", title: "What are your shipping options?", content: "We offer standard and expedited shipping options both domestically and internationally. Shipping costs and estimated delivery times are calculated at checkout based on your location and chosen service."},
{
id: "faq5",
title: "Do you offer international shipping?",
content: "Yes, we ship our premium streetwear worldwide. International shipping rates and delivery times vary by destination and are calculated at checkout.",
},
id: "faq5", title: "Do you offer international shipping?", content: "Yes, we ship our premium streetwear worldwide. International shipping rates and delivery times vary by destination and are calculated at checkout."},
]}
title="Common Questions"
description="Find quick answers to frequently asked questions about our products, orders, and services."
@@ -309,16 +198,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="SUPPORT"
title="Have a Question?"
description="Our dedicated team is here to assist you with any inquiries, style advice, or order support."
buttons={[
{
text: "Contact Us",
href: "/contact",
},
text: "Contact Us", href: "/contact"},
]}
buttonAnimation="slide-up"
/>
@@ -330,54 +216,33 @@ export default function LandingPage() {
imageAlt="Urban streetwear aesthetic background"
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{
label: "New Arrivals",
href: "/shop#new-arrivals",
},
label: "New Arrivals", href: "/shop#new-arrivals"},
{
label: "T-Shirts",
href: "/shop#t-shirts",
},
label: "T-Shirts", href: "/shop#t-shirts"},
{
label: "Sale",
href: "/shop#sale",
},
label: "Sale", href: "/shop#sale"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "/about",
},
label: "About Us", href: "/about"},
{
label: "Contact",
href: "/contact",
},
label: "Contact", href: "/contact"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Refund Policy",
href: "#",
},
label: "Refund Policy", href: "#"},
],
},
]}