473 lines
17 KiB
TypeScript
473 lines
17 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: "Shop",
|
|
id: "#products",
|
|
},
|
|
{
|
|
name: "Manufacturing",
|
|
id: "#features",
|
|
},
|
|
{
|
|
name: "Capabilities",
|
|
id: "#metrics",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
brandName="Plásticos Kame"
|
|
/>
|
|
</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>
|
|
);
|
|
}
|