bender/a9ddbc09-ba5b-4558-9a2a-0a0190d178a4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #3

Merged
bender merged 7 commits from version_1 into main 2026-03-13 07:14:05 +00:00
Conversation 0 Commits 7 Files Changed 7 +386 -744
7 changed files with 386 additions and 744 deletions
Download Patch File Download Diff File Expand all files Collapse all files

270
src/app/about/page.tsx
View File

@@ -1,15 +1,58 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import Link from "next/link";
import { Sparkles } from "lucide-react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles, MessageSquare } from 'lucide-react';
export default function AboutPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Products", id: "/products" },
{ name: "Process", id: "/process" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" },
];
const footerColumns = [
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Manufacturing Process", href: "/process" },
{ label: "Gallery", href: "/gallery" },
{ label: "Careers", href: "/careers" },
],
},
{
title: "Products", items: [
{ label: "Men's Apparel", href: "/products#mens" },
{ label: "Women's Apparel", href: "/products#womens" },
{ label: "Kids Wear", href: "/products#kids" },
{ label: "Private Label", href: "/products#private-label" },
],
},
{
title: "Contact", items: [
{ label: "Phone", href: "tel:+919876543210" },
{ label: "Email", href: "mailto:sales@sonuexim.com" },
{ label: "Office Address", href: "https://maps.google.com/?q=Sonu+Exim+Noida" },
{ label: "WhatsApp", href: "https://wa.me/919876543210" },
],
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Compliance", href: "#" },
],
},
];
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
@@ -17,90 +60,41 @@ export default function AboutPage() {
borderRadius="soft"
contentWidth="compact"
sizing="medium"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="light"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Sonu Exim"
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Products", id: "/products" },
{ name: "Process", id: "/process" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" },
]}
navItems={navItems}
button={{
text: "Call Now",
href: "tel:+919876543210",
text: "Call Now", href: "tel:+919876543210"
}}
/>
</div>
{/* About Section */}
<div id="highlights" data-section="highlights">
<MetricSplitMediaAbout
tag="Company Strength"
tagAnimation="blur-reveal"
tagIcon={Sparkles}
tagAnimation="fade"
title="Why Sonu Exim Is Your Ideal Manufacturing Partner"
description="With 10+ manufacturing units across Delhi/NCR, state-of-the-art machinery, and a team of 500+ skilled professionals, Sonu Exim delivers export-quality garments consistently. We've earned the trust of international brands through reliability, quality, and innovation."
metrics={[
{
value: "10+",
title: "Manufacturing Units",
},
{
value: "15+",
title: "Years of Export Excellence",
},
{ value: "10+", title: "Manufacturing Units" },
{ value: "15+", title: "Years of Export Excellence" }
]}
useInvertedBackground={true}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6uxsb5&_wi=3"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6uxsb5"
imageAlt="Manufacturing facility overview"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
</div>
{/* Manufacturing Process Section */}
<div id="capabilities" data-section="capabilities">
<FeatureCardOne
title="Our Manufacturing Capability"
description="End-to-end garment production with quality assurance at every stage"
tag="Complete Solutions"
tagAnimation="slide-up"
features={[
{
title: "Cutting",
description: "Precision cutting using latest technology ensures zero waste and consistent quality across all garments.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9pgwx8&_wi=2",
imageAlt: "Cutting process",
},
{
title: "Stitching",
description: "Skilled workforce using state-of-the-art stitching machines guarantees superior finish and durability.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0crdy1&_wi=2",
imageAlt: "Stitching process",
},
{
title: "Quality Control",
description: "Rigorous multi-stage inspection ensures every piece meets international standards before dispatch.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oi4shv&_wi=2",
imageAlt: "Quality control",
},
]}
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
{/* Client Testimonials Section */}
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
title="What Our Clients Say"
@@ -109,43 +103,26 @@ export default function AboutPage() {
tagAnimation="slide-up"
testimonials={[
{
id: "1",
name: "Rajesh Kumar",
role: "Sourcing Manager",
company: "Global Fashion Co.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w7qzys&_wi=3",
id: "1", name: "Rajesh Kumar", role: "Sourcing Manager", company: "Global Fashion Co.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w7qzys"
},
{
id: "2",
name: "Maria Rodriguez",
role: "Procurement Director",
company: "International Apparel Ltd",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l24zd7&_wi=3",
id: "2", name: "Maria Rodriguez", role: "Procurement Director", company: "International Apparel Ltd", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l24zd7"
},
{
id: "3",
name: "Ahmed Hassan",
role: "Import Manager",
company: "European Fashion Brand",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=50ma3j&_wi=3",
id: "3", name: "Ahmed Hassan", role: "Import Manager", company: "European Fashion Brand", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=50ma3j"
},
{
id: "4", name: "Sarah Chen", role: "Head of Operations", company: "Asia Pacific Retail", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bc2rue"
}
]}
kpiItems={[
{
value: "500+",
label: "Happy International Clients",
},
{
value: "98%",
label: "On-Time Delivery Rate",
},
{
value: "15+",
label: "Years Industry Experience",
},
{ value: "500+", label: "Happy International Clients" },
{ value: "98%", label: "On-Time Delivery Rate" },
{ value: "15+", label: "Years Industry Experience" }
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -153,92 +130,29 @@ export default function AboutPage() {
/>
</div>
{/* Footer */}
<div id="contact" data-section="contact">
<ContactSplit
tag="Get in Touch"
title="Start Your Journey With Sonu Exim"
description="Connect with our team to discuss your garment manufacturing needs, request samples, or inquire about bulk orders."
tagIcon={MessageSquare}
tagAnimation="slide-up"
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hzrdyr"
imageAlt="Business meeting"
mediaAnimation="blur-reveal"
mediaPosition="right"
inputPlaceholder="your@company.com"
buttonText="Get In Touch"
termsText="We respect your privacy. Your inquiry will be handled confidentially by our sourcing team."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Sonu Exim"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Manufacturing Process",
href: "/process",
},
{
label: "Gallery",
href: "/gallery",
},
{
label: "Careers",
href: "/careers",
},
],
},
{
title: "Products",
items: [
{
label: "Men's Apparel",
href: "/products#mens",
},
{
label: "Women's Apparel",
href: "/products#womens",
},
{
label: "Kids Wear",
href: "/products#kids",
},
{
label: "Private Label",
href: "/products#private-label",
},
],
},
{
title: "Contact",
items: [
{
label: "Phone",
href: "tel:+919876543210",
},
{
label: "Email",
href: "mailto:sales@sonuexim.com",
},
{
label: "Office Address",
href: "https://maps.google.com/?q=Sonu+Exim+Noida",
},
{
label: "WhatsApp",
href: "https://wa.me/919876543210",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
{
label: "Compliance",
href: "#",
},
],
},
]}
columns={footerColumns}
copyrightText="© 2025 Sonu Exim. All rights reserved. | Premium Garment Exporter from India"
/>
</div>

