From 47fae89f188862bcf59d4782629ade381b6d3720 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 26 Mar 2026 03:32:22 +0000
Subject: [PATCH] Update src/app/products/page.tsx

---
 src/app/products/page.tsx | 370 +++++++++++---------------------------
 1 file changed, 101 insertions(+), 269 deletions(-)

diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx
index 85aaf40..2e27cd2 100644
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import FooterBase from '@/components/sections/footer/FooterBase';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import { CheckCircle, Clock, Palette, Printer, Sparkle, Truck } from "lucide-react";
+import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Brush, LayoutTemplate, Warehouse } from "lucide-react";
 
-export default function LandingPage() {
+export default function ProductsPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="expand-hover"
@@ -24,274 +24,106 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-          href: "/",
-        },
-        {
-          name: "About Us",
-          id: "about",
-          href: "/about",
-        },
-        {
-          name: "Products & Services",
-          id: "products",
-          href: "/products",
-        },
-        {
-          name: "Why Choose Us",
-          id: "why-us",
-          href: "/why-us",
-        },
-        {
-          name: "Reviews",
-          id: "reviews",
-          href: "/reviews",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-          href: "/contact",
-        },
-      ]}
-      brandName="Sonex Graphix"
-      bottomLeftText="Since 2009"
-      bottomRightText="Get a Quote"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About Us", id: "/about" },
+              { name: "Products & Services", id: "/products" },
+              { name: "Why Choose Us", id: "/why-us" },
+              { name: "Reviews", id: "/reviews" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Sonex Graphix"
+            bottomLeftText="Since 2009"
+            bottomRightText="Get a Quote"
+          />
+        </div>
 
-  <div id="product-catalog" data-section="product-catalog">
-      <ProductCardFour
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Custom Corrugated Boxes",
-          price: "Starting from ₹10/unit",
-          variant: "Multiple sizes & strengths",
-          imageSrc: "http://img.b2bpic.net/free-photo/storehouse-employees-comparing-freight-shipping-invoice_482257-108907.jpg?_wi=2",
-          imageAlt: "Stack of corrugated cardboard boxes",
-        },
-        {
-          id: "2",
-          name: "Elegant Duplex Boxes",
-          price: "Starting from ₹5/unit",
-          variant: "Various finishes & designs",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-mystery-box-concept_23-2149516465.jpg?_wi=2",
-          imageAlt: "Elegant duplex paper boxes packaging",
-        },
-        {
-          id: "3",
-          name: "Personalized Stickers & Labels",
-          price: "Starting from ₹2/piece",
-          variant: "Vinyl, paper, custom shapes",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-food-delivery_23-2149198162.jpg?_wi=2",
-          imageAlt: "Custom vinyl stickers printing roll",
-        },
-        {
-          id: "4",
-          name: "Professional Brochures",
-          price: "Starting from ₹15/copy",
-          variant: "Bi-fold, Tri-fold, Z-fold",
-          imageSrc: "http://img.b2bpic.net/free-vector/business-flyer_23-2148127654.jpg?_wi=2",
-          imageAlt: "Professional trifold brochure design",
-        },
-        {
-          id: "5",
-          name: "Informative Visual Aids",
-          price: "Custom Quote",
-          variant: "Charts, posters, educational prints",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-world-aids-day-social-media-promo-template_23-2149885504.jpg?_wi=2",
-          imageAlt: "Educational visual aids charts",
-        },
-        {
-          id: "6",
-          name: "Pharma Packaging Solutions",
-          price: "Custom Quote",
-          variant: "Compliance & safety focused",
-          imageSrc: "http://img.b2bpic.net/free-photo/doctor-special-equipment-getting-ready-vaccinate-patient_23-2149128460.jpg?_wi=2",
-          imageAlt: "Pharmaceutical packaging printing boxes",
-        },
-      ]}
-      title="Our Premium Printing & Packaging Solutions"
-      description="Explore our diverse range of high-quality printing and packaging products designed to elevate your brand and meet your specific business needs."
-    />
-  </div>
+        <div id="products-list" data-section="products-list">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "corrugated-boxes", name: "Corrugated Boxes", price: "Custom Quote", variant: "packaging", imageSrc: "http://img.b2bpic.net/free-photo/storehouse-employees-comparing-freight-shipping-invoice_482257-108907.jpg", imageAlt: "Stack of corrugated cardboard boxes" },
+              { id: "duplex-boxes", name: "Duplex Boxes", price: "Custom Quote", variant: "packaging", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mystery-box-concept_23-2149516465.jpg", imageAlt: "Elegant duplex paper boxes packaging" },
+              { id: "stickers", name: "Stickers & Labels", price: "Custom Quote", variant: "printing", imageSrc: "http://img.b2bpic.net/free-photo/still-life-food-delivery_23-2149198162.jpg", imageAlt: "Custom vinyl stickers printing roll" },
+              { id: "brochures", name: "Brochures", price: "Custom Quote", variant: "printing", imageSrc: "http://img.b2bpic.net/free-vector/business-flyer_23-2148127654.jpg", imageAlt: "Professional trifold brochure design" },
+              { id: "reminder-cards", name: "Reminder Cards", price: "Custom Quote", variant: "printing", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-business-card-template_23-2149582814.jpg", imageAlt: "Custom printed reminder cards stack" },
+              { id: "visual-aids", name: "Visual Aids", price: "Custom Quote", variant: "printing", imageSrc: "http://img.b2bpic.net/free-vector/flat-world-aids-day-social-media-promo-template_23-2149885504.jpg", imageAlt: "Educational visual aids charts" },
+              { id: "pharma-printing", name: "Pharma Printing Solutions", price: "Custom Quote", variant: "specialized", imageSrc: "http://img.b2bpic.net/free-photo/doctor-special-equipment-getting-ready-vaccinate-patient_23-2149128460.jpg", imageAlt: "Pharmaceutical packaging printing boxes" }
+            ]}
+            title="Our Full Range of Printing & Packaging Solutions"
+            description="Explore our diverse catalog of high-quality products, from custom packaging to specialized printing services, all designed to elevate your brand."
+          />
+        </div>
 
