Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-21 06:34:38 +00:00

View File

@@ -29,427 +29,149 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Collection",
id: "products",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Nikz Clothing"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "Collection", id: "products" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="Nikz Clothing"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
title="Defining Elegance in Every Stitch"
description="Experience the perfect blend of tradition and modernity with Nikz. Custom-tailored menswear designed for your unique signature style."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/background-clothing-fashion-plaid-studio_1203-6536.jpg?_wi=1",
imageAlt: "Menswear Fabric Detail",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-dressed-stylish-blue-suit-who-is-putting-elegant-watch_8353-10463.jpg?_wi=1",
imageAlt: "Suit Detailing",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478987.jpg?_wi=1",
imageAlt: "Clothing Hanger 3D",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24636.jpg",
imageAlt: "Folded Trousers",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-purple-material_23-2148849281.jpg",
imageAlt: "Abstract Fabric Swirl",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/polo-shirt_1203-2612.jpg",
imageAlt: "Folded Shirt Packaging",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-concept-with-clothing-hangers_23-2150871176.jpg",
imageAlt: "Folded Trousers",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885650.jpg",
imageAlt: "Abstract Fabric Swirl",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/blank-stationery-set-corporate-identity-template_93675-130790.jpg",
imageAlt: "Folded Shirt Packaging",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/garment-casual-material-wear-blue_1203-6406.jpg",
imageAlt: "Menswear Fabric Detail",
},
]}
buttons={[
{
text: "View Collection",
href: "#products",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885660.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/handsome-man-posing-camera-studio_23-2148532567.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/studio-lighting-isolated-white_93675-131426.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/empty-studio-with-photography-lighting_53876-153290.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/woman-photographer-photo-art-concept_23-2148565570.jpg",
alt: "Customer 5",
},
]}
avatarText="Trusted by 10,000+ satisfied customers"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-vector/slow-fashion-badge-set_23-2148816027.jpg",
alt: "Brand 1",
},
{
type: "image",
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o24hgl",
alt: "Brand 2",
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/vintage-monochrome-gentleman-labels-set_1284-39892.jpg",
alt: "Brand 3",
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/men-s-apparel-shop-logo-apparel-business-branding-template-design-vector_53876-156430.jpg",
alt: "Brand 4",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/front-view-colorful-threads-dark-surface_179666-37878.jpg",
alt: "Brand 5",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "gradient-bars" }}
title="Defining Elegance in Every Stitch"
description="Experience the perfect blend of tradition and modernity with Nikz. Custom-tailored menswear designed for your unique signature style."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/background-clothing-fashion-plaid-studio_1203-6536.jpg", imageAlt: "Menswear Fabric Detail" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-dressed-stylish-blue-suit-who-is-putting-elegant-watch_8353-10463.jpg", imageAlt: "Suit Detailing" },
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478987.jpg", imageAlt: "Clothing Hanger 3D" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24636.jpg", imageAlt: "Folded Trousers" },
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-purple-material_23-2148849281.jpg", imageAlt: "Abstract Fabric Swirl" },
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/polo-shirt_1203-2612.jpg", imageAlt: "Folded Shirt Packaging" },
{ imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-concept-with-clothing-hangers_23-2150871176.jpg", imageAlt: "Folded Trousers" },
{ imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885650.jpg", imageAlt: "Abstract Fabric Swirl" },
{ imageSrc: "http://img.b2bpic.net/free-photo/blank-stationery-set-corporate-identity-template_93675-130790.jpg", imageAlt: "Folded Shirt Packaging" },
{ imageSrc: "http://img.b2bpic.net/free-photo/garment-casual-material-wear-blue_1203-6406.jpg", imageAlt: "Menswear Fabric Detail" },
]}
buttons={[{ text: "View Collection", href: "#products" }]}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="A Legacy of Quality from Karur"
metrics={[
{
icon: Award,
label: "Years of Excellence",
value: "15+",
},
{
icon: Users,
label: "Satisfied Customers",
value: "10k+",
},
{
icon: ShoppingBag,
label: "Premium Garments",
value: "500+",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="A Legacy of Quality from Karur"
metrics={[
{ icon: Award, label: "Years of Excellence", value: "15+" },
{ icon: Users, label: "Satisfied Customers", value: "10k+" },
{ icon: ShoppingBag, label: "Premium Garments", value: "500+" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Precision Tailoring",
description: "Custom fit garments for the modern man.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wool-texture-details_23-2149620438.jpg",
imageAlt: "Precision Tailoring",
},
items: [
{
icon: CheckCircle,
text: "Custom Sizing",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/background-clothing-fashion-plaid-studio_1203-6536.jpg?_wi=2",
imageAlt: "fabric zoom texture",
},
{
title: "Premium Textiles",
description: "Sourced from the finest mills for durability and comfort.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/fashion-businessman-model-dressed-elegant-checkered-suit-posing-near-gray-wall-street-background-metrosexual-with-luxury-watch-wrist_158538-14233.jpg",
imageAlt: "Premium Textiles",
},
items: [
{
icon: CheckCircle,
text: "Organic Cotton",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/man-dressed-stylish-blue-suit-who-is-putting-elegant-watch_8353-10463.jpg?_wi=2",
imageAlt: "fabric zoom texture",
},
{
title: "Expert Craftsmanship",
description: "Hand-stitched detailing with a sharp focus on quality.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-shopping-bags-both-hands_23-2148316507.jpg",
imageAlt: "Expert Craftsmanship",
},
items: [
{
icon: CheckCircle,
text: "Handcrafted",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478987.jpg?_wi=2",
imageAlt: "fabric zoom texture",
},
]}
title="Why Choose Nikz?"
description="Premium quality meets precision tailoring in every garment we create."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="Why Choose Nikz?"
description="Premium quality meets precision tailoring in every garment we create."
features={[
{
title: "Precision Tailoring", description: "Custom fit garments for the modern man.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-wool-texture-details_23-2149620438.jpg", imageAlt: "Precision Tailoring" },
items: [{ icon: CheckCircle, text: "Custom Sizing" }],
reverse: false
},
{
title: "Premium Textiles", description: "Sourced from the finest mills for durability and comfort.", media: { imageSrc: "http://img.b2bpic.net/free-photo/fashion-businessman-model-dressed-elegant-checkered-suit-posing-near-gray-wall-street-background-metrosexual-with-luxury-watch-wrist_158538-14233.jpg", imageAlt: "Premium Textiles" },
items: [{ icon: CheckCircle, text: "Organic Cotton" }],
reverse: true
},
{
title: "Expert Craftsmanship", description: "Hand-stitched detailing with a sharp focus on quality.", media: { imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-shopping-bags-both-hands_23-2148316507.jpg", imageAlt: "Expert Craftsmanship" },
items: [{ icon: CheckCircle, text: "Handcrafted" }],
reverse: false
}
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Nikz",
name: "Classic White Shirt",
price: "$45",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/specialized-photography-studio_23-2150247226.jpg",
},
{
id: "2",
brand: "Nikz",
name: "Navy Formal Blazer",
price: "$120",
rating: 5,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-groom-with-black-bowtie_1328-4895.jpg",
},
{
id: "3",
brand: "Nikz",
name: "Khaki Casual Chinos",
price: "$60",
rating: 4,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/empty-shopping-mall-with-casual-formal-wear-brands_482257-88618.jpg",
},
{
id: "4",
brand: "Nikz",
name: "Striped Formal Shirt",
price: "$50",
rating: 5,
reviewCount: "65",
imageSrc: "http://img.b2bpic.net/free-photo/medical-treatment-with-pills_23-2148150949.jpg",
},
{
id: "5",
brand: "Nikz",
name: "Black Slim-Fit Shirt",
price: "$55",
rating: 4,
reviewCount: "30",
imageSrc: "http://img.b2bpic.net/free-photo/clothes-presentation_23-2147704077.jpg",
},
{
id: "6",
brand: "Nikz",
name: "Classic Grey Vest",
price: "$70",
rating: 5,
reviewCount: "40",
imageSrc: "http://img.b2bpic.net/free-photo/shirt-clothes_1203-2959.jpg",
},
]}
title="Our Signature Collection"
description="Timeless classics and modern essentials tailored for every occasion."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Our Signature Collection"
description="Timeless classics and modern essentials tailored for every occasion."
products={[
{ id: "1", brand: "Nikz", name: "Classic White Shirt", price: "$45", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/specialized-photography-studio_23-2150247226.jpg" },
{ id: "2", brand: "Nikz", name: "Navy Formal Blazer", price: "$120", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/elegant-groom-with-black-bowtie_1328-4895.jpg" },
{ id: "3", brand: "Nikz", name: "Khaki Casual Chinos", price: "$60", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/empty-shopping-mall-with-casual-formal-wear-brands_482257-88618.jpg" }
]}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Fashion Hub",
"Textile Corp",
"Karur Apparel",
"Style Trends",
"Mode Daily",
"Urban Wear",
"Trend Setters",
]}
title="Trusted by Thousands"
description="We are proud to serve our community with dedication and style."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
cardTitle="What Our Customers Say"
cardAnimation="slide-up"
cardTag="Testimonials"
testimonials={[
{ id: "1", name: "Arjun R.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg" },
{ id: "2", name: "Vikram S.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-young-businessman-blue-suit-isolated-white-wall_231208-9206.jpg" },
{ id: "3", name: "Praveen M.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-teenagers-sitting-together_23-2149239061.jpg" },
{ id: "4", name: "Sathish K.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11497.jpg" },
{ id: "5", name: "Mani D.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg" },
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Arjun R.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
},
{
id: "2",
name: "Vikram S.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-young-businessman-blue-suit-isolated-white-wall_231208-9206.jpg",
},
{
id: "3",
name: "Praveen M.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-teenagers-sitting-together_23-2149239061.jpg",
},
{
id: "4",
name: "Sathish K.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11497.jpg",
},
{
id: "5",
name: "Mani D.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",
},
]}
cardTitle="What Our Customers Say"
cardAnimation="slide-up"
cardTag="Testimonials"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "1", title: "Do you offer custom tailoring?", content: "Yes, we specialize in bespoke menswear with professional measurements." },
{ id: "2", title: "What materials do you use?", content: "We source high-quality fabrics, including premium cottons and linens." },
{ id: "3", title: "How do I measure for a custom shirt?", content: "Our website includes an easy-to-follow guide, or visit us in Karur." },
]}
title="Frequently Asked Questions"
faqsAnimation="slide-up"
description="Everything you need to know about our services and process."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Do you offer custom tailoring?",
content: "Yes, we specialize in bespoke menswear with professional measurements.",
},
{
id: "2",
title: "What materials do you use?",
content: "We source high-quality fabrics, including premium cottons and linens.",
},
{
id: "3",
title: "How do I measure for a custom shirt?",
content: "Our website includes an easy-to-follow guide, or visit us in Karur.",
},
]}
title="Frequently Asked Questions"
faqsAnimation="slide-up"
description="Everything you need to know about our services and process."
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Get in touch"
title="Ready to elevate your style?"
description="Visit us in Karur or drop a message to schedule a custom fitting session today."
buttons={[{ text: "Contact Us", href: "mailto:hello@nikzclothing.com" }]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Get in touch"
title="Ready to elevate your style?"
description="Visit us in Karur or drop a message to schedule a custom fitting session today."
buttons={[
{
text: "Contact Us",
href: "mailto:hello@nikzclothing.com",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Navigation",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "Products",
href: "#products",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "FAQ",
href: "#faq",
},
],
},
]}
logoText="Nikz"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Products", href: "#products" }] },
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
]}
logoText="Nikz"
/>
</div>
</ReactLenis>
</ThemeProvider>
);