From d6eee661ffe75c730cf7655b81b12fe4396ebea9 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 12 Jun 2026 23:53:41 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 276 ++++++++++------------------------------------- 1 file changed, 57 insertions(+), 219 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 538d594..03c0b16 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,38 +32,22 @@ export default function LandingPage() { @@ -74,39 +58,23 @@ export default function LandingPage() { description="Unleash your unique style with custom-designed shirts and hoodies. Create, wear, and inspire with UrbanX.leb – your canvas for expression." buttons={[ { - text: "Design Your Own", - href: "#products", - }, + text: "Design Your Own", href: "#products"}, { - text: "Explore Our Gallery", - href: "#features", - }, + text: "Explore Our Gallery", href: "#features"}, ]} slides={[ { - imageSrc: "http://img.b2bpic.net/free-photo/brutal-man-model_1303-9213.jpg", - imageAlt: "Person wearing a stylish custom t-shirt in an urban setting", - }, + imageSrc: "http://img.b2bpic.net/free-photo/brutal-man-model_1303-9213.jpg", imageAlt: "Person wearing a stylish custom t-shirt in an urban setting"}, { - imageSrc: "http://img.b2bpic.net/free-photo/white-simple-apparel-street-style-men-women-s-clothing-outdoor-shoot_53876-119818.jpg", - imageAlt: "Group of friends in custom hoodies laughing together", - }, + imageSrc: "http://img.b2bpic.net/free-photo/white-simple-apparel-street-style-men-women-s-clothing-outdoor-shoot_53876-119818.jpg", imageAlt: "Group of friends in custom hoodies laughing together"}, { - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-laptop_23-2148539779.jpg", - imageAlt: "Close-up of a graphic designer creating custom apparel art", - }, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-laptop_23-2148539779.jpg", imageAlt: "Close-up of a graphic designer creating custom apparel art"}, { - imageSrc: "http://img.b2bpic.net/free-photo/painted-plain-white-t-shirt-with-colorful-design_23-2150564452.jpg", - imageAlt: "Texture of a high-quality custom printed hoodie fabric", - }, + imageSrc: "http://img.b2bpic.net/free-photo/painted-plain-white-t-shirt-with-colorful-design_23-2150564452.jpg", imageAlt: "Texture of a high-quality custom printed hoodie fabric"}, { - imageSrc: "http://img.b2bpic.net/free-photo/front-view-lovable-woman-with-trench-coat_197531-19748.jpg", - imageAlt: "Happy customer showing off their new personalized shirt", - }, + imageSrc: "http://img.b2bpic.net/free-photo/front-view-lovable-woman-with-trench-coat_197531-19748.jpg", imageAlt: "Happy customer showing off their new personalized shirt"}, { - imageSrc: "http://img.b2bpic.net/free-photo/view-hawaiian-shirt-with-floral-print-headphones_23-2149366084.jpg", - imageAlt: "A vibrant collection of custom shirts and hoodies on display", - }, + imageSrc: "http://img.b2bpic.net/free-photo/view-hawaiian-shirt-with-floral-print-headphones_23-2149366084.jpg", imageAlt: "A vibrant collection of custom shirts and hoodies on display"}, ]} autoplayDelay={4000} showDimOverlay={true} @@ -118,15 +86,11 @@ export default function LandingPage() { useInvertedBackground={false} heading={[ { - type: "text", - content: "Our Story & Vision at UrbanX.leb", - }, + type: "text", content: "Our Story & Vision at UrbanX.leb"}, ]} buttons={[ { - text: "Learn More About Us", - href: "#contact", - }, + text: "Learn More About Us", href: "#contact"}, ]} buttonAnimation="slide-up" /> @@ -140,53 +104,17 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Personalized Designs", - description: "Bring your unique ideas to life with our easy-to-use design tools. Upload your art or create something new from scratch.", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-young-woman-sitting-table-working-laptop-with-fashion-illustrations-near-modern-workshop_574295-534.jpg", - imageAlt: "Computer screen showing graphic design software", - titleImageSrc: "http://img.b2bpic.net/free-photo/time-is-money-sandglass-investment-countdown-measure-concept_53876-124168.jpg", - buttonText: "Start Designing", - }, + title: "Personalized Designs", description: "Bring your unique ideas to life with our easy-to-use design tools. Upload your art or create something new from scratch.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-young-woman-sitting-table-working-laptop-with-fashion-illustrations-near-modern-workshop_574295-534.jpg", imageAlt: "Computer screen showing graphic design software", titleImageSrc: "http://img.b2bpic.net/free-photo/time-is-money-sandglass-investment-countdown-measure-concept_53876-124168.jpg", buttonText: "Start Designing"}, { - title: "Premium Quality Fabrics", - description: "We use only the highest quality materials for maximum comfort and durability, ensuring your custom apparel lasts.", - imageSrc: "http://img.b2bpic.net/free-photo/opened-luggage-with-folded-clothes-close-up_23-2148927446.jpg", - imageAlt: "Close up of high quality cotton fabric", - titleImageSrc: "http://img.b2bpic.net/free-photo/grey-textile-texture_23-2147729347.jpg", - buttonText: "See Materials", - }, + title: "Premium Quality Fabrics", description: "We use only the highest quality materials for maximum comfort and durability, ensuring your custom apparel lasts.", imageSrc: "http://img.b2bpic.net/free-photo/opened-luggage-with-folded-clothes-close-up_23-2148927446.jpg", imageAlt: "Close up of high quality cotton fabric", titleImageSrc: "http://img.b2bpic.net/free-photo/grey-textile-texture_23-2147729347.jpg", buttonText: "See Materials"}, { - title: "Easy Customization Tool", - description: "Our intuitive online platform makes customizing shirts and hoodies simple, even for first-time designers.", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-repair-sale-shop_23-2150746383.jpg", - imageAlt: "User interacting with a digital design tool", - titleImageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367123.jpg", - buttonText: "Try it Now", - }, + title: "Easy Customization Tool", description: "Our intuitive online platform makes customizing shirts and hoodies simple, even for first-time designers.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-repair-sale-shop_23-2150746383.jpg", imageAlt: "User interacting with a digital design tool", titleImageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367123.jpg", buttonText: "Try it Now"}, { - title: "Fast Turnaround Time", - description: "Get your custom apparel quickly with our efficient production and shipping process, without compromising on quality.", - imageSrc: "http://img.b2bpic.net/free-photo/cardboard-box-concrete-surface-with-forklift-background_23-2152001497.jpg", - imageAlt: "Delivery truck on a highway", - titleImageSrc: "http://img.b2bpic.net/free-vector/performance-meter-dark-flat-style_78370-8337.jpg", - buttonText: "Shipping Details", - }, + title: "Fast Turnaround Time", description: "Get your custom apparel quickly with our efficient production and shipping process, without compromising on quality.", imageSrc: "http://img.b2bpic.net/free-photo/cardboard-box-concrete-surface-with-forklift-background_23-2152001497.jpg", imageAlt: "Delivery truck on a highway", titleImageSrc: "http://img.b2bpic.net/free-vector/performance-meter-dark-flat-style_78370-8337.jpg", buttonText: "Shipping Details"}, { - title: "Bulk Orders Welcome", - description: "Perfect for events, teams, or businesses – we offer competitive pricing and dedicated support for large custom orders.", - imageSrc: "http://img.b2bpic.net/free-photo/female-tailor-working-with-sewing-machine_1303-28284.jpg", - imageAlt: "Stack of folded custom t-shirts", - titleImageSrc: "http://img.b2bpic.net/free-photo/stacked-cardboard-boxes-isolated-white-background_23-2147862290.jpg", - buttonText: "Get a Quote", - }, + title: "Bulk Orders Welcome", description: "Perfect for events, teams, or businesses – we offer competitive pricing and dedicated support for large custom orders.", imageSrc: "http://img.b2bpic.net/free-photo/female-tailor-working-with-sewing-machine_1303-28284.jpg", imageAlt: "Stack of folded custom t-shirts", titleImageSrc: "http://img.b2bpic.net/free-photo/stacked-cardboard-boxes-isolated-white-background_23-2147862290.jpg", buttonText: "Get a Quote"}, { - title: "Eco-Friendly Options", - description: "Choose from a selection of sustainable and ethically sourced apparel blanks for your custom designs.", - imageSrc: "http://img.b2bpic.net/free-photo/still-life-assortment-green-houseplant_23-2148965638.jpg", - imageAlt: "Green leaf on clothing fabric", - titleImageSrc: "http://img.b2bpic.net/free-photo/recycling-symbol-beside-green-batteries_23-2148115677.jpg", - buttonText: "Learn More", - }, + title: "Eco-Friendly Options", description: "Choose from a selection of sustainable and ethically sourced apparel blanks for your custom designs.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-assortment-green-houseplant_23-2148965638.jpg", imageAlt: "Green leaf on clothing fabric", titleImageSrc: "http://img.b2bpic.net/free-photo/recycling-symbol-beside-green-batteries_23-2148115677.jpg", buttonText: "Learn More"}, ]} title="Unleash Your Creativity with UrbanX.leb" description="Discover the advantages of choosing UrbanX.leb for all your personalized apparel needs." @@ -203,53 +131,17 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "product-1", - name: "Classic Custom T-Shirt", - price: "$24.99", - variant: "Unisex, Various Colors", - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-looking-aside-with-serious-face-standing-pink-wall_141793-29257.jpg", - imageAlt: "Black custom t-shirt with a unique graphic design", - }, + id: "product-1", name: "Classic Custom T-Shirt", price: "$24.99", variant: "Unisex, Various Colors", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-looking-aside-with-serious-face-standing-pink-wall_141793-29257.jpg", imageAlt: "Black custom t-shirt with a unique graphic design"}, { - id: "product-2", - name: "Premium Hoodie", - price: "$49.99", - variant: "Soft Cotton, Multiple Sizes", - imageSrc: "http://img.b2bpic.net/free-photo/stylish-european-female-runner-preparing-marathon-doing-morning-cardio-activity-routine-woods-confident-self-determined-young-sportswoman-training-outdoors-holding-hands-her-waist_343059-4247.jpg", - imageAlt: "White custom hoodie with a bold text print", - }, + id: "product-2", name: "Premium Hoodie", price: "$49.99", variant: "Soft Cotton, Multiple Sizes", imageSrc: "http://img.b2bpic.net/free-photo/stylish-european-female-runner-preparing-marathon-doing-morning-cardio-activity-routine-woods-confident-self-determined-young-sportswoman-training-outdoors-holding-hands-her-waist_343059-4247.jpg", imageAlt: "White custom hoodie with a bold text print"}, { - id: "product-3", - name: "Long Sleeve Graphic Tee", - price: "$34.99", - variant: "Casual Fit, All Seasons", - imageSrc: "http://img.b2bpic.net/free-photo/female-stretching-out-before-training-near-gray-wall-studio_158538-3637.jpg", - imageAlt: "Navy blue custom long sleeve shirt", - }, + id: "product-3", name: "Long Sleeve Graphic Tee", price: "$34.99", variant: "Casual Fit, All Seasons", imageSrc: "http://img.b2bpic.net/free-photo/female-stretching-out-before-training-near-gray-wall-studio_158538-3637.jpg", imageAlt: "Navy blue custom long sleeve shirt"}, { - id: "product-4", - name: "Comfort Crewneck", - price: "$44.99", - variant: "Fleece Lined, Unisex", - imageSrc: "http://img.b2bpic.net/free-photo/young-people-wearing-hoodie-mockup_23-2149246154.jpg", - imageAlt: "Gray custom crewneck sweatshirt", - }, + id: "product-4", name: "Comfort Crewneck", price: "$44.99", variant: "Fleece Lined, Unisex", imageSrc: "http://img.b2bpic.net/free-photo/young-people-wearing-hoodie-mockup_23-2149246154.jpg", imageAlt: "Gray custom crewneck sweatshirt"}, { - id: "product-5", - name: "V-Neck Custom Tee", - price: "$26.99", - variant: "Soft Blend, Modern Cut", - imageSrc: "http://img.b2bpic.net/free-vector/inspirational-quotes-background_1045-91.jpg", - imageAlt: "Vibrant red custom t-shirt", - }, + id: "product-5", name: "V-Neck Custom Tee", price: "$26.99", variant: "Soft Blend, Modern Cut", imageSrc: "http://img.b2bpic.net/free-vector/inspirational-quotes-background_1045-91.jpg", imageAlt: "Vibrant red custom t-shirt"}, { - id: "product-6", - name: "Zip-Up Performance Hoodie", - price: "$59.99", - variant: "Athletic Fabric, Full Zip", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-arab-beard-man-wear-grey-turtleneck-black-jaket-arabian-model-guy_627829-4312.jpg", - imageAlt: "Dark green custom zip-up hoodie", - }, + id: "product-6", name: "Zip-Up Performance Hoodie", price: "$59.99", variant: "Athletic Fabric, Full Zip", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-arab-beard-man-wear-grey-turtleneck-black-jaket-arabian-model-guy_627829-4312.jpg", imageAlt: "Dark green custom zip-up hoodie"}, ]} title="Explore Our Custom Apparel Collection" description="Browse our selection of shirts and hoodies, ready for your personalized touch." @@ -265,25 +157,15 @@ export default function LandingPage() { author="Sarah M., Small Business Owner" avatars={[ { - src: "http://img.b2bpic.net/free-photo/young-caucasian-man-smiling-happy-standing-city_839833-10609.jpg", - alt: "Sarah M. avatar", - }, + src: "http://img.b2bpic.net/free-photo/young-caucasian-man-smiling-happy-standing-city_839833-10609.jpg", alt: "Sarah M. avatar"}, { - src: "http://img.b2bpic.net/free-photo/portrait-young-attractive-woman-elegant-hotel-cafeteria_657883-403.jpg", - alt: "John P. avatar", - }, + src: "http://img.b2bpic.net/free-photo/portrait-young-attractive-woman-elegant-hotel-cafeteria_657883-403.jpg", alt: "John P. avatar"}, { - src: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg", - alt: "Emily R. avatar", - }, + src: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg", alt: "Emily R. avatar"}, { - src: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-carefree-man-has-toothy-smile-shows-perfect-white-teeth-looks-gladfully_273609-33584.jpg", - alt: "David K. avatar", - }, + src: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-carefree-man-has-toothy-smile-shows-perfect-white-teeth-looks-gladfully_273609-33584.jpg", alt: "David K. avatar"}, { - src: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg", - alt: "Maria L. avatar", - }, + src: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg", alt: "Maria L. avatar"}, ]} ratingAnimation="slide-up" avatarsAnimation="slide-up" @@ -296,30 +178,15 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "faq-1", - title: "How do I create my custom design?", - content: "Our online design tool allows you to upload your own artwork, choose from our library of graphics, and add custom text. It's intuitive and easy to use!", - }, + id: "faq-1", title: "How do I create my custom design?", content: "Our online design tool allows you to upload your own artwork, choose from our library of graphics, and add custom text. It's intuitive and easy to use!"}, { - id: "faq-2", - title: "What kind of apparel can I customize?", - content: "We offer a wide range of products including t-shirts, hoodies, long-sleeve shirts, and crewneck sweatshirts, available in various colors and sizes.", - }, + id: "faq-2", title: "What kind of apparel can I customize?", content: "We offer a wide range of products including t-shirts, hoodies, long-sleeve shirts, and crewneck sweatshirts, available in various colors and sizes."}, { - id: "faq-3", - title: "What are your shipping times and costs?", - content: "Standard shipping typically takes 7-10 business days. Expedited options are available. Shipping costs vary based on order size and destination, calculated at checkout.", - }, + id: "faq-3", title: "What are your shipping times and costs?", content: "Standard shipping typically takes 7-10 business days. Expedited options are available. Shipping costs vary based on order size and destination, calculated at checkout."}, { - id: "faq-4", - title: "Do you offer discounts for bulk orders?", - content: "Yes, we provide special pricing for bulk orders, perfect for teams, events, or corporate merchandise. Please contact our sales team for a custom quote.", - }, + id: "faq-4", title: "Do you offer discounts for bulk orders?", content: "Yes, we provide special pricing for bulk orders, perfect for teams, events, or corporate merchandise. Please contact our sales team for a custom quote."}, { - id: "faq-5", - title: "What if I'm not satisfied with my order?", - content: "Customer satisfaction is our priority. If you encounter any issues with your custom order, please reach out to our support team, and we'll work to make it right.", - }, + id: "faq-5", title: "What if I'm not satisfied with my order?", content: "Customer satisfaction is our priority. If you encounter any issues with your custom order, please reach out to our support team, and we'll work to make it right."}, ]} title="Frequently Asked Questions" description="Find quick answers to common questions about our custom shirts and hoodies." @@ -333,20 +200,16 @@ export default function LandingPage() { @@ -356,62 +219,37 @@ export default function LandingPage() {