-  <div id="services-features" data-section="services-features">
-      <FeatureCardTen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "1",
-          title: "Custom Design Consultation",
-          description: "Our expert designers work with you to create unique and impactful designs tailored to your brand identity.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/business-team-analyzing-digital-data_482257-119547.jpg?_wi=8",
-            imageAlt: "Designers collaborating on a project",
-          },
-          items: [
-            {
-              icon: Brush,
-              text: "Brand Analysis & Concepts",
-            },
-            {
-              icon: LayoutTemplate,
-              text: "Artwork & Layout Finalization",
-            },
-            {
-              icon: Palette,
-              text: "Color Matching & Proofing",
-            },
-          ],
-          reverse: false,
-        },
-        {
-          id: "2",
-          title: "Quality Printing & Production",
-          description: "Utilizing advanced technology and premium materials, we ensure superior print quality and durable packaging.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/people-white-isolating-costumes-working-laboratory_645730-561.jpg?_wi=2",
-            imageAlt: "Modern printing press in operation",
-          },
-          items: [
-            {
-              icon: Printer,
-              text: "High-Resolution Offset Printing",
-            },
-            {
-              icon: Sparkle,
-              text: "Precision Digital Printing",
-            },
-            {
-              icon: CheckCircle,
-              text: "Rigorous Quality Control",
-            },
-          ],
-          reverse: true,
-        },
-        {
-          id: "3",
-          title: "Timely Delivery & Logistics",
-          description: "Efficient supply chain management ensures your orders are delivered on time, every time, across India.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/storehouse-employees-comparing-freight-shipping-invoice_482257-108907.jpg?_wi=3",
-            imageAlt: "Logistics worker moving boxes",
-          },
-          items: [
-            {
-              icon: Truck,
-              text: "Nationwide Shipping & Tracking",
-            },
-            {
-              icon: Warehouse,
-              text: "Secure Storage Solutions",
-            },
-            {
-              icon: Clock,
-              text: "Guaranteed On-Time Delivery",
-            },
-          ],
-          reverse: false,
-        },
-      ]}
-      title="Beyond Products: Our Comprehensive Services"
-      description="We don't just print; we provide end-to-end solutions, from design to delivery, ensuring seamless execution and outstanding results for every project."
-    />
-  </div>
+        <div id="product-features" data-section="product-features">
+          <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              {
+                id: "custom-design",                title: "Custom Design & Branding",                description: "Tailored designs that reflect your brand's unique identity and captivate your audience.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/business-team-analyzing-digital-data_482257-119547.jpg", imageAlt: "Graphic designer working on a custom branding project" },
+                items: [{ icon: Brush, text: "Brand Identity" }, { icon: LayoutTemplate, text: "Packaging Concepts" }],
+                reverse: false
+              },
+              {
+                id: "quality-materials",                title: "High-Quality Materials",                description: "Using only premium materials to ensure durability, superior finish, and product protection.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/business-team-analyzing-digital-data_482257-119547.jpg", imageAlt: "Various high-quality paper and material samples" },
+                items: [{ icon: Warehouse, text: "Sustainable Options" }, { icon: LayoutTemplate, text: "Durable Finishes" }],
+                reverse: true
+              }
+            ]}
+            title="Beyond Printing: Value-Added Services"
+            description="We offer comprehensive services that go beyond just printing, ensuring your products stand out with exceptional quality and design."
+          />
+        </div>
 
