"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import TextAbout from '@/components/sections/about/TextAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="small"
      sizing="smallSizeLargeTitles"
      background="none"
      cardStyle="outline-light"
      primaryButtonStyle="flat"
      secondaryButtonStyle="minimal"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Kinimatic"
          navItems={[
            { name: "About", id: "about" },
            { name: "Leadership", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Connect",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="KRIS KELLAWAY"
          description="President and CEO of Kinimatic, leading the fastest-growing OMS logistics network with 350+ strategically positioned warehouses across North America. Pioneering innovative supply chain solutions that transform how businesses manage logistics."
          buttons={[
            { text: "Learn More", href: "#about" },
            { text: "Get in Touch", href: "#contact" }
          ]}
          layoutOrder="default"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766517218190-etcc1bhf.jpg"
          imageAlt="Kinimatic warehouse operations"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="Transforming logistics through innovation, execution, and an unwavering commitment to operational excellence. With decades of experience in supply chain management, Kris Kellaway has built Kinimatic into a trusted leader serving thousands of enterprise clients."
          buttons={[
            { text: "Our Network", href: "#metrics" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Kinimatic Network Impact"
          description="Strategic warehousing and logistics solutions serving enterprise clients across North America"
          metrics={[
            {
              id: "1",
              value: "350+",
              title: "Warehouse Locations",
              description: "Strategically positioned across North America for optimal coverage",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766517221936-s981ym3s.jpg",
              imageAlt: "Modern warehouse facility"
            },
            {
              id: "2",
              value: "2000+",
              title: "Enterprise Clients",
              description: "Trusted by leading companies for their supply chain needs",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766517222832-8dg75gxj.jpg",
              imageAlt: "Distribution network operations"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardOne
          title="Leadership Team"
          description="Dedicated professionals driving innovation in logistics and supply chain management"
          members={[
            {
              id: "1",
              name: "Kris Kellaway",
              role: "President & CEO",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              imageAlt: "Kris Kellaway, CEO of Kinimatic"
            },
            {
              id: "2",
              name: "Jennifer Park",
              role: "Chief Operations Officer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140102492-vbld5jll.jpg",
              imageAlt: "Jennifer Park, COO"
            },
            {
              id: "3",
              name: "Michael Torres",
              role: "Vice President, Network Operations",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766148214159-nyf2zld7.jpg",
              imageAlt: "Michael Torres, VP Operations"
            },
            {
              id: "4",
              name: "David Chen",
              role: "Vice President, Technology",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766517224921-22qgllu9.jpg",
              imageAlt: "David Chen, VP Technology"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          containerStyle="default"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Industry Recognition"
          description="What industry leaders say about Kinimatic and our partnership"
          testimonials={[
            {
              id: "1",
              title: "Strategic Partnership Excellence",
              quote: "Kinimatic's 350+ warehouse network provided the infrastructure we needed to scale nationwide. Kris's leadership team delivers results with precision and reliability.",
              name: "Sarah Mitchell",
              role: "VP Supply Chain, Fortune 500 Retailer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140102492-vbld5jll.jpg",
              imageAlt: "Sarah Mitchell testimonial"
            },
            {
              id: "2",
              title: "Operational Excellence",
              quote: "The level of operational excellence and innovation from Kinimatic sets them apart. Their team understands our business needs at a deep level.",
              name: "James Rodriguez",
              role: "CEO, Logistics Solutions Inc.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766517224000-mc3cfbxf.jpg",
              imageAlt: "James Rodriguez testimonial"
            },
            {
              id: "3",
              title: "Trusted Logistics Partner",
              quote: "Working with Kinimatic transformed our supply chain efficiency. Kris and the team are committed partners in our growth.",
              name: "Amanda Foster",
              role: "Director of Operations, E-Commerce Leader",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766148214159-nyf2zld7.jpg",
              imageAlt: "Amanda Foster testimonial"
            },
            {
              id: "4",
              title: "Industry Innovation Leader",
              quote: "Kinimatic brings both scale and sophistication to logistics. Their network and technology platform are industry-leading.",
              name: "Robert Chang",
              role: "CTO, Global Distribution Network",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766517224921-22qgllu9.jpg",
              imageAlt: "Robert Chang testimonial"
            }
          ]}
          variant="card"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Connect with Kinimatic Leadership"
          inputPlaceholder="your@company.com"
          buttonText="Send Inquiry"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Kinimatic"
          copyrightText="© 2025 Kinimatic. All rights reserved."
          columns={[
            {
              title: "Company",
              items: [
                { label: "About", href: "#about" },
                { label: "Leadership", href: "#team" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Services",
              items: [
                { label: "Warehouse Network", href: "#metrics" },
                { label: "Logistics Solutions", href: "#about" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}