From 352fe8cd020d035526a15f69d6254e2c68b87df4 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 25 Mar 2026 16:25:11 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 265 ++++++++++------------------------------------- 1 file changed, 57 insertions(+), 208 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index dd0d024..e130a8b 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -31,73 +31,45 @@ export default function LandingPage() {
@@ -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"}, ]} />
@@ -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: "#"}, ], }, ]}