Merge version_2 into main #12
@@ -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: "#" }
|
||||
|
||||
299
src/app/products/page.tsx
Normal file
299
src/app/products/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user