"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Building, Calendar, CheckCircle, Clock, Flame, Phone, PhoneCall, Search, ShieldCheck, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumSizeLargeTitles"
        background="fluid"
        cardStyle="soft-shadow"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Reviews",
          id: "#reviews",
        },
        {
          name: "Service Area",
          id: "#area",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="K&J HVAC"
      button={{
        text: "Get a Free Quote",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "gradient-bars",
      }}
      logoText="Omaha's HVAC Pros — On Call 24/7."
      description="From emergency AC repairs to full system installs and gas line work, K&J keeps your home and business running. Five stars. Zero shortcuts."
      buttons={[
        {
          text: "Get a Free Quote",
          href: "#contact",
        },
        {
          text: "Call (402) 813-8006",
          href: "tel:4028138006",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/mechanic-filling-out-insurance-contract_482257-85122.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "AC Repair & Installation",
          description: "Fast diagnosis, honest pricing, cool air same day when possible.",
          icon: Flame,
          mediaItems: [
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hvz3mh",
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fe08la",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-filling-out-insurance-contract_482257-85122.jpg",
          imageAlt: "ac repair icon",
        },
        {
          title: "Furnace & Heating",
          description: "Repairs, replacements, and tune-ups to keep Nebraska winters out.",
          icon: Flame,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/seasoned-mechanic-removing-layer-dirt-from-blower-fan-prevent-damaging-ventilation-system-adept-repairman-cleaning-hvac-system-parts-stop-risk-overheating-close-up_482257-67998.jpg",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334227.jpg",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-plumber-cartoon-style_23-2151134229.jpg",
          imageAlt: "ac repair icon",
        },
        {
          title: "Gas Line Services",
          description: "New installs, relocations, and safe modifications by experienced pros.",
          icon: Zap,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281314.jpg",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/settings-sign-front-side_187299-39541.jpg",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/rag-doll-with-spanner_1160-499.jpg",
          imageAlt: "ac repair icon",
        },
        {
          title: "Commercial HVAC",
          description: "Trusted by Omaha businesses for ongoing maintenance.",
          icon: Building,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-broken-manometers_482257-80114.jpg",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/low-angle-city-building-with-air-conditioning-units_23-2148798635.jpg",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/resting-smiling-young-woman-sitting-home-sofa_259150-59716.jpg",
          imageAlt: "ac repair icon",
        },
        {
          title: "Preventive Maintenance",
          description: "Seasonal tune-ups that catch problems before they become bills.",
          icon: Calendar,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-refrigerant-manifold-gauges_482257-90522.jpg",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
          imageAlt: "ac repair icon",
        },
        {
          title: "Emergency Service",
          description: "Heat out at midnight? We answer the call.",
          icon: PhoneCall,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153827.jpg",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/technician-working-air-conditioner_482257-92676.jpg",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-couple-smiling_107420-12106.jpg",
          imageAlt: "ac repair icon",
        },
      ]}
      title="What We Do"
      description="Residential and commercial HVAC — done right the first time."
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Why Omaha Trusts K&J"
      description={[
        "Truly 24/7 — Real people. Real response. Not a voicemail.",
        "Straight Talk — We explain what's wrong, your options, and the price.",
        "Decades of Experience — From single-family homes to complex commercial systems.",
        "Respectful in Your Space — Clean work. Clean trucks. Clean exit.",
      ]}
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah S.",
          imageSrc: "http://img.b2bpic.net/free-photo/resting-smiling-young-woman-sitting-home-sofa_259150-59716.jpg",
        },
        {
          id: "2",
          name: "Alex L.",
          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
        },
        {
          id: "3",
          name: "Marni H.",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
        },
        {
          id: "4",
          name: "David K.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153827.jpg",
        },
        {
          id: "5",
          name: "Elena R.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-couple-smiling_107420-12106.jpg",
        },
      ]}
      cardTitle="5.0 Stars. 28 Reviews. Zero Surprises."
      cardTag="Customer Stories"
      buttons={[
        {
          text: "Read all on Google",
          href: "#",
        },
      ]}
      cardAnimation="slide-up"
    />
  </div>

  <div id="area" data-section="area">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "24/7",
          title: "Availability",
          description: "Always on call.",
          icon: Clock,
        },
        {
          id: "m2",
          value: "5.0",
          title: "Rating",
          description: "Google average.",
          icon: Star,
        },
        {
          id: "m3",
          value: "100%",
          title: "Licensed",
          description: "Fully insured.",
          icon: ShieldCheck,
        },
      ]}
      title="Proudly Serving the Omaha Metro"
      description="We service homes and businesses throughout Omaha, Bellevue, Papillion, La Vista, Elkhorn, Council Bluffs, and surrounding areas."
    />
  </div>

  <div id="how-it-works" data-section="how-it-works">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "s1",
          value: "01",
          title: "Call",
          description: "Request your free quote.",
          icon: Phone,
        },
        {
          id: "s2",
          value: "02",
          title: "Diagnosis",
          description: "Honest assessment of issues.",
          icon: Search,
        },
        {
          id: "s3",
          value: "03",
          title: "Done",
          description: "Work finished right.",
          icon: CheckCircle,
        },
      ]}
      title="Easy. From the First Call to the Last Check."
      description="Our proven 3-step process ensures transparency and quality for every job."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Are you really 24/7?",
          content: "Yes, we are always available to help.",
        },
        {
          id: "f2",
          title: "Do you service commercial properties?",
          content: "Absolutely, we work with both homes and businesses.",
        },
        {
          id: "f3",
          title: "Are you licensed and insured?",
          content: "Yes, our team is fully licensed and insured for your protection.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-pipe-wrench-screwing-nut_181624-49738.jpg"
      title="Common Questions"
      description="Everything you need to know about our services."
      faqsAnimation="slide-up"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Contact Us"
      title="Need HVAC Help? Let's Talk."
      description="Same-day service available. Free quotes. Real humans who pick up the phone."
      imageSrc="http://img.b2bpic.net/free-photo/female-mechanic-fixing-car-wheel-with-pneumatic-wrench_1170-1211.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/empty-dark-concrete-wall-room-studio-background-floor-perspective-with-blue-soft-light-displays_1258-108917.jpg"
      logoText="K&J HVAC Services LLC"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "AC Repair",
              href: "#services",
            },
            {
              label: "Heating",
              href: "#services",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Reviews",
              href: "#reviews",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