41
src/app/careers/page.tsx
View File

@@ -6,7 +6,7 @@ import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Award, MessageSquare } from 'lucide-react';
import { MessageSquare } from 'lucide-react';
export default function CareersPage() {
const navItems = [
@@ -29,10 +29,10 @@ export default function CareersPage() {
},
{
title: "Products", items: [
{ label: "Men's Apparel", href: "/products" },
{ label: "Women's Apparel", href: "/products" },
{ label: "Kids Wear", href: "/products" },
{ label: "Private Label", href: "/products" },
{ label: "Men's Apparel", href: "/products#mens" },
{ label: "Women's Apparel", href: "/products#womens" },
{ label: "Kids Wear", href: "/products#kids" },
{ label: "Private Label", href: "/products#private-label" },
],
},
{
@@ -59,7 +59,7 @@ export default function CareersPage() {
borderRadius="soft"
contentWidth="compact"
sizing="medium"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
@@ -70,7 +70,8 @@ export default function CareersPage() {
brandName="Sonu Exim"
navItems={navItems}
button={{
text: "Call Now", href: "tel:+919876543210"}}
text: "Call Now", href: "tel:+919876543210"
}}
/>
</div>
@@ -82,13 +83,17 @@ export default function CareersPage() {
tagAnimation="slide-up"
features={[
{
title: "Production Supervisors", description: "Lead our cutting-edge production teams. Manage workflows, ensure quality standards, and mentor skilled workers in our state-of-the-art facilities.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0crdy1", imageAlt: "Production supervisor role"},
title: "Production Supervisors", description: "Lead our cutting-edge production teams. Manage workflows, ensure quality standards, and mentor skilled workers in our state-of-the-art facilities.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0crdy1", imageAlt: "Production supervisor role"
},
{
title: "Quality Assurance Officers", description: "Ensure export excellence. Conduct rigorous inspections, maintain compliance standards, and drive continuous quality improvements across all production lines.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oi4shv", imageAlt: "Quality assurance role"},
title: "Quality Assurance Officers", description: "Ensure export excellence. Conduct rigorous inspections, maintain compliance standards, and drive continuous quality improvements across all production lines.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oi4shv", imageAlt: "Quality assurance role"
},
{
title: "Skilled Garment Technicians", description: "Master the craft of premium garment production. Work on cutting-edge machinery and contribute to creating world-class apparel for international brands.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9pgwx8", imageAlt: "Technician role"},
title: "Skilled Garment Technicians", description: "Master the craft of premium garment production. Work on cutting-edge machinery and contribute to creating world-class apparel for international brands.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9pgwx8", imageAlt: "Technician role"
},
{
title: "Export Operations Specialists", description: "Coordinate our global supply chain. Manage logistics, documentation, and international shipments ensuring on-time delivery to our worldwide clients.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s60fri", imageAlt: "Export operations role"},
title: "Export Operations Specialists", description: "Coordinate our global supply chain. Manage logistics, documentation, and international shipments ensuring on-time delivery to our worldwide clients.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s60fri", imageAlt: "Export operations role"
},
]}
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
@@ -106,16 +111,20 @@ export default function CareersPage() {
testimonials={[
{
id: "1", name: "Amit Patel", role: "Senior Production Manager", company: "5 Years at Sonu Exim", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w7qzys"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w7qzys"
},
{
id: "2", name: "Priya Sharma", role: "Quality Assurance Lead", company: "3 Years at Sonu Exim", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l24zd7"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l24zd7"
},
{
id: "3", name: "Suresh Singh", role: "Export Coordinator", company: "4 Years at Sonu Exim", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=50ma3j"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=50ma3j"
},
{
id: "4", name: "Neha Gupta", role: "Manufacturing Specialist", company: "2 Years at Sonu Exim", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bc2rue"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bc2rue"
},
]}
kpiItems={[
{ value: "500+", label: "Dedicated Team Members" },
@@ -135,7 +144,7 @@ export default function CareersPage() {
description="Send us your resume and let's explore how you can contribute to our mission of manufacturing excellence and global success."
tagIcon={MessageSquare}
tagAnimation="slide-up"
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hzrdyr"
imageAlt="Business meeting"

160
src/app/contact/page.tsx
View File

@@ -1,13 +1,55 @@
"use client";
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { MessageSquare } from "lucide-react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { MessageSquare } from 'lucide-react';
export default function ContactPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Products", id: "/products" },
{ name: "Process", id: "/process" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" },
];
const footerColumns = [
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Manufacturing Process", href: "/process" },
{ label: "Gallery", href: "/gallery" },
{ label: "Careers", href: "/careers" },
],
},
{
title: "Products", items: [
{ label: "Men's Apparel", href: "/products#mens" },
{ label: "Women's Apparel", href: "/products#womens" },
{ label: "Kids Wear", href: "/products#kids" },
{ label: "Private Label", href: "/products#private-label" },
],
},
{
title: "Contact", items: [
{ label: "Phone", href: "tel:+919876543210" },
{ label: "Email", href: "mailto:sales@sonuexim.com" },
{ label: "Office Address", href: "https://maps.google.com/?q=Sonu+Exim+Noida" },
{ label: "WhatsApp", href: "https://wa.me/919876543210" },
],
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Compliance", href: "#" },
],
},
];
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
@@ -15,7 +57,7 @@ export default function ContactPage() {
borderRadius="soft"
contentWidth="compact"
sizing="medium"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
@@ -24,17 +66,9 @@ export default function ContactPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Sonu Exim"
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Products", id: "/products" },
{ name: "Process", id: "/process" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" },
]}
navItems={navItems}
button={{
text: "Call Now",
href: "tel:+919876543210",
text: "Call Now", href: "tel:+919876543210"
}}
/>
</div>
@@ -46,108 +80,22 @@ export default function ContactPage() {
description="Connect with our team to discuss your garment manufacturing needs, request samples, or inquire about bulk orders."
tagIcon={MessageSquare}
tagAnimation="slide-up"
background={{
variant: "noiseDiagonalGradient",
}}
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hzrdyr&_wi=4"
imageAlt="professional business meeting conference"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hzrdyr"
imageAlt="Business meeting"
mediaAnimation="blur-reveal"
mediaPosition="right"
inputPlaceholder="your@company.com"
buttonText="Get In Touch"
termsText="We respect your privacy. Your inquiry will be handled confidentially by our sourcing team."
onSubmit={(email) => {
console.log("Contact inquiry from:", email);
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Sonu Exim"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Manufacturing Process",
href: "/process",
},
{
label: "Gallery",
href: "/gallery",
},
{
label: "Careers",
href: "/careers",
},
],
},
{
title: "Products",
items: [
{
label: "Men's Apparel",
href: "/products",
},
{
label: "Women's Apparel",
href: "/products",
},
{
label: "Kids Wear",
href: "/products",
},
{
label: "Private Label",
href: "/products",
},
],
},
{
title: "Contact",
items: [
{
label: "Phone",
href: "tel:+919876543210",
},
{
label: "Email",
href: "mailto:sales@sonuexim.com",
},
{
label: "Office Address",
href: "https://maps.google.com/?q=Sonu+Exim+Noida",
},
{
label: "WhatsApp",
href: "https://wa.me/919876543210",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
{
label: "Compliance",
href: "#",
},
],
},
]}
columns={footerColumns}
copyrightText="© 2025 Sonu Exim. All rights reserved. | Premium Garment Exporter from India"
/>
</div>

