From 89bdd5f5d6d924dcb223fca548b048ed6e80038f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 18 Mar 2026 09:11:29 +0000
Subject: [PATCH] Update src/app/products/page.tsx

---
 src/app/products/page.tsx | 61 ++++++++++++---------------------------
 1 file changed, 19 insertions(+), 42 deletions(-)

diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx
index 886a923..f47db61 100644
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
-import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
-import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
-import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
-import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
+import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import FaqDouble from "@/components/sections/faq/FaqDouble";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
-import FooterBase from "@/components/sections/footer/FooterBase";
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import { Sparkles, CheckCircle, TrendingUp, Award, HelpCircle, Mail } from "lucide-react";
 
 export default function ProductsPage() {
@@ -42,20 +42,10 @@ export default function ProductsPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardGallery
+        <HeroLogoBillboardSplit
           logoText="SHUFALAM PRODUCTS"
           description="Explore our comprehensive range of premium bottle collections. Each product is engineered for excellence and designed for your specific needs."
-          slides={[
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6qMEZCBi08Af3ucPa00pqOYAr/uploaded-1773823837522-ce7sc6fe.jpg",              imageAlt: "Classic Premium glass bottle"
-            },
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6qMEZCBi08Af3ucPa00pqOYAr/uploaded-1773823850348-dd17jux6.png",              imageAlt: "Custom design geometric glass bottle"
-            },
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6qMEZCBi08Af3ucPa00pqOYAr/eco-friendly-sustainable-glass-bottle-wi-1773819910163-f5893a6b.png",              imageAlt: "Eco-sustainable recycled glass bottle"
-            }
-          ]}
+          background={{ variant: "rotated-rays-static-grid" }}
           buttons={[
             { text: "View All Products", href: "#products" },
             { text: "Request Catalog", href: "#contact" }
@@ -65,13 +55,11 @@ export default function ProductsPage() {
           mediaAnimation="blur-reveal"
           frameStyle="card"
           ariaLabel="Products gallery - Bottle collections"
-          autoplayDelay={5000}
-          showDimOverlay={false}
         />
       </div>
 
       <div id="products" data-section="products">
-        <ProductCardTwo
+        <ProductCardThree
           title="Our Product Range"
           description="Handcrafted glass bottles engineered for excellence. Each design combines aesthetic beauty with functional durability."
           tag="Product Showcase"
@@ -99,7 +87,7 @@ export default function ProductsPage() {
       </div>
 
       <div id="features" data-section="features">
-        <FeatureCardTen
+        <FeatureCardTwentyThree
           title="Manufacturing Excellence"
           description="Our bottles are engineered for perfection with precision manufacturing, uncompromising durability, and sustainable practices at every step."
           tag="Why Choose Us"
@@ -127,7 +115,7 @@ export default function ProductsPage() {
       </div>
 
       <div id="metrics" data-section="metrics">
-        <MetricCardThree
+        <MetricCardTwo
           title="Industry-Leading Performance"
           description="Trusted by global brands to deliver excellence. Our metrics speak to our commitment and capability."
           tag="Our Impact"
@@ -148,7 +136,7 @@ export default function ProductsPage() {
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTwo
+        <TestimonialCardOne
           title="Trusted by Industry Leaders"
           description="Hear from our satisfied clients and partners about their experience with SHUFALAM POLYMER."
           tag="Client Success"
@@ -223,31 +211,20 @@ export default function ProductsPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactSplitForm
+        <ContactCenter
+          tag="Get In Touch"
           title="Get Your Custom Quote"
           description="Connect with our team to discuss your custom bottle manufacturing needs. We're here to help bring your vision to life."
-          inputs={[
-            { name: "name", type: "text", placeholder: "Your Name", required: true },
-            { name: "email", type: "email", placeholder: "Your Email", required: true },
-            { name: "company", type: "text", placeholder: "Company Name", required: true },
-            { name: "phone", type: "tel", placeholder: "Phone Number", required: true }
-          ]}
-          textarea={{
-            name: "message",            placeholder: "Tell us about your bottle requirements...",            rows: 5,
-            required: true
-          }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6qMEZCBi08Af3ucPa00pqOYAr/uploaded-1773823717359-fjscpxe8.jpg"
-          imageAlt="Premium glass bottles contact"
-          mediaAnimation="blur-reveal"
-          mediaPosition="right"
+          inputPlaceholder="Enter your email"
           buttonText="Request Quote"
-          ariaLabel="Contact form - Request bottle manufacturing quote"
+          ariaLabel="Contact section - Request bottle manufacturing quote"
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterBase
+        <FooterLogoEmphasis
           logoText="SHUFALAM POLYMERS"
           columns={[
             {
-- 
2.49.1