Merge version_3 into main #2

Merged
bender merged 1 commits from version_3 into main 2026-04-19 20:25:19 +00:00

View File

@@ -39,66 +39,71 @@ export default function CustomTShirtPlatformPage() {
]}
button={{ text: "Start Designing", href: "#contact" }}
/>
<HeroSplitDoubleCarousel
title="Design Your Own Unique T-Shirt"
description="A professional platform that lets you design and print your clothes with high quality. Choose the fabric, color, and size, and get an instant preview before ordering."
tag="Fast Online Design"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "canvas-reveal" }}
buttons={[
{ text: "Design Now", href: "#contact" },
{ text: "Browse Fabrics", href: "#features" },
]}
buttonAnimation="slide-up"
carouselPosition="right"
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/view-depressed-man-laying-floor_23-2149699133.jpg", imageAlt: "Custom T-Shirt Design 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/graphic-tshirt-trendy-design-mockup-presented-wooden-hanger_460848-13986.jpg", imageAlt: "Custom T-Shirt Design 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-serious-girl-posing-with-striped-background_23-2148311267.jpg", imageAlt: "Custom T-Shirt Design 3" },
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/young-adult-thief-purple-sports-clothing-generated-by-ai_188544-39982.jpg", imageAlt: "Custom T-Shirt Design 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-casual-listening-music-with-headphones-isolated-pink-background_343596-3427.jpg", imageAlt: "Custom T-Shirt Design 5" },
]}
carouselItemClassName="!aspect-[4/5]"
/>
<FeatureBento
title="Platform Features"
description="An easy-to-use experience for designing and printing custom clothing with advanced tools to control every detail."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{
title: "Interactive Design Tool", description: "Upload your own logo or image, adjust size and position directly on the T-shirt.", bentoComponent: "reveal-icon", icon: Palette,
},
{
title: "Instant Preview", description: "See the final result before confirming your order and payment.", bentoComponent: "reveal-icon", icon: LayoutGrid,
},
{
title: "Multiple Options", description: "Choose between cotton, polyester, or premium fabrics with a variety of color options.", bentoComponent: "reveal-icon", icon: Shirt,
},
]}
/>
<FeatureCardTwentySix
title="How to Order Your T-Shirt?"
description="Simple steps to get a unique T-shirt that matches your style."
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Choose Item", description: "Select your favorite color and fabric type", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-testing-colours_23-2150538660.jpg" },
{ title: "Add Your Design", description: "Upload your file or use the built-in tools", buttonIcon: Paintbrush, imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-using-computer-make-use-text-video-with-ai_482257-119684.jpg" },
{ title: "Set Size", description: "Select the size carefully from our size guide", buttonIcon: Shirt, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lhs0qv" },
{ title: "Get Your Order", description: "Track the shipment until it arrives at your doorstep", buttonIcon: Truck, imageSrc: "http://img.b2bpic.net/free-photo/impressed-middle-aged-blonde-delivery-woman-blue-uniform-cap-holding-cardboard-box-head-looking-up-isolated-pink-wall_141793-112380.jpg" },
]}
/>
<div id="hero">
<HeroSplitDoubleCarousel
title="Design Your Own Unique T-Shirt"
description="A professional platform that lets you design and print your clothes with high quality. Choose the fabric, color, and size, and get an instant preview before ordering."
tag="Fast Online Design"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "canvas-reveal" }}
buttons={[
{ text: "Design Now", href: "#contact" },
{ text: "Browse Fabrics", href: "#features" },
]}
buttonAnimation="slide-up"
carouselPosition="right"
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/view-depressed-man-laying-floor_23-2149699133.jpg", imageAlt: "Custom T-Shirt Design 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/graphic-tshirt-trendy-design-mockup-presented-wooden-hanger_460848-13986.jpg", imageAlt: "Custom T-Shirt Design 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-serious-girl-posing-with-striped-background_23-2148311267.jpg", imageAlt: "Custom T-Shirt Design 3" },
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/young-adult-thief-purple-sports-clothing-generated-by-ai_188544-39982.jpg", imageAlt: "Custom T-Shirt Design 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-casual-listening-music-with-headphones-isolated-pink-background_343596-3427.jpg", imageAlt: "Custom T-Shirt Design 5" },
]}
carouselItemClassName="!aspect-[4/5]"
/>
</div>
<div id="features">
<FeatureBento
title="Platform Features"
description="An easy-to-use experience for designing and printing custom clothing with advanced tools to control every detail."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{
title: "Interactive Design Tool", description: "Upload your own logo or image, adjust size and position directly on the T-shirt.", icon: Palette,
},
{
title: "Instant Preview", description: "See the final result before confirming your order and payment.", icon: LayoutGrid,
},
{
title: "Multiple Options", description: "Choose between cotton, polyester, or premium fabrics with a variety of color options.", icon: Shirt,
},
]}
/>
</div>
<div id="process">
<FeatureCardTwentySix
title="How to Order Your T-Shirt?"
description="Simple steps to get a unique T-shirt that matches your style."
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Choose Item", description: "Select your favorite color and fabric type", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-testing-colours_23-2150538660.jpg" },
{ title: "Add Your Design", description: "Upload your file or use the built-in tools", buttonIcon: Paintbrush, imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-using-computer-make-use-text-video-with-ai_482257-119684.jpg" },
{ title: "Set Size", description: "Select the size carefully from our size guide", buttonIcon: Shirt, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lhs0qv" },
{ title: "Get Your Order", description: "Track the shipment until it arrives at your doorstep", buttonIcon: Truck, imageSrc: "http://img.b2bpic.net/free-photo/impressed-middle-aged-blonde-delivery-woman-blue-uniform-cap-holding-cardboard-box-head-looking-up-isolated-pink-wall_141793-112380.jpg" },
]}
/>
</div>
<TestimonialCardFifteen
testimonial="Honestly, I didn't expect the design process to be this easy and high-quality. The T-shirt arrived exactly as I designed it on the site!"
rating={5}
author="— Ahmed Mohamed, Graphic Designer"
avatars={[{ src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg", alt: "User" }]
}
avatars={[{ src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg", alt: "User" }]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
useInvertedBackground={false}
@@ -128,14 +133,16 @@ export default function CustomTShirtPlatformPage() {
{ id: "3", title: "Is cash on delivery available?", content: "Yes, we provide the option for cash on delivery along with electronic payment options." },
]}
/>
<ContactCTA
tag="Get Started"
title="Ready to Design Your Own T-Shirt?"
description="Start your design journey now and get a unique piece with unmatched quality."
background={{ variant: "rotated-rays-animated" }}
buttons={[{ text: "Start Designing Now", href: "#" }]}
useInvertedBackground={false}
/>
<div id="contact">
<ContactCTA
tag="Get Started"
title="Ready to Design Your Own T-Shirt?"
description="Start your design journey now and get a unique piece with unmatched quality."
background={{ variant: "rotated-rays-animated" }}
buttons={[{ text: "Start Designing Now", href: "#" }]}
useInvertedBackground={false}
/>
</div>
<FooterBase
logoText="TeeCreator"
copyrightText="© 2025 | All rights reserved"