From df27a0d03a0094792c4dbd735006a1d1f639da60 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 27 Apr 2026 23:53:57 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 351 ++++++++---------------------------------------
 1 file changed, 55 insertions(+), 296 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d92e3b7..d162e85 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Products", id: "products" },
+        { name: "About", id: "about" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="UrbanGent"
     />
@@ -54,110 +42,38 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Timeless Style for Everyday Life"
       description="Discover our latest collection of premium shorts and essential t-shirts designed for comfort and durability."
       leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-with-tattoo_1157-16390.jpg?_wi=1",
-          imageAlt: "Collection 1",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-swimwear-beach_23-2148164968.jpg?_wi=1",
-          imageAlt: "Collection 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-armenian-guy-with-hat-leaning-blue-green-wall-looking-away_181624-46007.jpg?_wi=1",
-          imageAlt: "Collection 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11485.jpg",
-          imageAlt: "Collection 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-tourist-enjoying-summer-holiday-wearing-sunglasses-hawaiian-shirt-showing-thumbsup_1258-164189.jpg",
-          imageAlt: "Collection 5",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-with-tattoo_1157-16390.jpg", imageAlt: "Collection 1" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/young-man-swimwear-beach_23-2148164968.jpg", imageAlt: "Collection 2" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/attractive-armenian-guy-with-hat-leaning-blue-green-wall-looking-away_181624-46007.jpg", imageAlt: "Collection 3" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11485.jpg", imageAlt: "Collection 4" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/handsome-tourist-enjoying-summer-holiday-wearing-sunglasses-hawaiian-shirt-showing-thumbsup_1258-164189.jpg", imageAlt: "Collection 5" },
       ]}
       rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-wall_23-2148415942.jpg",
-          imageAlt: "Collection 6",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-menswear-shop-talking-phone_1303-19856.jpg",
-          imageAlt: "Collection 6 Alt",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-trying-clothes-store_23-2147689477.jpg",
-          imageAlt: "Collection 5 Alt",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-light-blue-suit_158538-11399.jpg",
-          imageAlt: "Collection 4 Alt",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-girl-smiling_23-2148675697.jpg",
-          imageAlt: "Collection 3 Alt",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Shop New Arrivals",
-          href: "#products",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-wall_23-2148415942.jpg", imageAlt: "Collection 6" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/young-man-menswear-shop-talking-phone_1303-19856.jpg", imageAlt: "Collection 6 Alt" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-trying-clothes-store_23-2147689477.jpg", imageAlt: "Collection 5 Alt" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-light-blue-suit_158538-11399.jpg", imageAlt: "Collection 4 Alt" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-girl-smiling_23-2148675697.jpg", imageAlt: "Collection 3 Alt" },
       ]}
+      buttons={[{ text: "Shop New Arrivals", href: "#products" }]}
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/empty-clothing-store-mall_482257-91309.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-clothes-shop_1303-19713.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-shoes-shop_1303-19724.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-looking-clothes-front-view_23-2150082881.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/fashionable-clothing-modern-boutique-store-generated-by-ai_188544-19609.jpg",
-          alt: "Customer 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/empty-clothing-store-mall_482257-91309.jpg", alt: "Customer 1" },
+        { src: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-clothes-shop_1303-19713.jpg", alt: "Customer 2" },
+        { src: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-shoes-shop_1303-19724.jpg", alt: "Customer 3" },
+        { src: "http://img.b2bpic.net/free-photo/man-looking-clothes-front-view_23-2150082881.jpg", alt: "Customer 4" },
+        { src: "http://img.b2bpic.net/free-photo/fashionable-clothing-modern-boutique-store-generated-by-ai_188544-19609.jpg", alt: "Customer 5" },
       ]}
       avatarText="Trusted by 10,000+ happy customers"
       marqueeItems={[
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/young-man-shopping-menswear-shop_1303-19869.jpg",
-          alt: "Brand 1",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/portrait-jesus-modern-world-doing-contemporary-things_23-2150836140.jpg",
-          alt: "Brand 2",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/alarmed-tourist-asking-stay-away-step-back-from-something-cringe-showing-rejection-gesture-standi_1258-173895.jpg",
-          alt: "Brand 3",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/top-view-accessoires-travel-with-man-clothing-concept-white-shirt-jean-mobile-phone-listening-music-by-headphone-wooden-background-bag-passport-key-sunglasses-hat-wood-table_1921-53.jpg",
-          alt: "Brand 4",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/realistic-scene-from-neighborhood-yard-sale-miscellaneous-items_23-2151238441.jpg",
-          alt: "Brand 5",
-        },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/young-man-shopping-menswear-shop_1303-19869.jpg", alt: "Brand 1" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/portrait-jesus-modern-world-doing-contemporary-things_23-2150836140.jpg", alt: "Brand 2" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/alarmed-tourist-asking-stay-away-step-back-from-something-cringe-showing-rejection-gesture-standi_1258-173895.jpg", alt: "Brand 3" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/top-view-accessoires-travel-with-man-clothing-concept-white-shirt-jean-mobile-phone-listening-music-by-headphone-wooden-background-bag-passport-key-sunglasses-hat-wood-table_1921-53.jpg", alt: "Brand 4" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/realistic-scene-from-neighborhood-yard-sale-miscellaneous-items_23-2151238441.jpg", alt: "Brand 5" },
       ]}
     />
   </div>
