357 lines
12 KiB
TypeScript
357 lines
12 KiB
TypeScript
"use client";
|
|
|
|
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 FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
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';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "Products",
|
|
id: "products",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="J Textiles"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
background={{
|
|
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: "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",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{
|
|
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: "text",
|
|
content: " Wholesale Reliability",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Learn Our Story",
|
|
href: "#",
|
|
},
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
animationType="depth-3d"
|
|
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: "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="Why Partner With J Textiles"
|
|
description="We ensure industry-leading standards for all our wholesale partners."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="scale-rotate"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
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: "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",
|
|
},
|
|
]}
|
|
title="Curated Apparel Collection"
|
|
description="Browse our premium selection of undergarments and t-shirts available for wholesale."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="depth-3d"
|
|
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",
|
|
},
|
|
]}
|
|
title="Partner Feedback"
|
|
description="What our retail partners have to say about our wholesale partnership."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
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.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/desk-assortment-with-laptop-notebooks_23-2149073067.jpg"
|
|
mediaAnimation="slide-up"
|
|
title="Common Inquiries"
|
|
description="Answers to your frequently asked wholesale questions."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Connect With J Textiles"
|
|
description="Ready to get started? Reach out for wholesale pricing and partnership opportunities."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Your Name",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Email Address",
|
|
required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
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"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="J Textiles"
|
|
copyrightText="© 2025 J Textiles | All Rights Reserved"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|