From 17826205138dd490681446713b1dccf75b195370 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 20:25:13 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 135 +++++++++++++++++++++++++----------------------
 1 file changed, 71 insertions(+), 64 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5fc16f1..a1bb0de 100644
--- a/src/app/page.tsx
+++ b/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"
-- 
2.49.1