bender/d3b496f8-ced5-4dc9-9454-9da5a872762e
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-11 16:15:26 +00:00
parent e9987f87d5
commit f7ee06e1ae
1 changed files with 37 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

166
src/app/page.tsx
View File

@@ -29,60 +29,42 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Products",
id: "products",
},
name: "Products", id: "products"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Support",
id: "faq",
},
name: "Support", id: "faq"},
]}
brandName="ThreadStyle"
button={{
text: "Shop Now", href: "#products"
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Wear Your Identity"
description="Premium quality custom tees designed for your unique style. Shop the latest drop now."
buttons={[
{
text: "Shop Now",
href: "#products",
},
text: "Shop Now", href: "#products"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-vector/unity-international-youth-day12-august-tshirt-design_460848-14470.jpg",
imageAlt: "urban streetwear t-shirt",
},
imageSrc: "http://img.b2bpic.net/free-vector/unity-international-youth-day12-august-tshirt-design_460848-14470.jpg", imageAlt: "urban streetwear t-shirt"},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-length-outdoor-image-stylish-woman-speaking-by-her-smartphone-posing-near-modern-building-hipster-casual-stylish-look-mid-season-spring-autumn-time_291049-256.jpg",
imageAlt: "graphic tee streetwear",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-length-outdoor-image-stylish-woman-speaking-by-her-smartphone-posing-near-modern-building-hipster-casual-stylish-look-mid-season-spring-autumn-time_291049-256.jpg", imageAlt: "graphic tee streetwear"},
{
imageSrc: "http://img.b2bpic.net/free-photo/black-white-striped-pencil-black-white-blankets-leaf-shadow-beige-blank_23-2148296265.jpg",
imageAlt: "close up fabric tee",
},
imageSrc: "http://img.b2bpic.net/free-photo/black-white-striped-pencil-black-white-blankets-leaf-shadow-beige-blank_23-2148296265.jpg", imageAlt: "close up fabric tee"},
{
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-streetwear-illustration_23-2151236616.jpg",
imageAlt: "Hand drawn streetwear illustration",
},
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-streetwear-illustration_23-2151236616.jpg", imageAlt: "Hand drawn streetwear illustration"},
{
imageSrc: "http://img.b2bpic.net/free-vector/creative-angel-with-long-wings-tshirt-design-hand-drawn-sketch-vector-illustration_460848-14612.jpg",
imageAlt: "Creative angel with long wings tshirt design",
},
imageSrc: "http://img.b2bpic.net/free-vector/creative-angel-with-long-wings-tshirt-design-hand-drawn-sketch-vector-illustration_460848-14612.jpg", imageAlt: "Creative angel with long wings tshirt design"},
]}
mediaAnimation="blur-reveal"
/>
@@ -96,59 +78,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "ThreadStyle",
name: "Retro Neon Tee",
price: "$35.00",
rating: 5,
reviewCount: "128",
imageSrc: "http://img.b2bpic.net/free-photo/urban-portrait-young-ginger-man_23-2149122870.jpg",
},
id: "p1", brand: "ThreadStyle", name: "Retro Neon Tee", price: "$35.00", rating: 5,
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/urban-portrait-young-ginger-man_23-2149122870.jpg"},
{
id: "p2",
brand: "ThreadStyle",
name: "Minimalist Arc Tee",
price: "$32.00",
rating: 5,
reviewCount: "94",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-fur-coat-posed-against-old-orange-wall_627829-10469.jpg",
},
id: "p2", brand: "ThreadStyle", name: "Minimalist Arc Tee", price: "$32.00", rating: 5,
reviewCount: "94", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-fur-coat-posed-against-old-orange-wall_627829-10469.jpg"},
{
id: "p3",
brand: "ThreadStyle",
name: "Urban Grid Graphic",
price: "$38.00",
rating: 4,
reviewCount: "67",
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-blank-shirt_23-2149347534.jpg",
},
id: "p3", brand: "ThreadStyle", name: "Urban Grid Graphic", price: "$38.00", rating: 4,
reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-blank-shirt_23-2149347534.jpg"},
{
id: "p4",
brand: "ThreadStyle",
name: "Midnight Edition",
price: "$40.00",
rating: 5,
reviewCount: "42",
imageSrc: "http://img.b2bpic.net/free-photo/arab-hipster-beard-man-lumberjack-hold-axe_627829-4267.jpg",
},
id: "p4", brand: "ThreadStyle", name: "Midnight Edition", price: "$40.00", rating: 5,
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/arab-hipster-beard-man-lumberjack-hold-axe_627829-4267.jpg"},
{
id: "p5",
brand: "ThreadStyle",
name: "Abstract Flow Tee",
price: "$36.00",
rating: 4,
reviewCount: "38",
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-womens-look-with-pink-suite-black-top_132075-12201.jpg",
},
id: "p5", brand: "ThreadStyle", name: "Abstract Flow Tee", price: "$36.00", rating: 4,
reviewCount: "38", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-womens-look-with-pink-suite-black-top_132075-12201.jpg"},
{
id: "p6",
brand: "ThreadStyle",
name: "Bold Statement Tee",
price: "$34.00",
rating: 5,
reviewCount: "51",
imageSrc: "http://img.b2bpic.net/free-photo/comparison-different-types-brush-strokes_23-2150105239.jpg",
},
id: "p6", brand: "ThreadStyle", name: "Bold Statement Tee", price: "$34.00", rating: 5,
reviewCount: "51", imageSrc: "http://img.b2bpic.net/free-photo/comparison-different-types-brush-strokes_23-2150105239.jpg"},
]}
title="Featured Designs"
description="Discover our collection of limited edition custom tees."
@@ -160,14 +106,9 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Crafting Quality & Style.",
},
type: "text", content: "Crafting Quality & Style."},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/young-male-worker-choosing-appropriate-inks_1163-2778.jpg",
alt: "Printing workshop",
},
type: "image", src: "http://img.b2bpic.net/free-photo/young-male-worker-choosing-appropriate-inks_1163-2778.jpg", alt: "Printing workshop"},
]}
/>
</div>
@@ -178,20 +119,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How do I upload designs?",
content: "Access your secure admin dashboard to upload images directly.",
},
id: "f1", title: "How do I upload designs?", content: "Access your secure admin dashboard to upload images directly."},
{
id: "f2",
title: "Can I edit prices?",
content: "Yes, simply select the product in your admin panel and update your desired price point.",
},
id: "f2", title: "Can I edit prices?", content: "Yes, simply select the product in your admin panel and update your desired price point."},
{
id: "f3",
title: "Is the panel secure?",
content: "Our admin system uses industry-standard authentication so only you have access.",
},
id: "f3", title: "Is the panel secure?", content: "Our admin system uses industry-standard authentication so only you have access."},
]}
imageSrc="http://img.b2bpic.net/free-photo/laptop-clipboard-empty-office-desk_482257-121090.jpg"
title="Need Help?"
@@ -209,27 +141,9 @@ export default function LandingPage() {
description="Explaining the passion and process behind our curated streetwear collection."
blogs={[
{
id: "b1",
category: "Design",
title: "The Art of Screen Printing",
excerpt: "A look inside our workshop and the techniques that define our quality.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-traditional-silk-screen-printing-ink_1163-2780.jpg",
imageAlt: "Close-up of traditional silk screen printing ink",
authorName: "Alex Rivers",
authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-beautiful-woman-smiling_23-2148604325.jpg",
date: "2025-02-15",
},
id: "b1", category: "Design", title: "The Art of Screen Printing", excerpt: "A look inside our workshop and the techniques that define our quality.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-traditional-silk-screen-printing-ink_1163-2780.jpg", imageAlt: "Close-up of traditional silk screen printing ink", authorName: "Alex Rivers", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-beautiful-woman-smiling_23-2148604325.jpg", date: "2025-02-15"},
{
id: "b2",
category: "Streetwear",
title: "Defining Urban Style",
excerpt: "How global street trends influence our latest drop.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-arabian-muslim-boy-with-originally-hair-posed-streets-against-flags-different-countries_627829-3206.jpg",
imageAlt: "Stylish arabian muslim boy posing",
authorName: "Jamie Smith",
authorAvatar: "http://img.b2bpic.net/free-photo/skater-girl-posing_1321-1110.jpg",
date: "2025-02-10",
},
id: "b2", category: "Streetwear", title: "Defining Urban Style", excerpt: "How global street trends influence our latest drop.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-arabian-muslim-boy-with-originally-hair-posed-streets-against-flags-different-countries_627829-3206.jpg", imageAlt: "Stylish arabian muslim boy posing", authorName: "Jamie Smith", authorAvatar: "http://img.b2bpic.net/free-photo/skater-girl-posing_1321-1110.jpg", date: "2025-02-10"},
]}
/>
</div>
@@ -239,21 +153,15 @@ export default function LandingPage() {
logoText="ThreadStyle"
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{
label: "All Products",
href: "#products",
},
label: "All Products", href: "#products"},
],
},
{
title: "Admin",
items: [
title: "Admin", items: [
{
label: "Secure Panel",
href: "/admin",
},
label: "Secure Panel", href: "/admin"},
],
},
]}