From 5c95edcb2a1e3cc1718f719e94726afbfc0c2e99 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 17 May 2026 12:31:48 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 253 ++++++++---------------------------------------
 1 file changed, 39 insertions(+), 214 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 04777ba..7c5d18d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,13 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import { ShieldCheck, Truck, Package } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,84 +32,31 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Products",
-          id: "products",
-        },
+          name: "Products",          id: "products"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="J Textiles"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroCentered
+      <HeroBillboardCarousel
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="J Textiles: Premium Wholesale Excellence"
       description="Your premier partner for wholesale undergarments, t-shirts, and high-quality apparel. Delivering excellence from our warehouse to your storefront."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/transgender-wearing-cool-jacket-medium-shot_23-2149105398.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-portrait-handsome-young-man-sitting-bar_23-2148096477.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/asian-store-employee-suggesting-trendy-items-client-wheelchair-user_482257-108841.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-businesswoman-owner_23-2148828328.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ retailers"
       buttons={[
         {
-          text: "Explore Catalog",
-          href: "#products",
-        },
+          text: "Explore Catalog",          href: "#products"},
         {
-          text: "Contact Us",
-          href: "#contact",
-        },
+          text: "Contact Us",          href: "#contact"},
       ]}
-      buttonAnimation="slide-up"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Premium Cotton",
-        },
-        {
-          type: "text",
-          text: "Wholesale Distribution",
-        },
-        {
-          type: "text",
-          text: "Global Logistics",
-        },
-        {
-          type: "text",
-          text: "Quality Assured",
-        },
-        {
-          type: "text",
-          text: "Bulk Pricing",
-        },
+      mediaItems={[
+          { imageSrc: "http://img.b2bpic.net/free-photo/transgender-wearing-cool-jacket-medium-shot_23-2149105398.jpg" },
+          { imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-handsome-young-man-sitting-bar_23-2148096477.jpg" }
       ]}
     />
   </div>
@@ -118,53 +66,35 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",
-          content: "Quality Meets ",
-        },
+          type: "text",          content: "Quality Meets "},
         {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/view-felt-fabric-gray-tones_23-2149447323.jpg",
-          alt: "About J Textiles",
-        },
+          type: "image",          src: "http://img.b2bpic.net/free-photo/view-felt-fabric-gray-tones_23-2149447323.jpg",          alt: "About J Textiles"},
         {
-          type: "text",
-          content: " Wholesale Reliability",
-        },
+          type: "text",          content: " Wholesale Reliability"},
       ]}
       buttons={[
         {
-          text: "Learn Our Story",
-          href: "#",
-        },
+          text: "Learn Our Story",          href: "#"},
       ]}
       buttonAnimation="blur-reveal"
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardOne
-      animationType="depth-3d"
+      <FeatureCardTen
+      animationType="blur-reveal"
       textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       features={[
         {
-          title: "Rapid Fulfillment",
-          description: "Global logistics networks ensures fast delivery of bulk orders.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-thread-spools-fashion-atelier_23-2148846735.jpg",
-          imageAlt: "Logistics",
+          title: "Rapid Fulfillment",          description: "Global logistics networks ensures fast delivery of bulk orders.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-thread-spools-fashion-atelier_23-2148846735.jpg" },
+          items: [{ icon: Truck, text: "Fast Shipping" }],
+          reverse: false
         },
         {
-          title: "Strict Quality Assurance",
-          description: "Every garment meets our premium quality control standards.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-making-origami-with-japanese-paper_23-2149048364.jpg",
-          imageAlt: "Quality Control",
-        },
-        {
-          title: "Bulk Value Packs",
-          description: "Competitive pricing structure designed for high-volume retailers.",
-          imageSrc: "http://img.b2bpic.net/free-photo/focused-contented-female-packing-clothes-donation_259150-59379.jpg",
-          imageAlt: "Value",
+          title: "Strict Quality Assurance",          description: "Every garment meets our premium quality control standards.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/woman-making-origami-with-japanese-paper_23-2149048364.jpg" },
+          items: [{ icon: ShieldCheck, text: "Quality Controlled" }],
+          reverse: true
         },
       ]}
       title="Why Partner With J Textiles"
