"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import { Building, Building2, Settings, ShieldCheck, Trash2, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeMediumTitles"
        background="aurora"
        cardStyle="glass-depth"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Welcome",
          id: "#hero",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Projects",
          id: "#projects",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Best Alabama Eng. Inc."
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{
        variant: "downward-rays-static",
      }}
      title="Industrial Mechanical & Engineering Solutions"
      description="Industrial installation, demolition, fabrication & skilled personnel support. Your trusted partner for industrial machinery installation & fabrication."
      buttons={[
        {
          text: "Call Us",
          href: "tel:3343201860",
        },
        {
          text: "Email Us",
          href: "mailto:ba2020@bestalabamaeng.com",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/industrial-worker-supervising-automated-machines-while-walking-through-woodworking-factory_637285-12015.jpg"
      imageAlt="Industrial mechanical installation"
      mediaAnimation="blur-reveal"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/man-dark-blue-uniform-working-with-hammer-plier_7502-9148.jpg",
          alt: "Worker in protective uniform",
        },
        {
          src: "http://img.b2bpic.net/free-photo/men-safety-equipment-work_23-2148976354.jpg",
          alt: "Team member in safety gear",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-worker-hard-hat-large-metalworking-plant_146671-19577.jpg",
          alt: "Engineer in hard hat",
        },
        {
          src: "http://img.b2bpic.net/free-photo/male-electrician-electrical-technician-working-switchboard_169016-63300.jpg",
          alt: "Technician working",
        },
        {
          src: "http://img.b2bpic.net/free-photo/experienced-worker-is-repairing-metal-parts-machine-tool-busy-factory_613910-5498.jpg",
          alt: "Repair specialist",
        },
      ]}
      avatarText="Trusted by industry leaders"
      marqueeItems={[
        {
          type: "text",
          text: "Precision Engineering",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-vector/big-monoline-logo-collection_23-2147684305.jpg",
          alt: "Icon 1",
        },
        {
          type: "text",
          text: "Custom Fabrication",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-vector/abstract-monoline-logo-collection_23-2147684303.jpg",
          alt: "Icon 2",
        },
        {
          type: "text",
          text: "Industrial Demolition",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="About Us"
      metrics={[
        {
          icon: ShieldCheck,
          label: "Reliability",
          value: "100%",
        },
        {
          icon: Wrench,
          label: "Services",
          value: "3+",
        },
        {
          icon: Building,
          label: "Experience",
          value: "2020+",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          icon: Settings,
          title: "Installation",
          description: "Professional machinery setup ensuring operations run smoothly and efficiently.",
        },
        {
          icon: Trash2,
          title: "Demolition",
          description: "Expert safe removal of machinery, minimizing disruption and ensuring site safety.",
        },
        {
          icon: Building2,
          title: "Fabrication",
          description: "Custom fabrication solutions tailored to the unique mechanical needs of your business.",
        },
      ]}
      title="Our Specialized Industrial Services"
      description="Comprehensive support for manufacturing and production facilities."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          value: "2020",
          title: "Established",
          items: [
            "Ems Modification & Installation / HMMA",
            "Ultium cells Structure Fabrication / LG OHIO",
          ],
        },
        {
          id: "m2",
          value: "2021",
          title: "Assembly & Mezzanine",
          items: [
            "Assembly Line Plastic Conveyor Repair / KIA",
            "Modification & Installation Mezzanine / HMMA",
          ],
        },
      ]}
      title="Proven Track Record"
      description="Delivering dependable solutions to keep operations moving."
    />
  </div>

  <div id="projects" data-section="projects">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "HMMA Installation",
          price: "Contracted",
          imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-working-switchboard-with-fuses_169016-53034.jpg",
        },
        {
          id: "p2",
          name: "Ultium Structure Fab",
          price: "Contracted",
          imageSrc: "http://img.b2bpic.net/free-photo/man-is-working-metal-factory-he-is-welding-piece-rail-using-special-tools_613910-17144.jpg",
        },
        {
          id: "p3",
          name: "KIA Line Repair",
          price: "Contracted",
          imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-using-electrical-connection-cable_169016-53066.jpg",
        },
        {
          id: "p4",
          name: "Mezzanine Mod",
          price: "Contracted",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-worker-near-metalworking-machine_176420-4656.jpg",
        },
        {
          id: "p5",
          name: "Conveyor System",
          price: "Contracted",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-equipment-used-apartment-renovation_23-2149278636.jpg",
        },
        {
          id: "p6",
          name: "Facility Relocation",
          price: "Contracted",
          imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866635.jpg",
        },
      ]}
      title="Key Project Highlights"
      description="Showcasing our capabilities in major industrial projects."
    />
  </div>

  <div id="clients" data-section="clients">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "HMMA",
        "KIA",
        "LG",
        "Ultium Cells",
        "Manufacturing Inc.",
        "Industrial Parts Co.",
        "Precision Engineering Group",
      ]}
      title="Trusted Partners"
      description="We are proud to have supported installation, fabrication, and relocation projects for leading manufacturing companies."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Contact Us"
      title="Ready to discuss your project?"
      description="Our team is ready to provide professional on-site support for your industrial needs in Montgomery, AL."
      imageSrc="http://img.b2bpic.net/free-photo/technology-venture-workspace-using-machine-learning-streamline-coding-process_482257-120287.jpg"
      mediaAnimation="opacity"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-vector/golden-geometric-monoline-logos_23-2147691378.jpg"
      logoText="Best Alabama Engineering"
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "Welcome",
              href: "#hero",
            },
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Projects",
              href: "#projects",
            },
          ],
        },
        {
          title: "Services",
          items: [
            {
              label: "Installation",
              href: "#services",
            },
            {
              label: "Demolition",
              href: "#services",
            },
            {
              label: "Fabrication",
              href: "#services",
            },
          ],
        },
        {
          title: "Contact",
          items: [
            {
              label: "334-320-1860",
              href: "tel:3343201860",
            },
            {
              label: "ba2020@bestalabamaeng.com",
              href: "mailto:ba2020@bestalabamaeng.com",
            },
            {
              label: "Montgomery, AL",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
