Merge version_3 into main #2
135
src/app/page.tsx
135
src/app/page.tsx
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user