@@ -169,46 +85,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Premium Cotton",
-          description: "100% organic cotton for maximum comfort.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932970.jpg",
-            imageAlt: "Premium Cotton T-shirt",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/full-shot-transgender-sitting-outdoors_23-2149105446.jpg",
-            imageAlt: "Premium Cotton Shorts",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-with-tattoo_1157-16390.jpg?_wi=2",
-          imageAlt: "mens cotton basic t-shirt",
+          title: "Premium Cotton",          description: "100% organic cotton for maximum comfort.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932970.jpg", imageAlt: "Premium Cotton T-shirt" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-transgender-sitting-outdoors_23-2149105446.jpg", imageAlt: "Premium Cotton Shorts" }
         },
         {
-          title: "Durable Stitching",
-          description: "Engineered to last through all seasons.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/stylish-guy-pointing-his-blank-empty-white-t-shirt_273609-8007.jpg",
-            imageAlt: "Durable Graphic Tee",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/young-tourist-posing_23-2147643237.jpg",
-            imageAlt: "Utility Cargo Shorts",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-swimwear-beach_23-2148164968.jpg?_wi=2",
-          imageAlt: "mens cotton basic t-shirt",
+          title: "Durable Stitching",          description: "Engineered to last through all seasons.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/stylish-guy-pointing-his-blank-empty-white-t-shirt_273609-8007.jpg", imageAlt: "Durable Graphic Tee" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-tourist-posing_23-2147643237.jpg", imageAlt: "Utility Cargo Shorts" }
         },
         {
-          title: "Modern Cuts",
-          description: "Tailored for a perfect everyday fit.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/young-man-grey-polo-shirt-with-arms-out-like-asking-with-smile-face-standing-white-wall_141793-55404.jpg",
-            imageAlt: "Classic Polo Shirt",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-cap-city_23-2148296631.jpg",
-            imageAlt: "Modern Denim Shorts",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-armenian-guy-with-hat-leaning-blue-green-wall-looking-away_181624-46007.jpg?_wi=2",
-          imageAlt: "mens cotton basic t-shirt",
+          title: "Modern Cuts",          description: "Tailored for a perfect everyday fit.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/young-man-grey-polo-shirt-with-arms-out-like-asking-with-smile-face-standing-white-wall_141793-55404.jpg", imageAlt: "Classic Polo Shirt" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-cap-city_23-2148296631.jpg", imageAlt: "Modern Denim Shorts" }
         },
       ]}
       showStepNumbers={true}
