89df8053-e850-49de-8d2f-428f91d03f29/src/app/page.tsx

"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: "About", id: "/about" },
              { name: "Manufacturing", id: "/#features" },
              { 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={[]}
            buttons={[{ text: "Shop Our Brand", href: "/products" }, { text: "Learn More", href: "/about" }]}
            imageSrc="http://img.b2bpic.net/free-photo/pharmacy-industry-factory-man-worker-protective-clothing-sterile-working-conditions-operating-pharmaceutical-equipment_645730-446.jpg"
          />
        </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={[]}
            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={[]}
            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={[]}
            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={[]}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterMedia
            imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281305.jpg?_wi=1"
            logoText="Plásticos Kame"
            columns={[
              { title: "Platform", items: [{ label: "Shop", href: "/products" }, { label: "About", href: "/about" }, { 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>
  );
}