From 419b538b70f9121962e0c83386174b29d759a4f0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 18 Mar 2026 09:10:33 +0000
Subject: [PATCH 1/2] Update src/app/page.tsx

---
 src/app/page.tsx | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8e6e56c..5dced4e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,7 +31,7 @@ export default function LandingPage() {
         <NavbarLayoutFloatingOverlay
           brandName="SHUFALAM POLYMERS "
           navItems={[
-            { name: "Products", id: "products" },
+            { name: "Products", id: "/products" },
             { name: "Features", id: "features" },
             { name: "Metrics", id: "metrics" },
             { name: "Testimonials", id: "testimonials" },
@@ -47,7 +47,7 @@ export default function LandingPage() {
           description="Premium 3D-animated bottle manufacturing solutions. Precision-engineered glass containers for world-class brands. Experience cutting-edge industrial design meets innovative technology."
           background={{ variant: "downward-rays-animated" }}
           buttons={[
-            { text: "Explore Products", href: "#products" },
+            { text: "Explore Products", href: "/products" },
             { text: "Request Demo", href: "#contact" }
           ]}
           buttonAnimation="slide-up"
@@ -67,7 +67,7 @@ export default function LandingPage() {
           tag="Product Showcase"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          buttons={[{ text: "View Catalog", href: "#" }]}
+          buttons={[{ text: "View Catalog", href: "/products" }]}
           buttonAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={true}
@@ -104,12 +104,10 @@ export default function LandingPage() {
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6qMEZCBi08Af3ucPa00pqOYAr/close-up-macro-photography-of-bottle-man-1773819910412-8ae111f8.png",              imageAlt: "Precision bottle manufacturing machinery"
             },
             {
-              id: "durability",              title: "Uncompromising Durability",              tags: ["Stress Tested", "Long Lasting", "Certified"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6qMEZCBi08Af3ucPa00pqOYAr/industrial-strength-testing-visualizatio-1773819910499-bf92ad3b.png",              imageAlt: "Durability testing visualization"
+              id: "durability",              title: "Uncompromising Durability",              tags: ["Stress Tested", "Long Lasting", "Certified"],              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6qMEZCBi08Af3ucPa00pqOYAr/industrial-strength-testing-visualizatio-1773819910499-bf92ad3b.png",              imageAlt: "Durability testing visualization"
             },
             {
-              id: "sustainability",              title: "Sustainable Production",              tags: ["Eco-Friendly", "Recycled Materials", "Carbon Neutral"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6qMEZCBi08Af3ucPa00pqOYAr/sustainability-messaging-visual-with-rec-1773819910602-785fc8f8.png",              imageAlt: "Sustainable bottle production"
+              id: "sustainability",              title: "Sustainable Production",              tags: ["Eco-Friendly", "Recycled Materials", "Carbon Neutral"],              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6qMEZCBi08Af3ucPa00pqOYAr/sustainability-messaging-visual-with-rec-1773819910602-785fc8f8.png",              imageAlt: "Sustainable bottle production"
             }
           ]}
           carouselMode="buttons"
@@ -251,7 +249,7 @@ export default function LandingPage() {
           columns={[
             {
               items: [
-                { label: "Products", href: "#products" },
+                { label: "Products", href: "/products" },
                 { label: "Features", href: "#features" },
                 { label: "Pricing", href: "#" },
                 { label: "Catalog", href: "#" }
-- 
2.49.1


From 294568e013fab027821e040cab15da552cd9c5ab Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 18 Mar 2026 09:10:34 +0000
Subject: [PATCH 2/2] Add src/app/products/page.tsx

---
 src/app/products/page.tsx | 299 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 299 insertions(+)
 create mode 100644 src/app/products/page.tsx

diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx
new file mode 100644
index 0000000..886a923
--- /dev/null
+++ b/src/app/products/page.tsx
@@ -0,0 +1,299 @@
+"use client"
+
+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 FaqDouble from "@/components/sections/faq/FaqDouble";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import { Sparkles, CheckCircle, TrendingUp, Award, HelpCircle, Mail } from "lucide-react";
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="smallMedium"
+      sizing="largeSmallSizeMediumTitles"
+      background="blurBottom"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="SHUFALAM POLYMERS"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Products", id: "products" },
+            { name: "Features", id: "features" },
+            { name: "Metrics", id: "metrics" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "Contact", id: "contact" }
+          ]}
+          button={{ text: "Get Started", href: "#contact" }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboardGallery
+          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"
+            }
+          ]}
+          buttons={[
+            { text: "View All Products", href: "#products" },
+            { text: "Request Catalog", href: "#contact" }
+          ]}
+          buttonAnimation="slide-up"
+          layoutOrder="default"
+          mediaAnimation="blur-reveal"
+          frameStyle="card"
+          ariaLabel="Products gallery - Bottle collections"
+          autoplayDelay={5000}
+          showDimOverlay={false}
+        />
+      </div>
+
+      <div id="products" data-section="products">
+        <ProductCardTwo
+          title="Our Product Range"
+          description="Handcrafted glass bottles engineered for excellence. Each design combines aesthetic beauty with functional durability."
+          tag="Product Showcase"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          buttons={[{ text: "Request Quote", href: "#contact" }]}
+          buttonAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          animationType="blur-reveal"
+          gridVariant="three-columns-all-equal-width"
+          products={[
+            {
+              id: "bottle-classic",              name: "Classic Premium",              price: "Custom Quote",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6qMEZCBi08Af3ucPa00pqOYAr/uploaded-1773823837522-ce7sc6fe.jpg",              imageAlt: "Classic cylindrical glass bottle"
+            },
+            {
+              id: "bottle-custom",              name: "Custom Design",              price: "Custom Quote",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6qMEZCBi08Af3ucPa00pqOYAr/uploaded-1773823850348-dd17jux6.png",              imageAlt: "Geometric patterned custom glass bottle"
+            },
+            {
+              id: "bottle-sustainable",              name: "Eco-Sustainable",              price: "Custom Quote",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6qMEZCBi08Af3ucPa00pqOYAr/eco-friendly-sustainable-glass-bottle-wi-1773819910163-f5893a6b.png",              imageAlt: "Sustainable recycled glass bottle"
+            }
+          ]}
+          carouselMode="buttons"
+        />
+      </div>
+
+      <div id="features" data-section="features">
+        <FeatureCardTen
+          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"
+          tagIcon={CheckCircle}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="blur-reveal"
+          features={[
+            {
+              id: "precision",              title: "Precision Craftsmanship",              tags: ["Accuracy", "Quality Control", "ISO Certified"],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6qMEZCBi08Af3ucPa00pqOYAr/close-up-macro-photography-of-bottle-man-1773819910412-8ae111f8.png",              imageAlt: "Precision bottle manufacturing machinery"
+            },
+            {
+              id: "durability",              title: "Uncompromising Durability",              tags: ["Stress Tested", "Long Lasting", "Certified"],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6qMEZCBi08Af3ucPa00pqOYAr/industrial-strength-testing-visualizatio-1773819910499-bf92ad3b.png",              imageAlt: "Durability testing visualization"
+            },
+            {
+              id: "sustainability",              title: "Sustainable Production",              tags: ["Eco-Friendly", "Recycled Materials", "Carbon Neutral"],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6qMEZCBi08Af3ucPa00pqOYAr/sustainability-messaging-visual-with-rec-1773819910602-785fc8f8.png",              imageAlt: "Sustainable bottle production"
+            }
+          ]}
+          carouselMode="buttons"
+        />
+      </div>
+
+      <div id="metrics" data-section="metrics">
+        <MetricCardThree
+          title="Industry-Leading Performance"
+          description="Trusted by global brands to deliver excellence. Our metrics speak to our commitment and capability."
+          tag="Our Impact"
+          tagIcon={TrendingUp}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          animationType="depth-3d"
+          gridVariant="uniform-all-items-equal"
+          metrics={[
+            { id: "production", value: "1M+", description: "Bottles manufactured annually" },
+            { id: "quality", value: "99.8%", description: "Quality assurance rate" },
+            { id: "countries", value: "3+", description: "Countries served worldwide" },
+            { id: "innovation", value: "15+", description: "Patents and innovations" }
+          ]}
+          carouselMode="buttons"
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardTwo
+          title="Trusted by Industry Leaders"
+          description="Hear from our satisfied clients and partners about their experience with SHUFALAM POLYMER."
+          tag="Client Success"
+          tagIcon={Award}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="depth-3d"
+          gridVariant="bento-grid"
+          testimonials={[
+            {
+              id: "1",              name: "HITESHBHAI",              role: "CEO",              company: "INDOCELL CROP SCIENCE",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6qMEZCBi08Af3ucPa00pqOYAr/professional-headshot-of-business-execut-1773819910477-c267aadf.png",              imageAlt: "Michael Chen CEO headshot"
+            },
+            {
+              id: "2",              name: "MAHENDRABHAI",              role: "Operations Manager",              company: "C.M. BIO TECH",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6qMEZCBi08Af3ucPa00pqOYAr/operations-manager-professional-portrait-1773819909540-c6e65099.png",              imageAlt: "Sarah Johnson Operations Manager headshot"
+            },
+            {
+              id: "3",              name: "BHAVESHBHAI",              role: "Procurement Director",              company: "VIKAS AGRO CHEM",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6qMEZCBi08Af3ucPa00pqOYAr/satisfied-client-buyer-professional-head-1773819910615-c4b98926.png",              imageAlt: "James Rodriguez Procurement Director headshot"
+            },
+            {
+              id: "4",              name: "SHIVPALJI",              role: "Distribution Partner",              company: "SKY FIELD AGO INDIA PVT LTD",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6qMEZCBi08Af3ucPa00pqOYAr/distribution-partner-professional-portra-1773819909815-af6588db.png",              imageAlt: "Emma Williams Distribution Partner headshot"
+            },
+            {
+              id: "5",              name: "HEMRAJ SHARMAJI",              role: "Supply Chain Lead",              company: "BHM AGRIZENETICS",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6qMEZCBi08Af3ucPa00pqOYAr/supplier-company-representative-professi-1773819910357-3c06af8f.png",              imageAlt: "David Park Supply Chain Lead headshot"
+            },
+            {
+              id: "6",              name: "Lisa Anderson",              role: "Industry Analyst",              company: "Manufacturing Insights",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6qMEZCBi08Af3ucPa00pqOYAr/industry-analyst-expert-professional-hea-1773819909491-3b788bdd.png",              imageAlt: "Lisa Anderson Industry Analyst headshot"
+            }
+          ]}
+          carouselMode="buttons"
+        />
+      </div>
+
+      <div id="faq" data-section="faq">
+        <FaqDouble
+          title="Frequently Asked Questions"
+          description="Everything you need to know about our bottle manufacturing services."
+          tag="Support"
+          tagIcon={HelpCircle}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          faqsAnimation="slide-up"
+          animationType="smooth"
+          faqs={[
+            {
+              id: "1",              title: "What bottle sizes do you offer?",              content: "We offer custom bottle sizes ranging from 250ml to 2 liters, with numerous shape and design variations. Our team works closely with you to create the perfect specification for your product."
+            },
+            {
+              id: "2",              title: "What is your production capacity?",              content: "We manufacture over 50 million bottles annually across our facilities. Our production capacity scales with your needs, from small artisanal runs to massive commercial orders."
+            },
+            {
+              id: "3",              title: "Do you support custom designs?",              content: "Yes, absolutely. We specialize in custom bottle designs with unique shapes, patterns, and branding. Our design team can bring your vision to life with precision engineering."
+            },
+            {
+              id: "4",              title: "What materials do you use?",              content: "We primarily work with premium glass, including borosilicate and soda-lime variants. We also source sustainable, recycled glass options for eco-conscious brands."
+            },
+            {
+              id: "5",              title: "What is your lead time?",              content: "Standard orders typically have a 4-6 week lead time. Custom designs may require 6-8 weeks for prototyping and mold creation, depending on complexity."
+            },
+            {
+              id: "6",              title: "Do you offer quality assurance?",              content: "Our quality assurance process is comprehensive with 99.8% defect-free rate. Every bottle undergoes stress testing, precision measurement, and visual inspection before delivery."
+            }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplitForm
+          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
+          }}
+          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"
+          buttonText="Request Quote"
+          ariaLabel="Contact form - Request bottle manufacturing quote"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBase
+          logoText="SHUFALAM POLYMERS"
+          columns={[
+            {
+              items: [
+                { label: "Products", href: "#products" },
+                { label: "Features", href: "#features" },
+                { label: "Pricing", href: "#" },
+                { label: "Catalog", href: "#" }
+              ]
+            },
+            {
+              items: [
+                { label: "About Us", href: "#" },
+                { label: "Our Story", href: "#" },
+                { label: "Sustainability", href: "#" },
+                { label: "Manufacturing", href: "#" }
+              ]
+            },
+            {
+              items: [
+                { label: "Support", href: "#" },
+                { label: "Documentation", href: "#" },
+                { label: "FAQ", href: "#faq" },
+                { label: "Contact", href: "#contact" }
+              ]
+            },
+            {
+              items: [
+                { label: "Legal", href: "#" },
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Compliance", href: "#" }
+              ]
+            },
+            {
+              items: [
+                { label: "Follow Us", href: "#" },
+                { label: "LinkedIn", href: "#" },
+                { label: "Twitter", href: "#" },
+                { label: "Instagram", href: "#" }
+              ]
+            }
+          ]}
+          ariaLabel="Site footer"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
-- 
2.49.1