125
src/app/gallery/page.tsx
View File

@@ -3,10 +3,9 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Award, Sparkles, MessageSquare } from 'lucide-react';
import { MessageSquare } from 'lucide-react';
export default function GalleryPage() {
const navItems = [
@@ -20,8 +19,7 @@ export default function GalleryPage() {
const footerColumns = [
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Manufacturing Process", href: "/process" },
{ label: "Gallery", href: "/gallery" },
@@ -29,17 +27,15 @@ export default function GalleryPage() {
],
},
{
title: "Products",
items: [
{ label: "Men's Apparel", href: "/products" },
{ label: "Women's Apparel", href: "/products" },
{ label: "Kids Wear", href: "/products" },
{ label: "Private Label", href: "/products" },
title: "Products", items: [
{ label: "Men's Apparel", href: "/products#mens" },
{ label: "Women's Apparel", href: "/products#womens" },
{ label: "Kids Wear", href: "/products#kids" },
{ label: "Private Label", href: "/products#private-label" },
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "Phone", href: "tel:+919876543210" },
{ label: "Email", href: "mailto:sales@sonuexim.com" },
{ label: "Office Address", href: "https://maps.google.com/?q=Sonu+Exim+Noida" },
@@ -47,8 +43,7 @@ export default function GalleryPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Compliance", href: "#" },
@@ -63,7 +58,7 @@ export default function GalleryPage() {
borderRadius="soft"
contentWidth="compact"
sizing="medium"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
@@ -74,43 +69,30 @@ export default function GalleryPage() {
brandName="Sonu Exim"
navItems={navItems}
button={{
text: "Call Now",
href: "tel:+919876543210",
text: "Call Now", href: "tel:+919876543210"
}}
/>
</div>
<div id="gallery-features" data-section="gallery-features">
<div id="capabilities" data-section="capabilities">
<FeatureCardOne
title="Our Manufacturing Gallery"
description="Explore our state-of-the-art facilities and production processes showcasing our commitment to quality and excellence"
tag="Visual Showcase"
title="Our Manufacturing Capability"
description="End-to-end garment production with quality assurance at every stage"
tag="Complete Solutions"
tagAnimation="slide-up"
features={[
{
title: "Cutting Department",
description: "Precision fabric cutting using latest laser and automated cutting technology ensuring zero waste and consistency",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9pgwx8&_wi=6",
imageAlt: "Cutting process",
title: "Cutting", description: "Precision cutting using latest technology ensures zero waste and consistent quality across all garments.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9pgwx8", imageAlt: "Cutting process"
},
{
title: "Stitching Floor",
description: "State-of-the-art stitching machines with skilled operators ensuring superior finish and durability on every garment",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0crdy1&_wi=6",
imageAlt: "Stitching process",
title: "Stitching", description: "Skilled workforce using state-of-the-art stitching machines guarantees superior finish and durability.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0crdy1", imageAlt: "Stitching process"
},
{
title: "Quality Control Lab",
description: "Rigorous multi-stage inspection facility with trained quality auditors ensuring every piece meets international standards",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oi4shv&_wi=6",
imageAlt: "Quality control",
title: "Quality Control", description: "Rigorous multi-stage inspection ensures every piece meets international standards before dispatch.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oi4shv", imageAlt: "Quality control"
},
{
title: "Packing & Export",
description: "Professional finishing and export-ready packing facility ensuring garments arrive in perfect condition to customers worldwide",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s60fri&_wi=5",
imageAlt: "Finishing and packing",
},
title: "Finishing & Packing", description: "Professional finishing and export-ready packing ensures garments arrive in perfect condition.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s60fri", imageAlt: "Finishing and packing"
}
]}
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
@@ -119,73 +101,22 @@ export default function GalleryPage() {
/>
</div>
<div id="gallery-testimonials" data-section="gallery-testimonials">
<TestimonialCardSixteen
title="Client Success Stories"
description="Hear from international buyers and sourcing managers who have experienced our manufacturing excellence firsthand"
tag="Client Reviews"
tagAnimation="slide-up"
testimonials={[
{
id: "1",
name: "Rajesh Kumar",
role: "Sourcing Manager",
company: "Global Fashion Co.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w7qzys&_wi=5",
},
{
id: "2",
name: "Maria Rodriguez",
role: "Procurement Director",
company: "International Apparel Ltd",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l24zd7&_wi=5",
},
{
id: "3",
name: "Ahmed Hassan",
role: "Import Manager",
company: "European Fashion Brand",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=50ma3j&_wi=5",
},
{
id: "4",
name: "Sarah Chen",
role: "Head of Operations",
company: "Asia Pacific Retail",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bc2rue&_wi=4",
},
]}
kpiItems={[
{ value: "500+", label: "Successful Projects" },
{ value: "98%", label: "On-Time Delivery" },
{ value: "15+", label: "Years Experience" },
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="gallery-contact" data-section="gallery-contact">
<div id="contact" data-section="contact">
<ContactSplit
tag="Request Studio Visit"
title="Schedule Your Factory Tour"
description="Experience our manufacturing excellence firsthand. Our team welcomes international buyers and sourcing managers to tour our facilities."
tag="Get in Touch"
title="Start Your Journey With Sonu Exim"
description="Connect with our team to discuss your garment manufacturing needs, request samples, or inquire about bulk orders."
tagIcon={MessageSquare}
tagAnimation="slide-up"
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hzrdyr&_wi=2"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hzrdyr"
imageAlt="Business meeting"
mediaAnimation="blur-reveal"
mediaPosition="right"
inputPlaceholder="your@company.com"
buttonText="Schedule Tour"
termsText="We respect your privacy. Tour requests are handled by our business development team."
buttonText="Get In Touch"
termsText="We respect your privacy. Your inquiry will be handled confidentially by our sourcing team."
/>
</div>

341
src/app/page.tsx
View File

@@ -1,19 +1,61 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import Link from "next/link";
import { Award } from "lucide-react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Award, Sparkles, MessageSquare } from 'lucide-react';
export default function HomePage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Products", id: "/products" },
{ name: "Process", id: "/process" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" },
];
const footerColumns = [
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Manufacturing Process", href: "/process" },
{ label: "Gallery", href: "/gallery" },
{ label: "Careers", href: "/careers" },
],
},
{
title: "Products", items: [
{ label: "Men's Apparel", href: "/products#mens" },
{ label: "Women's Apparel", href: "/products#womens" },
{ label: "Kids Wear", href: "/products#kids" },
{ label: "Private Label", href: "/products#private-label" },
],
},
{
title: "Contact", items: [
{ label: "Phone", href: "tel:+919876543210" },
{ label: "Email", href: "mailto:sales@sonuexim.com" },
{ label: "Office Address", href: "https://maps.google.com/?q=Sonu+Exim+Noida" },
{ label: "WhatsApp", href: "https://wa.me/919876543210" },
],
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Compliance", href: "#" },
],
},
];
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
@@ -21,32 +63,22 @@ export default function HomePage() {
borderRadius="soft"
contentWidth="compact"
sizing="medium"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="light"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Sonu Exim"
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Products", id: "/products" },
{ name: "Process", id: "/process" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" },
]}
navItems={navItems}
button={{
text: "Call Now",
href: "tel:+919876543210",
text: "Call Now", href: "tel:+919876543210"
}}
/>
</div>
{/* Hero Section */}
<div id="hero" data-section="hero">
<HeroSplitTestimonial
title="Trusted Garment Manufacturing Partner in India"
@@ -54,82 +86,58 @@ export default function HomePage() {
tag="Premium Export Quality"
tagIcon={Award}
tagAnimation="slide-up"
background={{ variant: "noiseDiagonalGradient" }}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6uxsb5&_wi=1"
background={{ variant: "glowing-orb" }}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6uxsb5"
imageAlt="Sonu Exim Manufacturing Facility"
imagePosition="right"
mediaAnimation="slide-up"
useInvertedBackground={false}
testimonials={[
{
name: "Rajesh Kumar",
handle: "Sourcing Manager, Global Fashion Co.",
testimonial: "Sonu Exim consistently delivers on time with exceptional quality. They're our trusted manufacturing partner.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w7qzys&_wi=1",
name: "Rajesh Kumar", handle: "Sourcing Manager, Global Fashion Co.", testimonial: "Sonu Exim consistently delivers on time with exceptional quality. They're our trusted manufacturing partner.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w7qzys"
},
{
name: "Maria Rodriguez",
handle: "Procurement Director, International Apparel",
testimonial: "The professionalism and attention to detail at Sonu Exim is outstanding. Highly recommended for premium garment manufacturing.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l24zd7&_wi=1",
name: "Maria Rodriguez", handle: "Procurement Director, International Apparel", testimonial: "The professionalism and attention to detail at Sonu Exim is outstanding. Highly recommended for premium garment manufacturing.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l24zd7"
},
{
name: "Ahmed Hassan",
handle: "Import Manager, European Fashion Brand",
testimonial: "Reliable, quality-focused, and excellent communication. They've become indispensable to our supply chain.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=50ma3j&_wi=1",
name: "Ahmed Hassan", handle: "Import Manager, European Fashion Brand", testimonial: "Reliable, quality-focused, and excellent communication. They've become indispensable to our supply chain.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=50ma3j"
},
{
name: "Sarah Chen",
handle: "Head of Operations, Asia Pacific Retail",
testimonial: "Working with Sonu Exim has transformed our manufacturing efficiency. Their expertise is invaluable.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bc2rue&_wi=1",
},
name: "Sarah Chen", handle: "Head of Operations, Asia Pacific Retail", testimonial: "Working with Sonu Exim has transformed our manufacturing efficiency. Their expertise is invaluable.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bc2rue"
}
]}
testimonialRotationInterval={5000}
buttons={[
{
text: "Call Now",
href: "tel:+919876543210",
},
{
text: "Request Quote",
href: "#contact",
},
{ text: "Call Now", href: "tel:+919876543210" },
{ text: "Request Quote", href: "#contact" }
]}
buttonAnimation="slide-up"
/>
</div>
{/* Highlights Section */}
<div id="highlights" data-section="highlights">
<MetricSplitMediaAbout
tag="Company Strength"
tagAnimation="blur-reveal"
tagIcon={Sparkles}
tagAnimation="fade"
title="Why Sonu Exim Is Your Ideal Manufacturing Partner"
description="With 10+ manufacturing units across Delhi/NCR, state-of-the-art machinery, and a team of 500+ skilled professionals, Sonu Exim delivers export-quality garments consistently. We've earned the trust of international brands through reliability, quality, and innovation."
metrics={[
{
value: "10+",
title: "Manufacturing Units",
},
{
value: "15+",
title: "Years of Export Excellence",
},
{ value: "10+", title: "Manufacturing Units" },
{ value: "15+", title: "Years of Export Excellence" }
]}
useInvertedBackground={true}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6uxsb5&_wi=2"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6uxsb5"
imageAlt="Manufacturing facility overview"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
</div>
{/* Capabilities Section */}
<div id="capabilities" data-section="capabilities">
<FeatureCardOne
title="Our Manufacturing Capability"
@@ -138,29 +146,17 @@ export default function HomePage() {
tagAnimation="slide-up"
features={[
{
title: "Cutting",
description: "Precision cutting using latest technology ensures zero waste and consistent quality across all garments.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9pgwx8&_wi=1",
imageAlt: "Cutting process",
title: "Cutting", description: "Precision cutting using latest technology ensures zero waste and consistent quality across all garments.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9pgwx8", imageAlt: "Cutting process"
},
{
title: "Stitching",
description: "Skilled workforce using state-of-the-art stitching machines guarantees superior finish and durability.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0crdy1&_wi=1",
imageAlt: "Stitching process",
title: "Stitching", description: "Skilled workforce using state-of-the-art stitching machines guarantees superior finish and durability.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0crdy1", imageAlt: "Stitching process"
},
{
title: "Quality Control",
description: "Rigorous multi-stage inspection ensures every piece meets international standards before dispatch.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oi4shv&_wi=1",
imageAlt: "Quality control",
title: "Quality Control", description: "Rigorous multi-stage inspection ensures every piece meets international standards before dispatch.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oi4shv", imageAlt: "Quality control"
},
{
title: "Finishing & Packing",
description: "Professional finishing and export-ready packing ensures garments arrive in perfect condition.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s60fri&_wi=1",
imageAlt: "Finishing and packing",
},
title: "Finishing & Packing", description: "Professional finishing and export-ready packing ensures garments arrive in perfect condition.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s60fri", imageAlt: "Finishing and packing"
}
]}
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
@@ -169,32 +165,15 @@ export default function HomePage() {
/>
</div>
{/* Social Proof Section */}
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Trusted by Global Fashion Brands"
description="Manufacturing premium apparel for leading international fashion companies and retailers worldwide"
tag="Global Partners"
tagAnimation="blur-reveal"
names={[
"Zara",
"H&M",
"Forever 21",
"Gap",
"Uniqlo",
"Calvin Klein",
"Tommy Hilfiger",
"Levi's",
]}
names={["Zara", "H&M", "Forever 21", "Gap", "Uniqlo", "Calvin Klein", "Tommy Hilfiger", "Levi's"]}
logos={[
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ul15jj",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b86tki",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oyxj82",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5s1bnt",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lacilr",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wljf2d",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=crmgvm",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z3e62w",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ul15jj", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b86tki", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oyxj82", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5s1bnt", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lacilr", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wljf2d", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=crmgvm", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z3e62w"
]}
textboxLayout="default"
useInvertedBackground={true}
@@ -203,7 +182,6 @@ export default function HomePage() {
/>
</div>
{/* Testimonials Section */}
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
title="What Our Clients Say"
@@ -212,51 +190,26 @@ export default function HomePage() {
tagAnimation="slide-up"
testimonials={[
{
id: "1",
name: "Rajesh Kumar",
role: "Sourcing Manager",
company: "Global Fashion Co.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w7qzys&_wi=2",
id: "1", name: "Rajesh Kumar", role: "Sourcing Manager", company: "Global Fashion Co.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w7qzys"
},
{
id: "2",
name: "Maria Rodriguez",
role: "Procurement Director",
company: "International Apparel Ltd",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l24zd7&_wi=2",
id: "2", name: "Maria Rodriguez", role: "Procurement Director", company: "International Apparel Ltd", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l24zd7"
},
{
id: "3",
name: "Ahmed Hassan",
role: "Import Manager",
company: "European Fashion Brand",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=50ma3j&_wi=2",
id: "3", name: "Ahmed Hassan", role: "Import Manager", company: "European Fashion Brand", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=50ma3j"
},
{
id: "4",
name: "Sarah Chen",
role: "Head of Operations",
company: "Asia Pacific Retail",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bc2rue&_wi=2",
},
id: "4", name: "Sarah Chen", role: "Head of Operations", company: "Asia Pacific Retail", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bc2rue"
}
]}
kpiItems={[
{
value: "500+",
label: "Happy International Clients",
},
{
value: "98%",
label: "On-Time Delivery Rate",
},
{
value: "15+",
label: "Years Industry Experience",
},
{ value: "500+", label: "Happy International Clients" },
{ value: "98%", label: "On-Time Delivery Rate" },
{ value: "15+", label: "Years Industry Experience" }
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -264,16 +217,32 @@ export default function HomePage() {
/>
</div>
{/* Contact Section */}
<div id="cta-banner" data-section="cta-banner">
<ProductCardTwo
title="Need a Reliable Garment Manufacturer?"
description="Get in touch today. Our expert team is ready to discuss your requirements and deliver world-class manufacturing solutions."
tag="Limited Time"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
useInvertedBackground={true}
buttons={[
{ text: "Call Our Sales Team", href: "tel:+919876543210" },
{ text: "Send Inquiry", href: "#contact" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Get in Touch"
title="Start Your Journey With Sonu Exim"
description="Connect with our team to discuss your garment manufacturing needs, request samples, or inquire about bulk orders."
tagIcon={MessageSquare}
tagAnimation="slide-up"
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hzrdyr&_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hzrdyr"
imageAlt="Business meeting"
mediaAnimation="blur-reveal"
mediaPosition="right"
@@ -283,92 +252,10 @@ export default function HomePage() {
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Sonu Exim"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Manufacturing Process",
href: "/process",
},
{
label: "Gallery",
href: "/gallery",
},
{
label: "Careers",
href: "/careers",
},
],
},
{
title: "Products",
items: [
{
label: "Men's Apparel",
href: "/products#mens",
},
{
label: "Women's Apparel",
href: "/products#womens",
},
{
label: "Kids Wear",
href: "/products#kids",
},
{
label: "Private Label",
href: "/products#private-label",
},
],
},
{
title: "Contact",
items: [
{
label: "Phone",
href: "tel:+919876543210",
},
{
label: "Email",
href: "mailto:sales@sonuexim.com",
},
{
label: "Office Address",
href: "https://maps.google.com/?q=Sonu+Exim+Noida",
},
{
label: "WhatsApp",
href: "https://wa.me/919876543210",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
{
label: "Compliance",
href: "#",
},
],
},
]}
columns={footerColumns}
copyrightText="© 2025 Sonu Exim. All rights reserved. | Premium Garment Exporter from India"
/>
</div>

132
src/app/process/page.tsx
View File

@@ -1,15 +1,14 @@
"use client";
import Link from "next/link";
import { Sparkles } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { MessageSquare } from 'lucide-react';
const ProcessPage = () => {
export default function ProcessPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
@@ -21,8 +20,7 @@ const ProcessPage = () => {
const footerColumns = [
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Manufacturing Process", href: "/process" },
{ label: "Gallery", href: "/gallery" },
@@ -30,8 +28,7 @@ const ProcessPage = () => {
],
},
{
title: "Products",
items: [
title: "Products", items: [
{ label: "Men's Apparel", href: "/products#mens" },
{ label: "Women's Apparel", href: "/products#womens" },
{ label: "Kids Wear", href: "/products#kids" },
@@ -39,8 +36,7 @@ const ProcessPage = () => {
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "Phone", href: "tel:+919876543210" },
{ label: "Email", href: "mailto:sales@sonuexim.com" },
{ label: "Office Address", href: "https://maps.google.com/?q=Sonu+Exim+Noida" },
@@ -48,8 +44,7 @@ const ProcessPage = () => {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Compliance", href: "#" },
@@ -64,7 +59,7 @@ const ProcessPage = () => {
borderRadius="soft"
contentWidth="compact"
sizing="medium"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
@@ -75,99 +70,72 @@ const ProcessPage = () => {
brandName="Sonu Exim"
navItems={navItems}
button={{
text: "Call Now",
href: "tel:+919876543210",
text: "Call Now", href: "tel:+919876543210"
}}
/>
</div>
<div id="process-overview" data-section="process-overview">
<div id="highlights" data-section="highlights">
<MetricSplitMediaAbout
tag="Manufacturing Excellence"
tagIcon={Sparkles}
tagAnimation="slide-up"
title="Our World-Class Manufacturing Process"
description="Sonu Exim operates cutting-edge facilities with state-of-the-art machinery and rigorous quality protocols. Every garment undergoes multiple quality checkpoints to ensure international standards are met consistently. Our process combines traditional craftsmanship with modern technology."
tag="Company Strength"
tagAnimation="fade"
title="Why Sonu Exim Is Your Ideal Manufacturing Partner"
description="With 10+ manufacturing units across Delhi/NCR, state-of-the-art machinery, and a team of 500+ skilled professionals, Sonu Exim delivers export-quality garments consistently. We've earned the trust of international brands through reliability, quality, and innovation."
metrics={[
{ value: "10+", title: "Advanced Manufacturing Units" },
{ value: "500+", title: "Skilled Technical Workforce" },
{ value: "10+", title: "Manufacturing Units" },
{ value: "15+", title: "Years of Export Excellence" }
]}
useInvertedBackground={true}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6uxsb5&_wi=4"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6uxsb5"
imageAlt="Manufacturing facility overview"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
</div>
<div id="process-stages" data-section="process-stages">
<div id="capabilities" data-section="capabilities">
<FeatureCardOne
title="Complete Manufacturing Workflow"
description="From raw materials to export-ready packaging, our process ensures quality at every stage"
tag="End-to-End Quality"
title="Our Manufacturing Capability"
description="End-to-end garment production with quality assurance at every stage"
tag="Complete Solutions"
tagAnimation="slide-up"
features={[
{
title: "Material Selection",
description: "We source premium fabrics from certified suppliers, ensuring quality and sustainability from the start of production.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9pgwx8&_wi=5",
imageAlt: "Material selection",
title: "Cutting", description: "Precision cutting using latest technology ensures zero waste and consistent quality across all garments.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9pgwx8", imageAlt: "Cutting process"
},
{
title: "Cutting & Marking",
description: "Precision cutting using CAD software and laser technology minimizes waste while ensuring consistency across all batches.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0crdy1&_wi=5",
imageAlt: "Cutting process",
title: "Stitching", description: "Skilled workforce using state-of-the-art stitching machines guarantees superior finish and durability.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0crdy1", imageAlt: "Stitching process"
},
{
title: "Stitching & Assembly",
description: "Our skilled workforce operates industrial sewing machines with strict adherence to specifications and durability standards.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oi4shv&_wi=5",
imageAlt: "Stitching assembly",
title: "Quality Control", description: "Rigorous multi-stage inspection ensures every piece meets international standards before dispatch.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oi4shv", imageAlt: "Quality control"
},
{
title: "Quality Inspection",
description: "Multiple inspection stages catch defects early. Final items undergo comprehensive checks before packaging.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s60fri&_wi=4",
imageAlt: "Quality inspection",
},
title: "Finishing & Packing", description: "Professional finishing and export-ready packing ensures garments arrive in perfect condition.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s60fri", imageAlt: "Finishing and packing"
}
]}
textboxLayout="default"
gridVariant="uniform-all-items-equal"
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="process-partners" data-section="process-partners">
<SocialProofOne
title="Trusted by Industry Leaders Worldwide"
description="Our manufacturing process is certified and trusted by premium international brands"
tag="Global Standards"
tagAnimation="blur-reveal"
names={[
"Zara",
"H&M",
"Forever 21",
"Gap",
"Uniqlo",
"Calvin Klein",
"Tommy Hilfiger",
"Levi's",
]}
logos={[
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ul15jj",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b86tki",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oyxj82",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5s1bnt",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lacilr",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wljf2d",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=crmgvm",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z3e62w",
]}
textboxLayout="default"
useInvertedBackground={true}
showCard={true}
speed={35}
<div id="contact" data-section="contact">
<ContactSplit
tag="Get in Touch"
title="Start Your Journey With Sonu Exim"
description="Connect with our team to discuss your garment manufacturing needs, request samples, or inquire about bulk orders."
tagIcon={MessageSquare}
tagAnimation="slide-up"
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hzrdyr"
imageAlt="Business meeting"
mediaAnimation="blur-reveal"
mediaPosition="right"
inputPlaceholder="your@company.com"
buttonText="Get In Touch"
termsText="We respect your privacy. Your inquiry will be handled confidentially by our sourcing team."
/>
</div>
@@ -180,6 +148,4 @@ const ProcessPage = () => {
</div>
</ThemeProvider>
);
};
export default ProcessPage;
}

61
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,38 @@
"use client";
import React, { SVGProps } from "react";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
className?: string;
interface SvgTextLogoProps extends SVGProps<SVGSVGElement> {
text: string;
fontSize?: number;
fontFamily?: string;
fontWeight?: string;
letterSpacing?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text,
fontSize = 24,
fontFamily = "Arial, sans-serif", fontWeight = "bold", letterSpacing = "0.05em", ...props
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox={`0 0 ${text.length * fontSize * 0.6} ${fontSize * 1.5}`}
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
y={fontSize}
fontSize={fontSize}
fontFamily={fontFamily}
fontWeight={fontWeight}
letterSpacing={letterSpacing}
fill="currentColor"
dominantBaseline="auto"
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
};
export default SvgTextLogo;