Switch to version 1: modified src/app/page.tsx
This commit is contained in:
253
src/app/page.tsx
253
src/app/page.tsx
@@ -4,14 +4,13 @@ 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 FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { ShieldCheck, Truck, Package } from "lucide-react";
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,31 +31,84 @@ 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">
|
||||
<HeroBillboardCarousel
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Scale Your Boutique with Premium Wholesale Essentials"
|
||||
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",
|
||||
},
|
||||
]}
|
||||
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" }
|
||||
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>
|
||||
@@ -66,35 +118,53 @@ 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">
|
||||
<FeatureCardTen
|
||||
animationType="blur-reveal"
|
||||
<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.", 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: "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.", 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: "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"
|
||||
@@ -103,16 +173,66 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="blur-reveal"
|
||||
<ProductCardTwo
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
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: "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", name: "Classic V-Neck Tee", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/teen-boy-girl-posing-together_23-2149132853.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."
|
||||
@@ -120,12 +240,46 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
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"}
|
||||
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."
|
||||
@@ -138,7 +292,20 @@ 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: "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"
|
||||
@@ -155,14 +322,22 @@ 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"
|
||||
|
||||
Reference in New Issue
Block a user