@@ -173,66 +103,16 @@ export default function LandingPage() {
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="scale-rotate"
+      <ProductCardThree
+      animationType="blur-reveal"
       textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
+      gridVariant="bento-grid"
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
-          brand: "J Textiles",
-          name: "Premium Cotton Crew-Neck",
-          price: "$12.00",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-male-senior-tailor-selecting-fabric-shelf_23-2148180337.jpg",
-        },
+          id: "1",          name: "Premium Cotton Crew-Neck",          price: "$12.00",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-male-senior-tailor-selecting-fabric-shelf_23-2148180337.jpg"},
         {
-          id: "2",
-          brand: "J Textiles",
-          name: "Classic V-Neck Tee",
-          price: "$12.00",
-          rating: 5,
-          reviewCount: "98",
-          imageSrc: "http://img.b2bpic.net/free-photo/teen-boy-girl-posing-together_23-2149132853.jpg",
-        },
-        {
-          id: "3",
-          brand: "J Textiles",
-          name: "Comfort Fit Undergarment",
-          price: "$8.00",
-          rating: 4,
-          reviewCount: "210",
-          imageSrc: "http://img.b2bpic.net/free-photo/selfconfident-young-calm-woman-stylish-black-silk-home-suit-looks-into-window-stands-cozy-l_197531-33674.jpg",
-        },
-        {
-          id: "4",
-          brand: "J Textiles",
-          name: "Signature Raw Fabric Roll",
-          price: "$45.00",
-          rating: 5,
-          reviewCount: "45",
-          imageSrc: "http://img.b2bpic.net/free-photo/line-green-thread-reels_23-2148212661.jpg",
-        },
-        {
-          id: "5",
-          brand: "J Textiles",
-          name: "Daily Tee Bulk Pack",
-          price: "$95.00",
-          rating: 5,
-          reviewCount: "330",
-          imageSrc: "http://img.b2bpic.net/free-photo/shirt-wooden-background_1203-8016.jpg",
-        },
-        {
-          id: "6",
-          brand: "J Textiles",
-          name: "Premium Cotton Weave",
-          price: "$38.00",
-          rating: 4,
-          reviewCount: "67",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-linen-fabric_23-2151914971.jpg",
-        },
+          id: "2",          name: "Classic V-Neck Tee",          price: "$12.00",          imageSrc: "http://img.b2bpic.net/free-photo/teen-boy-girl-posing-together_23-2149132853.jpg"},
       ]}
       title="Curated Apparel Collection"
       description="Browse our premium selection of undergarments and t-shirts available for wholesale."
@@ -240,46 +120,12 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="depth-3d"
+      <TestimonialCardFive
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah J.",
-          role: "Boutique Owner",
-          testimonial: "Exceptional quality, my customers love the cotton feel.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg",
-        },
-        {
-          id: "2",
-          name: "Mark D.",
-          role: "Retail Manager",
-          testimonial: "The fulfillment speed is unmatched in the industry.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pensive-brunette-girl-thoughtfully-looking-camera-modern-self-service-laundry_574295-2559.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily R.",
-          role: "Buyer",
-          testimonial: "Professional service and consistently high garment quality.",
-          imageSrc: "http://img.b2bpic.net/free-photo/selfie-cheerful-caucasian-fair-haired-woman-standing-near-rack-with-dresses-fashion-shop-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11952.jpg",
-        },
-        {
-          id: "4",
-          name: "David K.",
-          role: "Wholesale Distributor",
-          testimonial: "Reliable supply chain, my primary partner for years.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-shopping-buying-consumer-goods_23-2151669757.jpg",
-        },
-        {
-          id: "5",
-          name: "Alice M.",
-          role: "Boutique Manager",
-          testimonial: "The best bulk pricing I have found for premium apparel.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-client-wheelchair-asking-asian-woman-employee-assistance_482257-118424.jpg",
-        },
+          id: "1",          name: "Sarah J.",          date: "2024-05-12",          title: "Boutique Owner",          quote: "Exceptional quality, my customers love the cotton feel.",          tag: "Verified Partner",          avatarSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg"}
       ]}
       title="Partner Feedback"
       description="What our retail partners have to say about our wholesale partnership."
@@ -292,20 +138,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
-          title: "What is the minimum order quantity?",
-          content: "Our minimum order is 100 units per category.",
-        },
-        {
-          id: "2",
-          title: "Do you offer samples?",
-          content: "Yes, we provide quality samples for new wholesale partners.",
-        },
-        {
-          id: "3",
-          title: "How long is shipping?",
-          content: "Domestic shipping typically takes 3-5 business days.",
-        },
+          id: "1",          title: "What is the minimum order quantity?",          content: "Our minimum order is 100 units per category."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/desk-assortment-with-laptop-notebooks_23-2149073067.jpg"
       mediaAnimation="slide-up"
@@ -322,22 +155,14 @@ export default function LandingPage() {
       description="Ready to get started? Reach out for wholesale pricing and partnership opportunities."
       inputs={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
         },
         {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
+          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
         },
       ]}
       textarea={{
-        name: "message",
-        placeholder: "How can we help?",
-        rows: 4,
+        name: "message",        placeholder: "How can we help?",        rows: 4,
         required: true,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/general-director-reviewing-data-analytics-with-her-team-successful-development-plan_482257-118674.jpg"
@@ -353,4 +178,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file