bender/5d23beae-ad41-4e61-82f7-10de79792632
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-03-25 16:25:14 +00:00
parent 2942f6a7c8 352fe8cd02
commit 6788eb064f
1 changed files with 57 additions and 208 deletions
Download Patch File Download Diff File Expand all files Collapse all files

265
src/app/page.tsx
View File

@@ -31,73 +31,45 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "home",
},
name: "Home", id: "home"},
{
name: "Products",
id: "products",
},
name: "Products", id: "products"},
{
name: "Customize",
id: "customize",
},
name: "Customize", id: "customize"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Reviews",
id: "reviews",
},
name: "Reviews", id: "reviews"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="StyleCraft"
button={{
text: "Design Yours",
href: "#customize",
}}
text: "Design Yours", href: "#customize"}}
animateOnLoad={true}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background="aurora"
background={{ variant: "aurora" }}
title="Unleash Your Unique Style"
description="Craft custom T-shirts with your vision. Add text, upload designs, and see your ideas come to life."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/view-hawaiian-shirt-with-floral-print-sneakers_23-2149366083.jpg",
imageAlt: "Custom T-shirt with minimal white text design",
},
imageSrc: "http://img.b2bpic.net/free-photo/view-hawaiian-shirt-with-floral-print-sneakers_23-2149366083.jpg", imageAlt: "Custom T-shirt with minimal white text design"},
{
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-woman-sitting-chair-cafe-holding-disposable-coffee-cup_23-2148148131.jpg",
imageAlt: "Person wearing personalized white t-shirt",
},
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-woman-sitting-chair-cafe-holding-disposable-coffee-cup_23-2148148131.jpg", imageAlt: "Person wearing personalized white t-shirt"},
{
imageSrc: "http://img.b2bpic.net/free-photo/female-business-owner-working-portrait_23-2148828314.jpg",
imageAlt: "T-shirt design interface with color selection",
},
imageSrc: "http://img.b2bpic.net/free-photo/female-business-owner-working-portrait_23-2148828314.jpg", imageAlt: "T-shirt design interface with color selection"},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-her-hat_23-2148238163.jpg",
imageAlt: "Male model wearing custom designed t-shirt",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-her-hat_23-2148238163.jpg", imageAlt: "Male model wearing custom designed t-shirt"},
{
imageSrc: "http://img.b2bpic.net/free-photo/girl-enjoying-nice-weather-chilling-making-photos-social-network-touching-curly-hair-gently_1258-136911.jpg",
imageAlt: "Female model wearing custom t-shirt",
},
imageSrc: "http://img.b2bpic.net/free-photo/girl-enjoying-nice-weather-chilling-making-photos-social-network-touching-curly-hair-gently_1258-136911.jpg", imageAlt: "Female model wearing custom t-shirt"},
{
imageSrc: "http://img.b2bpic.net/free-photo/white-shirts-hanging-room_1303-14664.jpg",
imageAlt: "Collection of custom t-shirts on display",
},
imageSrc: "http://img.b2bpic.net/free-photo/white-shirts-hanging-room_1303-14664.jpg", imageAlt: "Collection of custom t-shirts on display"},
]}
mediaAnimation="slide-up"
/>
@@ -111,45 +83,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
brand: "StyleCraft",
name: "Abstract Flow Tee",
price: "$39.99",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575374.jpg",
imageAlt: "Abstract Flow Tee in black",
},
id: "1", brand: "StyleCraft", name: "Abstract Flow Tee", price: "$39.99", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575374.jpg", imageAlt: "Abstract Flow Tee in black"},
{
id: "2",
brand: "StyleCraft",
name: "Urban Explorer Tee",
price: "$44.99",
rating: 5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/impressed-adult-slavic-man-pointing-up-looking-isolated_141793-68900.jpg",
imageAlt: "Urban Explorer Tee in dark blue",
},
id: "2", brand: "StyleCraft", name: "Urban Explorer Tee", price: "$44.99", rating: 5,
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/impressed-adult-slavic-man-pointing-up-looking-isolated_141793-68900.jpg", imageAlt: "Urban Explorer Tee in dark blue"},
{
id: "3",
brand: "StyleCraft",
name: "Minimalist Script Tee",
price: "$34.99",
rating: 5,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/joyful-female-model-pajama-playing-with-her-hair-laughing-young-woman-green-pants-standing_197531-9399.jpg",
imageAlt: "Minimalist Script Tee in white",
},
id: "3", brand: "StyleCraft", name: "Minimalist Script Tee", price: "$34.99", rating: 5,
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/joyful-female-model-pajama-playing-with-her-hair-laughing-young-woman-green-pants-standing_197531-9399.jpg", imageAlt: "Minimalist Script Tee in white"},
{
id: "4",
brand: "StyleCraft",
name: "Vintage Graphic Tee",
price: "$49.99",
rating: 4,
reviewCount: "80",
imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448758.jpg",
imageAlt: "Vintage Graphic Tee in charcoal gray",
},
id: "4", brand: "StyleCraft", name: "Vintage Graphic Tee", price: "$49.99", rating: 4,
reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448758.jpg", imageAlt: "Vintage Graphic Tee in charcoal gray"},
]}
title="Signature Collections"
description="Explore our curated designs or draw inspiration for your next masterpiece."
@@ -163,39 +107,19 @@ export default function LandingPage() {
features={[
{
id: 1,
title: "Choose Your Color",
description: "Select from a vibrant palette to match your mood or brand.",
imageSrc: "http://img.b2bpic.net/free-vector/multicolor-wedding-invitation-with-rounded-shape_1362-44.jpg",
imageAlt: "Color palette selection interface",
},
title: "Choose Your Color", description: "Select from a vibrant palette to match your mood or brand.", imageSrc: "http://img.b2bpic.net/free-vector/multicolor-wedding-invitation-with-rounded-shape_1362-44.jpg", imageAlt: "Color palette selection interface"},
{
id: 2,
title: "Add Custom Text",
description: "Personalize with names, quotes, or slogans in various fonts and sizes.",
imageSrc: "http://img.b2bpic.net/free-vector/motivational-poster-inspirational-quote-design_1284-36811.jpg",
imageAlt: "Text input field on t-shirt design interface",
},
title: "Add Custom Text", description: "Personalize with names, quotes, or slogans in various fonts and sizes.", imageSrc: "http://img.b2bpic.net/free-vector/motivational-poster-inspirational-quote-design_1284-36811.jpg", imageAlt: "Text input field on t-shirt design interface"},
{
id: 3,
title: "Upload Your Art",
description: "Integrate your own logos, graphics, or photos effortlessly.",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-influencer-showing-tablet_23-2148135511.jpg",
imageAlt: "Upload icon and image on t-shirt customization screen",
},
title: "Upload Your Art", description: "Integrate your own logos, graphics, or photos effortlessly.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-influencer-showing-tablet_23-2148135511.jpg", imageAlt: "Upload icon and image on t-shirt customization screen"},
{
id: 4,
title: "Position & Size",
description: "Drag, drop, and resize elements for perfect placement on your tee.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-holding-shirt_23-2148539809.jpg",
imageAlt: "Drag and drop interface for t-shirt elements",
},
title: "Position & Size", description: "Drag, drop, and resize elements for perfect placement on your tee.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-holding-shirt_23-2148539809.jpg", imageAlt: "Drag and drop interface for t-shirt elements"},
{
id: 5,
title: "Live 3D Preview",
description: "See your design in real-time before you make it yours.",
imageSrc: "http://img.b2bpic.net/free-photo/elements-fashion-designing-studio_23-2150407883.jpg",
imageAlt: "3D t-shirt live preview software",
},
title: "Live 3D Preview", description: "See your design in real-time before you make it yours.", imageSrc: "http://img.b2bpic.net/free-photo/elements-fashion-designing-studio_23-2150407883.jpg", imageAlt: "3D t-shirt live preview software"},
]}
title="Bring Your Ideas to Life"
description="Our intuitive customization tool puts creativity at your fingertips."
@@ -207,15 +131,11 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Crafting Your Identity, One Thread at a Time",
},
type: "text", content: "Crafting Your Identity, One Thread at a Time"},
]}
buttons={[
{
text: "Our Story",
href: "/about",
},
text: "Our Story", href: "/about"},
]}
/>
</div>
@@ -227,54 +147,25 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah L.",
role: "Fashion Designer",
company: "StyleWear",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-studio_1157-17120.jpg",
},
id: "1", name: "Sarah L.", role: "Fashion Designer", company: "StyleWear", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-studio_1157-17120.jpg"},
{
id: "2",
name: "Mark K.",
role: "Band Manager",
company: "Echoes",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-young-handsome-man-white-shirt-eye-glasses-smiling-with-happy-confident-positive-expression-with-his-arms-crossed-white-background-studio-shoot_549566-821.jpg",
},
id: "2", name: "Mark K.", role: "Band Manager", company: "Echoes", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-young-handsome-man-white-shirt-eye-glasses-smiling-with-happy-confident-positive-expression-with-his-arms-crossed-white-background-studio-shoot_549566-821.jpg"},
{
id: "3",
name: "Emily R.",
role: "Small Business Owner",
company: "Bloom Goods",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-table_23-2148095754.jpg",
},
id: "3", name: "Emily R.", role: "Small Business Owner", company: "Bloom Goods", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-table_23-2148095754.jpg"},
{
id: "4",
name: "David P.",
role: "Event Organizer",
company: "Gatherings Co.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-model-with-curly-hairstyle-sexy-man-dressed-jeans-jacket-fashion-male-isolated-blue-wall-studio_158538-26542.jpg",
},
id: "4", name: "David P.", role: "Event Organizer", company: "Gatherings Co.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-model-with-curly-hairstyle-sexy-man-dressed-jeans-jacket-fashion-male-isolated-blue-wall-studio_158538-26542.jpg"},
]}
kpiItems={[
{
id: "1",
value: "5,000+",
description: "Happy Customers",
},
value: "5,000+", description: "Happy Customers"},
{
id: "2",
value: "10,000+",
description: "Custom Designs",
},
value: "10,000+", description: "Custom Designs"},
{
id: "3",
value: "5-Star",
description: "Average Rating",
},
value: "5-Star", description: "Average Rating"},
]}
title="Loved by Our Community"
description="Real stories from creators who trusted StyleCraft for their personalized apparel."
@@ -286,23 +177,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Fashion Forward",
"Design Hub",
"Print Masters",
"Artisan Apparel",
"Fabric Labs",
"Creative Canvas",
"Textile Innovators",
]}
"Fashion Forward", "Design Hub", "Print Masters", "Artisan Apparel", "Fabric Labs", "Creative Canvas", "Textile Innovators"]}
logos={[
"http://img.b2bpic.net/free-vector/sport-logo-collection_1346-60.jpg",
"http://img.b2bpic.net/free-vector/gradient-abstract-logo-collection_23-2148157340.jpg",
"http://img.b2bpic.net/free-vector/creative-gradient-code-logo-template_23-2148815105.jpg",
"http://img.b2bpic.net/free-vector/luxury-logotype-template_23-2147857843.jpg",
"http://img.b2bpic.net/free-vector/flat-design-very-peri-label-collection_23-2149286895.jpg",
"http://img.b2bpic.net/free-vector/fashion-logo-template_23-2150529235.jpg",
"http://img.b2bpic.net/free-vector/flat-design-fashion-accessories-logo-collection_23-2148894659.jpg",
]}
"http://img.b2bpic.net/free-vector/sport-logo-collection_1346-60.jpg", "http://img.b2bpic.net/free-vector/gradient-abstract-logo-collection_23-2148157340.jpg", "http://img.b2bpic.net/free-vector/creative-gradient-code-logo-template_23-2148815105.jpg", "http://img.b2bpic.net/free-vector/luxury-logotype-template_23-2147857843.jpg", "http://img.b2bpic.net/free-vector/flat-design-very-peri-label-collection_23-2149286895.jpg", "http://img.b2bpic.net/free-vector/fashion-logo-template_23-2150529235.jpg", "http://img.b2bpic.net/free-vector/flat-design-fashion-accessories-logo-collection_23-2148894659.jpg"]}
title="Partners in Creativity"
description="Trusted by leading brands and creative agencies to bring ideas to fabric."
/>
@@ -314,20 +191,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "How do I customize a T-shirt?",
content: "Use our intuitive online design tool to select colors, add text, and upload images. The live preview will show your design in real-time.",
},
id: "1", title: "How do I customize a T-shirt?", content: "Use our intuitive online design tool to select colors, add text, and upload images. The live preview will show your design in real-time."},
{
id: "2",
title: "What are the shipping options?",
content: "We offer standard and expedited shipping worldwide. Delivery times vary based on location and chosen method. Details are available at checkout.",
},
id: "2", title: "What are the shipping options?", content: "We offer standard and expedited shipping worldwide. Delivery times vary based on location and chosen method. Details are available at checkout."},
{
id: "3",
title: "Can I upload my own logo?",
content: "Yes, you can easily upload your own logo or image files directly into the design tool and position them on your T-shirt.",
},
id: "3", title: "Can I upload my own logo?", content: "Yes, you can easily upload your own logo or image files directly into the design tool and position them on your T-shirt."},
]}
imageSrc="http://img.b2bpic.net/free-photo/crop-courier-pointing-tablet_23-2147801217.jpg"
imageAlt="Person looking at t-shirt design on tablet"
@@ -343,50 +211,31 @@ export default function LandingPage() {
logoText="StyleCraft"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Products",
href: "#products",
},
label: "Our Products", href: "#products"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Shipping & Returns",
href: "#",
},
label: "Shipping & Returns", href: "#"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Refund Policy",
href: "#",
},
label: "Refund Policy", href: "#"},
],
},
]}