197 lines
15 KiB
TypeScript
197 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Building2, Clock, ShieldCheck } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Products", id: "/products" },
|
|
{ name: "Manufacturing", id: "#features" },
|
|
{ name: "Capabilities", id: "#metrics" },
|
|
{ name: "Contact", id: "#contact" },
|
|
]}
|
|
brandName="Plásticos Kame"
|
|
button={{ text: "Get Quote", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlayTestimonial
|
|
title="Precision Plastics: Decades of Excellence, Your Scale"
|
|
description="Shop premium own-brand containers with instant volume pricing, or partner with us for custom injection and blow molding solutions. ISO 9001:2015 certified, 24/7/365 production capacity."
|
|
testimonials={[
|
|
{ name: "Sarah Jenkins", handle: "@procurement_lead", testimonial: "Plásticos Kame consistently delivers on precision and scale. Their volume pricing model revolutionized our logistics.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-standing-front-table-writing-diary-with-pen_23-2148087135.jpg?_wi=1" },
|
|
{ name: "Mark Thornton", handle: "@supply_chain", testimonial: "Unrivaled expertise in custom tooling. We went from prototype to mass production in record time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-inspector-suit-reviewing-solar-panel-production-showcasing-leadership-renewable_482257-135429.jpg?_wi=1" },
|
|
{ name: "Elena Rodriguez", handle: "@product_design", testimonial: "The ISO certification and 24/7 capacity give us the reliability we need for our automotive components.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-worker-with-arms-crossed-standing-factory_107420-96042.jpg?_wi=1" },
|
|
{ name: "David Wu", handle: "@sourcing_expert", testimonial: "The best partner for scalable injection molding. Exceptional quality control every step of the way.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg?_wi=1" },
|
|
{ name: "Jessica Lee", handle: "@quality_manager", testimonial: "Outstanding communication and technical support throughout the entire production cycle.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg?_wi=1" },
|
|
]}
|
|
buttons={[{ text: "Shop Our Brand", href: "/products" }, { text: "Explore Custom Solutions", href: "#features" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/pharmacy-industry-factory-man-worker-protective-clothing-sterile-working-conditions-operating-pharmaceutical-equipment_645730-446.jpg"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12782.jpg", alt: "Businesswoman working in warehouse" },
|
|
{ src: "http://img.b2bpic.net/free-photo/successful-agent_1098-14407.jpg", alt: "Successful agent" },
|
|
{ src: "http://img.b2bpic.net/free-photo/man-working-warehouse_329181-12824.jpg", alt: "Man working in warehouse" },
|
|
{ src: "http://img.b2bpic.net/free-photo/young-man-holding-writing-diary-office_23-2148187178.jpg", alt: "Young man holding writing on diary in office" },
|
|
{ src: "http://img.b2bpic.net/free-photo/confident-businessman_1098-16876.jpg", alt: "Confident businessman" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Precision Injection Molding", description: "High-speed, multi-cavity injection molding systems engineered for extreme tolerance and consistency across millions of units.", imageSrc: "http://img.b2bpic.net/free-photo/row-cookies-open-box_23-2147975215.jpg" },
|
|
{ title: "ISO 9001:2015 Standards", description: "Strict adherence to quality management systems ensuring every batch meets rigorous industrial and safety requirements.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-car-report_329181-11798.jpg" },
|
|
{ title: "Rapid Tooling & Development", description: "Full-cycle in-house tooling allows us to accelerate custom design iterations from CAD to physical reality faster than market standards.", imageSrc: "http://img.b2bpic.net/free-photo/pc-desk-empty-photovoltaics-factory-monitoring-system-performance-closeup_482257-118100.jpg" },
|
|
]}
|
|
title="Manufacturing Excellence"
|
|
description="Our end-to-end production capabilities provide the technical edge your industrial projects require."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split-actions"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{ id: "p1", brand: "KameIndustrial", name: "Pharmaceutical Grade Bottle", price: "From $0.45", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-children-jars-arrangement_23-2149512844.jpg" },
|
|
{ id: "p2", brand: "KameIndustrial", name: "Cosmetic Cream Container", price: "From $0.62", rating: 5, reviewCount: "94", imageSrc: "http://img.b2bpic.net/free-photo/kegs-beer-regular-rows_1398-2536.jpg" },
|
|
{ id: "p3", brand: "KameIndustrial", name: "Industrial Storage Bin", price: "From $12.50", rating: 4, reviewCount: "87", imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974241.jpg" },
|
|
{ id: "p4", brand: "KameIndustrial", name: "Security Closure Cap", price: "From $0.15", rating: 5, reviewCount: "212", imageSrc: "http://img.b2bpic.net/free-photo/plastic-bottles-blue-background-high-angle_23-2149449759.jpg" },
|
|
{ id: "p5", brand: "KameIndustrial", name: "Logistics Crate", price: "From $8.90", rating: 5, reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/plastic-storage-case_1339-5894.jpg" },
|
|
{ id: "p6", brand: "KameIndustrial", name: "Sensor Housing Part", price: "From $2.10", rating: 4, reviewCount: "43", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-arrangement-pvc_23-2149062981.jpg" },
|
|
]}
|
|
title="Own-Brand Solutions"
|
|
description="Browse our premium line of high-durability plastic containers, closures, and industrial components with instant volume-based pricing."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "m1", value: "24/7", title: "Production Capacity", description: "Continuous operation 365 days a year.", icon: Clock },
|
|
{ id: "m2", value: "40+", title: "Injection Lines", description: "Highly versatile and scalable molding infrastructure.", icon: Building2 },
|
|
{ id: "m3", value: "100%", title: "Quality Assurance", description: "ISO 9001:2015 fully certified processes.", icon: ShieldCheck },
|
|
]}
|
|
title="By The Numbers"
|
|
description="Our scale ensures your projects are backed by industry-leading infrastructure."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah Jenkins", role: "Procurement Manager", company: "GlobalPharma", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-standing-front-table-writing-diary-with-pen_23-2148087135.jpg?_wi=2" },
|
|
{ id: "2", name: "Mark Thornton", role: "Engineering Lead", company: "AutoCorp Solutions", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-inspector-suit-reviewing-solar-panel-production-showcasing-leadership-renewable_482257-135429.jpg?_wi=2" },
|
|
{ id: "3", name: "Elena Rodriguez", role: "Operations Director", company: "CosmoTech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-worker-with-arms-crossed-standing-factory_107420-96042.jpg?_wi=2" },
|
|
{ id: "4", name: "David Wu", role: "Supply Chain Lead", company: "ConsumerGoods Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg?_wi=2" },
|
|
{ id: "5", name: "Jessica Lee", role: "Quality Manager", company: "Logistics Pro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg?_wi=2" },
|
|
]}
|
|
kpiItems={[
|
|
{ value: "98%", label: "Client Retention" },
|
|
{ value: "15M+", label: "Units Molded" },
|
|
{ value: "24h", label: "Avg Quote Time" },
|
|
]}
|
|
title="Client Success"
|
|
description="Proven results for manufacturing partners and procurement managers globally."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "f1", title: "Do you handle custom tooling development?", content: "Yes, our in-house engineering team manages the entire tooling lifecycle from design through production." },
|
|
{ id: "f2", title: "What are your minimum order volumes?", content: "We offer tiered pricing scaling from small batches to high-volume multi-million unit contracts." },
|
|
{ id: "f3", title: "How is production capacity managed?", content: "Our 40+ injection lines operate on a 24/7 schedule, ensuring rapid fulfillment for even the most demanding production requirements." },
|
|
]}
|
|
title="B2B Partnership FAQ"
|
|
description="Answers to commonly asked questions from industrial partners regarding scaling and capacity."
|
|
faqsAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-technologist-white-protective-uniform-controlling-industrial-machine-production-plant_342744-1163.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="blog" data-section="blog">
|
|
<BlogCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
title="Latest Industry Insights"
|
|
description="Stay updated on manufacturing trends, materials science, and logistics innovation."
|
|
blogs={[
|
|
{ id: "b1", category: "Tech", title: "The Future of Sustainable Plastics", excerpt: "How new material science is enabling circular economies in large-scale plastic manufacturing.", imageSrc: "http://img.b2bpic.net/free-photo/mayonnaise-can-green-background_58702-2142.jpg", authorName: "Dr. Alan V.", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-portrait-young-businessman-holding-digital-tablet-hand-his-colleague-working-background_23-2148087266.jpg", date: "Oct 12, 2024" },
|
|
{ id: "b2", category: "Scaling", title: "Optimizing Injection Molding", excerpt: "Lessons learned from scaling production lines for Fortune 500 automotive clients.", imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371864.jpg", authorName: "Elena M.", authorAvatar: "http://img.b2bpic.net/free-photo/mature-businessman-communicating-with-factory-worker-while-visiting-industrial-facility_637285-4804.jpg", date: "Oct 05, 2024" },
|
|
{ id: "b3", category: "Logistics", title: "Streamlining Global Supply", excerpt: "Managing multi-continent distribution with high-volume plastic container manufacturing.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-developer-setting-up-gears-model-manufacturing-software-developing-engine-product-technical-industry-innovation-creating-turbine-design-with-industrial-cad-science_482257-50240.jpg", authorName: "David K.", authorAvatar: "http://img.b2bpic.net/free-photo/businesswoman-making-video-call-touchpad-while-working-office-coronavirus-pandemic_637285-9891.jpg", date: "Sep 28, 2024" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{ variant: "gradient-bars" }}
|
|
tag="Inquire Today"
|
|
title="Partner with Plásticos Kame"
|
|
description="Ready to discuss your custom manufacturing requirements or scale your existing container procurement? Reach out to our industrial partnership team."
|
|
imageSrc="http://img.b2bpic.net/free-photo/fabric-texture_1409-2262.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281305.jpg"
|
|
logoText="Plásticos Kame"
|
|
columns={[
|
|
{ title: "Platform", items: [{ label: "Shop", href: "/products" }, { label: "About", href: "#" }, { label: "Custom Solutions", href: "#features" }] },
|
|
{ title: "Company", items: [{ label: "Inquiry", href: "#contact" }, { label: "Careers", href: "#" }, { label: "Support", href: "#" }] },
|
|
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }, { label: "Certifications", href: "#" }] },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|