"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",
        },
        {
          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",
        },
        {
          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",
        },
        {
          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",
        },
        {
          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",
        },
      ]}
      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",
        },
        {
          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",
        },
        {
          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",
        },
        {
          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",
        },
        {
          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",
        },
      ]}
      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>
  );
}
