Update src/app/products/page.tsx

Add src/app/products/page.tsx
Update src/app/page.tsx
2026-03-18 09:11:29 +00:00 · 2026-03-18 09:10:34 +00:00 · 2026-03-18 09:10:33 +00:00 · 2026-03-18 09:05:05 +00:00 · 2026-03-18 09:04:44 +00:00 · 2026-03-18 09:04:09 +00:00
2 changed files with 282 additions and 8 deletions
--- 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: "#" }
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -0,0 +1,276 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+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 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() {
+  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">
+        <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."
+          background={{ variant: "rotated-rays-static-grid" }}
+          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"
+        />
+      </div>
+
+      <div id="products" data-section="products">
+        <ProductCardThree
+          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">
+        <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"
+          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">
+        <MetricCardTwo
+          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">
+        <TestimonialCardOne
+          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">
+        <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."
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Enter your email"
+          buttonText="Request Quote"
+          ariaLabel="Contact section - Request bottle manufacturing quote"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoEmphasis
+          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>
+  );
+}
Author	SHA1	Message	Date
bender	89bdd5f5d6	Update src/app/products/page.tsx	2026-03-18 09:11:29 +00:00
bender	294568e013	Add src/app/products/page.tsx	2026-03-18 09:10:34 +00:00
bender	419b538b70	Update src/app/page.tsx	2026-03-18 09:10:33 +00:00
bender	7b42968b7e	Merge version_1 into main Merge version_1 into main	2026-03-18 09:05:05 +00:00
bender	a2a9f522ed	Merge version_1 into main Merge version_1 into main	2026-03-18 09:04:44 +00:00
bender	e53f64c145	Merge version_1 into main Merge version_1 into main	2026-03-18 09:04:09 +00:00
bender	1b4d75201b	Merge version_1 into main Merge version_1 into main	2026-03-18 09:03:41 +00:00
bender	cfda2cc2b3	Merge version_1 into main Merge version_1 into main	2026-03-18 09:02:36 +00:00
bender	c1ba36a11e	Merge version_1 into main Merge version_1 into main	2026-03-18 09:02:04 +00:00
bender	cfddff8f2a	Merge version_1 into main Merge version_1 into main	2026-03-18 09:01:24 +00:00
bender	6127ddfe7e	Merge version_1 into main Merge version_1 into main	2026-03-18 09:00:54 +00:00
bender	13125e3a4a	Merge version_1 into main Merge version_1 into main	2026-03-18 09:00:18 +00:00
bender	5ebb1599d6	Merge version_1 into main Merge version_1 into main	2026-03-18 08:59:13 +00:00
bender	b6b468f3a3	Merge version_1 into main Merge version_1 into main	2026-03-18 07:46:22 +00:00