@@ -219,52 +105,17 @@ export default function LandingPage() {
 
   <div id="products" data-section="products">
       <ProductCardFour
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
-        {
-          id: "1",
-          name: "Classic Crew Neck",
-          price: "$29",
-          variant: "Black",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-handsome-man_1301-5868.jpg",
-        },
-        {
-          id: "2",
-          name: "Linen Cargo Shorts",
-          price: "$45",
-          variant: "Khaki",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-sitting-hat-with-bag_158538-14868.jpg",
-        },
-        {
-          id: "3",
-          name: "Urban Graphic Tee",
-          price: "$35",
-          variant: "White",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-black-t-shirt-with-mexican-flag_23-2149373049.jpg",
-        },
-        {
-          id: "4",
-          name: "Utility Short",
-          price: "$50",
-          variant: "Navy",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-hat-with-bag_158538-14769.jpg",
-        },
-        {
-          id: "5",
-          name: "Essential Polo",
-          price: "$40",
-          variant: "Grey",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-male-holding-hands-waist-t-shirt-cap-looking-sure_176474-16261.jpg",
-        },
-        {
-          id: "6",
-          name: "Denim Shorts",
-          price: "$55",
-          variant: "Blue",
-          imageSrc: "http://img.b2bpic.net/free-photo/lovely-female-using-tablet-near-wall_23-2147860734.jpg",
-        },
+        { id: "1", name: "Classic Crew Neck", price: "$29", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-handsome-man_1301-5868.jpg" },
+        { id: "2", name: "Linen Cargo Shorts", price: "$45", variant: "Khaki", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-sitting-hat-with-bag_158538-14868.jpg" },
+        { id: "3", name: "Urban Graphic Tee", price: "$35", variant: "White", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-black-t-shirt-with-mexican-flag_23-2149373049.jpg" },
+        { id: "4", name: "Utility Short", price: "$50", variant: "Navy", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-hat-with-bag_158538-14769.jpg" },
+        { id: "5", name: "Essential Polo", price: "$40", variant: "Grey", imageSrc: "http://img.b2bpic.net/free-photo/young-male-holding-hands-waist-t-shirt-cap-looking-sure_176474-16261.jpg" },
+        { id: "6", name: "Denim Shorts", price: "$55", variant: "Blue", imageSrc: "http://img.b2bpic.net/free-photo/lovely-female-using-tablet-near-wall_23-2147860734.jpg" },
       ]}
       title="Featured Collection"
       description="Our best-selling items, curated for your wardrobe."
@@ -277,21 +128,9 @@ export default function LandingPage() {
       title="By The Numbers"
       tag="Our Impact"
       metrics={[
-        {
-          id: "m1",
-          value: "10k+",
-          description: "Happy Customers",
-        },
-        {
-          id: "m2",
-          value: "25k",
-          description: "Items Sold",
-        },
-        {
-          id: "m3",
-          value: "4.8/5",
-          description: "Average Rating",
-        },
+        { id: "m1", value: "10k+", description: "Happy Customers" },
+        { id: "m2", value: "25k", description: "Items Sold" },
+        { id: "m3", value: "4.8/5", description: "Average Rating" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -302,9 +141,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Crafted with Intent"
       description={[
-        "At UrbanGent, we believe that basic clothing is the foundation of style.",
-        "Founded in 2020, we focus on producing essentials that combine timeless aesthetics with modern functionality, ensuring every piece becomes your wardrobe favorite.",
-      ]}
+        "At UrbanGent, we believe that basic clothing is the foundation of style.",        "Founded in 2020, we focus on producing essentials that combine timeless aesthetics with modern functionality, ensuring every piece becomes your wardrobe favorite."]}
     />
   </div>
 
@@ -313,46 +150,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          title: "Great quality!",
-          quote: "The fabric is incredibly soft and durable.",
-          name: "John Doe",
-          role: "Photographer",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-womans-dresses-making-shopping-smiling-mall_176420-42949.jpg",
-        },
-        {
-          id: "t2",
-          title: "Perfect fit",
-          quote: "Finally found shorts that fit perfectly.",
-          name: "Mark Smith",
-          role: "Architect",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-bearded-man-with-camera_171337-4805.jpg",
-        },
-        {
-          id: "t3",
-          title: "Style staple",
-          quote: "My go-to tees for work and weekend.",
-          name: "Alex Johnson",
-          role: "Designer",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-holding-clothes-front-view_23-2150082965.jpg",
-        },
-        {
-          id: "t4",
-          title: "Super comfortable",
-          quote: "Wore them all summer, still look brand new.",
-          name: "Brian Lee",
-          role: "Student",
-          imageSrc: "http://img.b2bpic.net/free-photo/blond-man-shirt-holding-shopping-bags_23-2148316546.jpg",
-        },
-        {
-          id: "t5",
-          title: "Fast delivery",
-          quote: "Great service and better product quality.",
-          name: "Sam Wilson",
-          role: "Engineer",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-client-wheelchair-asking-asian-woman-employee-assistance_482257-118424.jpg",
-        },
+        { id: "t1", title: "Great quality!", quote: "The fabric is incredibly soft and durable.", name: "John Doe", role: "Photographer", imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-womans-dresses-making-shopping-smiling-mall_176420-42949.jpg" },
+        { id: "t2", title: "Perfect fit", quote: "Finally found shorts that fit perfectly.", name: "Mark Smith", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-bearded-man-with-camera_171337-4805.jpg" },
+        { id: "t3", title: "Style staple", quote: "My go-to tees for work and weekend.", name: "Alex Johnson", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-holding-clothes-front-view_23-2150082965.jpg" },
+        { id: "t4", title: "Super comfortable", quote: "Wore them all summer, still look brand new.", name: "Brian Lee", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/blond-man-shirt-holding-shopping-bags_23-2148316546.jpg" },
+        { id: "t5", title: "Fast delivery", quote: "Great service and better product quality.", name: "Sam Wilson", role: "Engineer", imageSrc: "http://img.b2bpic.net/free-photo/male-client-wheelchair-asking-asian-woman-employee-assistance_482257-118424.jpg" },
       ]}
       title="Customer Stories"
       description="See why our customers love our pieces."
@@ -364,21 +166,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "What is the return policy?",
-          content: "You can return items within 30 days of purchase for a full refund.",
-        },
-        {
-          id: "f2",
-          title: "Do you offer international shipping?",
-          content: "Yes, we ship to over 50 countries globally.",
-        },
-        {
-          id: "f3",
-          title: "Are these items machine washable?",
-          content: "Yes, all our cotton items are machine washable with cold water.",
-        },
+        { id: "f1", title: "What is the return policy?", content: "You can return items within 30 days of purchase for a full refund." },
+        { id: "f2", title: "Do you offer international shipping?", content: "Yes, we ship to over 50 countries globally." },
+        { id: "f3", title: "Are these items machine washable?", content: "Yes, all our cotton items are machine washable with cold water." },
       ]}
       title="Common Questions"
       description="Here is everything you need to know about our products."
@@ -389,50 +179,19 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Let's Connect"
       title="Need Help?"
       description="Our team is here to assist you with any questions or concerns."
-      buttons={[
-        {
-          text: "Contact Support",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Contact Support", href: "#" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Jobs",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Jobs", href: "#" }] },
+        { title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Contact", href: "#contact" }] },
       ]}
       bottomLeftText="© 2024 UrbanGent"
       bottomRightText="Privacy Policy"