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

Update src/app/process/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-13 07:14:00 +00:00
parent 670fd0bacb
commit cb4fd32f72
1 changed files with 49 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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