"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import TextAbout from "@/components/sections/about/TextAbout";
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import ContactText from "@/components/sections/contact/ContactText";
import FooterCard from "@/components/sections/footer/FooterCard";
import Link from "next/link";
import { Zap, Shield, Compass, TrendingUp, BarChart3, DollarSign, Linkedin, Facebook, Mail } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Services", id: "services" },
    { name: "How It Works", id: "roadmap" },
    { name: "Guarantee", id: "guarantee" },
    { name: "Apply", id: "contact" },
  ];

  const navButton = {
    text: "Start Your Blitz",    href: "#contact"};

  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="medium"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      {/* Navbar */}
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="FleetFill AI"
          navItems={navItems}
          button={navButton}
          animateOnLoad={true}
        />
      </div>

      {/* Hero Section */}
      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="We Find Your Found Money in 7 Days for Free"
          description="We are your partner for growth. We help Construction Equipment Rental, Dumpster Rental, Event/Party Equipment Rental, Tree Service/Landscaping Equipment, and regular Equipment Rental businesses stop losing money. We fix your office and find more jobs with tools that live on your phone."
          background={{ variant: "glowing-orb" }}
          kpis={[
            { value: "$2,000", label: "Minimum Found Money" },
            { value: "7 Days", label: "Free Discovery Blitz" },
            { value: "Zero Risk", label: "Our 10/10 Guarantee" },
          ]}
          enableKpiAnimation={true}
          tag="Found Money Blitz"
          tagIcon={Zap}
          buttons={[{ text: "Start Your Free 7-Day Blitz", href: "#contact" }]}
          imageSrc="http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42833.jpg"
          imageAlt="FleetFill AI Dashboard showing equipment rental management"
          mediaAnimation="slide-up"
        />
      </div>

      {/* Guarantee Section */}
      <div id="guarantee" data-section="guarantee">
        <TextAbout
          tag="Our 10/10 Guarantee"
          tagIcon={Shield}
          title="If we do not find you at least $2,000 in new sales during your free 7-day Blitz, we do not work together. You keep the money we found, and we shake hands. There is zero risk for you."
          useInvertedBackground={true}
          buttons={[]}
        />
      </div>

      {/* Growth Roadmap Section */}
      <div id="roadmap" data-section="roadmap">
        <FeatureCardNineteen
          title="The Growth Roadmap"
          description="Four proven steps to turn your equipment rental business into an empire that runs itself"
          tag="Our Process"
          tagIcon={Compass}
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              tag: "Step 1",              title: "The Blitz",              subtitle: "We find cash you already have",              description: "We find cash you already have but cannot see. We use our system to text 100-500 of your old leads and customers. We talk to them for you and get them to rent your gear again. This is free and takes 7 days.",              imageSrc: "http://img.b2bpic.net/free-vector/infographic-timeline-concept_23-2147848068.jpg?_wi=1",              imageAlt: "workflow process steps business growth"},
            {
              id: 2,
              tag: "Step 2",              title: "The Engine",              subtitle: "We fix your office and plug leaks",              description: "We fix your office so you stop losing money every day. The Rental Command Center is your all-in-one FleetFill App. See every customer and piece of gear in one spot on your phone. The AI Foreman handles your pipeline. The Extension Bot keeps gear renting longer.",              imageSrc: "http://img.b2bpic.net/free-photo/young-employees-sitting-office-table-using-laptop_146671-15649.jpg?_wi=1",              imageAlt: "office team work system management"},
            {
              id: 3,
              tag: "Step 3",              title: "Market Dominance",              subtitle: "Turn on the Lead Faucet",              description: "We turn on the Lead Faucet so you are always busy. The 30-Second Strike Sales Team calls new leads instantly. The AI Gatekeeper answers your phone and filters real customers. Local Ad Mastery runs Google and Facebook ads. Review Automation builds your reputation.",              imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-writing-ai-code-workstation-photovoltaic-plant_482257-125747.jpg?_wi=1",              imageAlt: "automation ai technology smart system"},
            {
              id: 4,
              tag: "Step 4",              title: "The FleetFill Brain",              subtitle: "Turn your business into an empire",              description: "We turn the business into an automated empire. The Airtable Brain tracks every dollar made per machine and tells you when to sell old gear. Predictive Maintenance knows when gear needs a fix. QR Code System lets you mark units in seconds.",              imageSrc: "http://img.b2bpic.net/free-vector/music-streaming-application_53876-93195.jpg",              imageAlt: "mobile app phone interface simple"},
          ]}
        />
      </div>

      {/* Metrics Section */}
      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="FleetFill AI by the Numbers"
          description="Real results for real equipment rental businesses"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          metrics={[
            {
              id: "1",              value: "100",              title: "Leads Found",              description: "Per 7-day Blitz",              icon: TrendingUp,
            },
            {
              id: "2",              value: "40",              title: "%",              description: "Average Revenue Increase",              icon: BarChart3,
            },
            {
              id: "3",              value: "7",              title: "Days",              description: "Until Results Show",              icon: Zap,
            },
            {
              id: "4",              value: "$2",              title: "Thousand",              description: "Minimum Guarantee",              icon: DollarSign,
            },
          ]}
        />
      </div>

      {/* Testimonials Section */}
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Equipment Rental Leaders Say"
          description="Real partners who found real money with FleetFill AI"
          tag="Success Stories"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "Marcus Johnson, Owner of Johnson Construction Equipment",              date: "Date: 15 September 2024",              title: "Found $8,500 in my first month",              quote: "I was skeptical. But the Blitz found old customers I forgot about. In 30 days, I made $8,500. The app is so simple I use it while running the yard. Best partnership I ever made.",              tag: "Construction Equipment",              avatarSrc: "http://img.b2bpic.net/free-photo/handsome-black-man-posing-public-library_74855-1939.jpg",              avatarAlt: "Marcus Johnson",              imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-man-posing-public-library_74855-1939.jpg?_wi=1"},
            {
              id: "2",              name: "Sarah Chen, Manager at Metro Dumpster Rental",              date: "Date: 22 August 2024",              title: "We stopped losing calls to competitors",              quote: "The AI Gatekeeper answers our phone now. We catch every lead. Customers love how fast we call them back. Our call-back rate went from 20% to 85%. Worth every penny.",              tag: "Dumpster Rental",              avatarSrc: "http://img.b2bpic.net/free-photo/executives-talking-about-new-project_1098-4115.jpg",              avatarAlt: "Sarah Chen",              imageSrc: "http://img.b2bpic.net/free-photo/executives-talking-about-new-project_1098-4115.jpg"},
            {
              id: "3",              name: "Tom Rivera, Owner of Party Perfect Event Equipment",              date: "Date: 10 July 2024",              title: "My bookings are up 60% in three months",              quote: "The system finds leads I never knew existed. The Extension Bot keeps equipment out longer because it reminds customers to rent more. I stopped doing office work and grew the business.",              tag: "Event Equipment",              avatarSrc: "http://img.b2bpic.net/free-photo/happy-foreman-auto-mechanic-workshop-using-touchpad-looking-camera_637285-9410.jpg",              avatarAlt: "Tom Rivera",              imageSrc: "http://img.b2bpic.net/free-photo/happy-foreman-auto-mechanic-workshop-using-touchpad-looking-camera_637285-9410.jpg?_wi=1"},
            {
              id: "4",              name: "David Wilson, Tree Service & Landscaping",              date: "Date: 28 June 2024",              title: "Simple tools made my life simple",              quote: "I am not a tech guy. But if I can send a text, I can run this app. The QR codes for equipment returns save me hours every week. My team uses it without training.",              tag: "Tree Service",              avatarSrc: "http://img.b2bpic.net/free-photo/male-worker-with-arms-crossed-standing-factory_107420-96042.jpg",              avatarAlt: "David Wilson",              imageSrc: "http://img.b2bpic.net/free-photo/male-worker-with-arms-crossed-standing-factory_107420-96042.jpg"},
            {
              id: "5",              name: "Jennifer Lopez, Director of Premium Equipment Rentals",              date: "Date: 14 May 2024",              title: "This is how modern rental businesses work",              quote: "The Airtable Brain tells me which machines make money and which sit. I sold three old units and saved $4,000 in maintenance. Now I only rent equipment that pays.",              tag: "Equipment Rental",              avatarSrc: "http://img.b2bpic.net/free-photo/handsome-black-man-posing-public-library_74855-1939.jpg",              avatarAlt: "Jennifer Lopez",              imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-man-posing-public-library_74855-1939.jpg?_wi=2"},
            {
              id: "6",              name: "Robert Hayes, Owner Hayes Equipment Solutions",              date: "Date: 01 April 2024",              title: "The zero-risk guarantee proved they believe in their work",              quote: "I was nervous. But they found $3,200 in week one. No risk at all. Now we are full partners. My business runs on autopilot compared to before.",              tag: "General Rental",              avatarSrc: "http://img.b2bpic.net/free-photo/happy-foreman-auto-mechanic-workshop-using-touchpad-looking-camera_637285-9410.jpg",              avatarAlt: "Robert Hayes",              imageSrc: "http://img.b2bpic.net/free-photo/happy-foreman-auto-mechanic-workshop-using-touchpad-looking-camera_637285-9410.jpg?_wi=2"},
          ]}
        />
      </div>

      {/* Contact Section */}
      <div id="contact" data-section="contact">
        <ContactText
          text="Are You Ready to Scale? We only take 3 new partners a month to make sure every yard gets our full attention. Apply below to see if your yard is ready for the Blitz."
          animationType="entrance-slide"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          buttons={[{ text: "Apply for Partnership", href: "/contact" }]}
        />
      </div>

      {/* Footer */}
      <div id="footer" data-section="footer">
        <FooterCard
          logoText="FleetFill AI"
          copyrightText="© 2025 FleetFill AI | Your Equipment Rental Growth Partner"
          socialLinks={[
            {
              icon: Linkedin,
              href: "https://linkedin.com/company/fleetfill-ai",              ariaLabel: "LinkedIn"},
            {
              icon: Facebook,
              href: "https://facebook.com/fleetfillai",              ariaLabel: "Facebook"},
            {
              icon: Mail,
              href: "mailto:partners@fleetfill.ai",              ariaLabel: "Email"},
          ]}
        />
      </div>
    </ThemeProvider>
  );
}