From cb4fd32f7227566d5c574cc40e613555b0bbf01d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 13 Mar 2026 07:14:00 +0000
Subject: [PATCH] Update src/app/process/page.tsx

---
 src/app/process/page.tsx | 132 +++++++++++++++------------------------
 1 file changed, 49 insertions(+), 83 deletions(-)

diff --git a/src/app/process/page.tsx b/src/app/process/page.tsx
index 592271c..464fc65 100644
--- a/src/app/process/page.tsx
+++ b/src/app/process/page.tsx
@@ -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;
\ No newline at end of file
+}
\ No newline at end of file