-  <div id="products-cta" data-section="products-cta">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Need a Custom Solution?"
-      title="Tailored Printing & Packaging Just for You"
-      description="Have a unique requirement? Our team specializes in custom orders. Reach out to discuss your project and get a personalized quote."
-      buttons={[
-        {
-          text: "Request a Quote",
-          href: "/contact",
-        },
-        {
-          text: "Talk to an Expert",
-          href: "/contact",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact-cta-products" data-section="contact-cta-products">
+          <ContactFaq
+            animationType="slide-up"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "bulk-orders", title: "Do you handle bulk orders?", content: "Yes, we are equipped to handle large-scale bulk orders with efficient turnaround times, ensuring consistent quality across all units." },
+              { id: "delivery-options", title: "What are your delivery options?", content: "We offer various delivery options, including express shipping and standard delivery, to ensure your products reach you on time, every time." }
+            ]}
+            ctaTitle="Need a Custom Solution?"
+            ctaDescription="Our team is ready to discuss your specific printing and packaging needs. Contact us today for a personalized quote!"
+            ctaButton={{ text: "Get a Free Quote", href: "/contact" }}
+            ctaIcon={Brush}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Products",
-          items: [
-            {
-              label: "Corrugated Boxes",
-              href: "/products#corrugated",
-            },
-            {
-              label: "Duplex Boxes",
-              href: "/products#duplex",
-            },
-            {
-              label: "Stickers",
-              href: "/products#stickers",
-            },
-            {
-              label: "Brochures",
-              href: "/products#brochures",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Why Choose Us",
-              href: "/why-us",
-            },
-            {
-              label: "Client Reviews",
-              href: "/reviews",
-            },
-            {
-              label: "Contact Us",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "/privacy",
-            },
-            {
-              label: "Terms of Service",
-              href: "/terms",
-            },
-          ],
-        },
-      ]}
-      logoText="Sonex Graphix"
-      copyrightText="© 2024 Sonex Graphix. All rights reserved."
-    />
-  </div>
+        <div id="global-footer" data-section="global-footer">
+          <FooterBaseCard
+            logoText="Sonex Graphix"
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "/about" },
+                  { label: "Why Choose Us", href: "/why-us" },
+                  { label: "Reviews", href: "/reviews" }
+                ]
+              },
+              {
+                title: "Services",                items: [
+                  { label: "Products & Services", href: "/products" },
+                  { label: "Get a Quote", href: "/contact" }
+                ]
+              },
+              {
+                title: "Connect",                items: [
+                  { label: "Contact Us", href: "/contact" },
+                  { label: "WhatsApp Chat", href: "https://wa.me/XXXXXXXXXX" }
+                ]
+              }
+            ]}
+            copyrightText="© 2024 Sonex Graphix. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );