bender/e5d7dfcd-7be4-40db-86a1-b4d751a75d8f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-17 12:31:48 +00:00
parent 01ef8698e3
commit 5c95edcb2a
1 changed files with 39 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files

253
src/app/page.tsx
View File

@@ -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>
);
}
}