"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactText from "@/components/sections/contact/ContactText";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Award } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="blurBottom"
      cardStyle="gradient-radial"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Triple J"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Why Us", id: "why-triple-j" },
            { name: "About", id: "about" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Get Free Estimate", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Bringing Homes Back to Life"
          description="Professional, On-Time, Detail-Driven Power Washing That Makes Your Property Look Brand New Again."
          tag="5-Star Rated • On-Time Guarantee • Owner On-Site • Fair Pricing"
          buttons={[
            { text: "Get a Free Estimate", href: "contact" },
            { text: "Call Now", href: "#" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530840.jpg"
          imageAlt="Beautiful home exterior after professional power washing"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={false}
        />
      </div>

      <div id="why-triple-j" data-section="why-triple-j">
        <FeatureCardSixteen
          title="Why Homeowners Choose Triple J"
          description="Experience the difference between a fly-by-night operation and a trusted local company that shows up."
          tag="Our Commitment"
          negativeCard={{
            items: [
              "Rushed jobs with poor attention to detail",              "Subcontractors with no accountability",              "Surprise fees and inflated pricing",              "Late arrivals and no communication"],
          }}
          positiveCard={{
            items: [
              "2-3 hours of meticulous, thorough work",              "Owner-operated—you get John, not a random crew",              "Fair pricing upfront, no hidden costs",              "Always on time, often early",              "20+ years of local trust and expertise"],
          }}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <ProductCardTwo
          title="Our Services"
          description="Professional exterior cleaning solutions for every part of your home."
          tag="Complete Cleaning"
          products={[
            {
              id: "1",              brand: "Triple J",              name: "House Washing",              price: "Starting at $300",              rating: 5,
              reviewCount: "450+",              imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358979.jpg",              imageAlt: "Professional house siding washing service"},
            {
              id: "2",              brand: "Triple J",              name: "Driveways & Concrete",              price: "Starting at $250",              rating: 5,
              reviewCount: "380+",              imageSrc: "http://img.b2bpic.net/free-photo/person-wearing-yellow-rubber-boots-with-high-pressure-water-nozzle-cleaning-dirt-tiles_181624-23652.jpg",              imageAlt: "Driveway and concrete pressure cleaning"},
            {
              id: "3",              brand: "Triple J",              name: "Deck & Patio Cleaning",              price: "Starting at $350",              rating: 5,
              reviewCount: "290+",              imageSrc: "http://img.b2bpic.net/free-photo/person-disinfecting-wooden-surface_23-2148571796.jpg",              imageAlt: "Deck and patio cleaning service"},
            {
              id: "4",              brand: "Triple J",              name: "Gutter Cleaning",              price: "Starting at $150",              rating: 5,
              reviewCount: "520+",              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg",              imageAlt: "Professional gutter cleaning and maintenance"},
            {
              id: "5",              brand: "Triple J",              name: "Pool Area & Walkways",              price: "Starting at $400",              rating: 5,
              reviewCount: "210+",              imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-stair-ladder-around-there_74190-7881.jpg",              imageAlt: "Pool deck and walkway cleaning service"},
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Homeowners Are Saying"
          description="Real reviews from satisfied customers across our service area."
          tag="Customer Reviews"
          testimonials={[
            {
              id: "1",              name: "Arlene R.",              date: "Date: 3 weeks ago",              title: "Didn't Know How Dirty Our Home Was",              quote: "We didn't realize how dirty our home was until Triple J cleaned it. It looks brand new again! John's professionalism and attention to detail were exceptional.",              tag: "5-Star Review",              avatarSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",              avatarAlt: "Arlene R.",              imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358979.jpg",              imageAlt: "Before and after home washing"},
            {
              id: "2",              name: "Heather P.",              date: "Date: 1 month ago",              title: "Early, Efficient, Incredible Results",              quote: "Showed up early, worked for 2.5 hours straight, and the results were incredible. John knows his craft and takes pride in every job.",              tag: "5-Star Review",              avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              avatarAlt: "Heather P.",              imageSrc: "http://img.b2bpic.net/free-photo/person-wearing-yellow-rubber-boots-with-high-pressure-water-nozzle-cleaning-dirt-tiles_181624-23652.jpg",              imageAlt: "Driveway cleaning before and after"},
            {
              id: "3",              name: "Tim M.",              date: "Date: 6 weeks ago",              title: "Fair Price, Awesome Job",              quote: "Fair price. Awesome job. We couldn't be happier with the results. This is the kind of service you want from a local company.",              tag: "5-Star Review",              avatarSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",              avatarAlt: "Tim M.",              imageSrc: "http://img.b2bpic.net/free-photo/person-disinfecting-wooden-surface_23-2148571796.jpg",              imageAlt: "Deck cleaning transformation"},
            {
              id: "4",              name: "Eric O.",              date: "Date: 2 months ago",              title: "Professionalism at Its Finest",              quote: "Professionalism at its finest. John treated our property like it was his own. Highly recommended for anyone looking for quality power washing.",              tag: "5-Star Review",              avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              avatarAlt: "Eric O.",              imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-stair-ladder-around-there_74190-7881.jpg",              imageAlt: "Pool area cleaning service"},
            {
              id: "5",              name: "Patrice J.",              date: "Date: 2 months ago",              title: "House and Garage Look Amazing",              quote: "My house and garage look amazing. I would definitely recommend him! Triple J Power Washing is exactly what a service should be.",              tag: "5-Star Review",              avatarSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg",              avatarAlt: "Patrice J.",              imageSrc: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530840.jpg",              imageAlt: "Complete home exterior cleaning"},
            {
              id: "6",              name: "Michael K.",              date: "Date: 3 months ago",              title: "Best Investment for My Home",              quote: "Best investment for my home's appearance. John's attention to detail and work ethic are unmatched. He made our entire property look new.",              tag: "5-Star Review",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",              avatarAlt: "Michael K.",              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg",              imageAlt: "Professional gutter system cleaning"},
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          title="Meet John — Owner & Operator"
          description="Triple J Power Washing LLC is owner-operated. When you book with us, you're working directly with John—not a random crew. With 20+ years of experience and a commitment to professionalism, John treats every job like it's his own home."
          tag="About the Owner"
          tagIcon={Award}
          metrics={[
            { value: "20+", title: "Years of Local Experience" },
            { value: "1000+", title: "Satisfied Homeowners" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg"
          imageAlt="John, owner of Triple J Power Washing"
          mediaAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="difference" data-section="difference">
        <MetricCardSeven
          title="The Triple J Difference"
          description="What separates us from the rest of the power washing industry."
          tag="Our Standards"
          metrics={[
            {
              id: "1",              value: "100%",              title: "Satisfaction Guaranteed",              items: [
                "5-star rated across all reviews",                "Fully insured and licensed",                "Residential and commercial expertise",                "Free estimates, no pressure"],
            },
            {
              id: "2",              value: "On-Time",              title: "Always Early",              items: [
                "Shows up when promised",                "Often arrives early",                "Direct communication throughout",                "Completes job thoroughly, not rushed"],
            },
            {
              id: "3",              value: "Fair",              title: "Honest Pricing",              items: [
                "No inflated quotes",                "No surprise add-ons",                "Transparent about what you'll get",                "Results that shock homeowners"],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about Triple J Power Washing services."
          tag="FAQ"
          faqs={[
            {
              id: "1",              title: "Is pressure washing safe for my home's siding?",              content: "Absolutely. We use industry-standard pressure settings and techniques to safely clean all siding types—vinyl, wood, brick, and stucco. Our equipment and experience ensure no damage while removing years of grime and mildew."},
            {
              id: "2",              title: "How often should I get my house washed?",              content: "Most homeowners benefit from a professional wash every 1-2 years, depending on climate and tree coverage. We can assess your property and recommend a maintenance schedule that keeps your home looking fresh year-round."},
            {
              id: "3",              title: "Do you offer seasonal cleaning packages?",              content: "Yes. We work with homeowners to create maintenance plans that fit their needs and budget. Spring refresh, fall prep, or regular annual services—we customize to your property's requirements."},
            {
              id: "4",              title: "What happens if I'm not satisfied with the results?",              content: "We stand behind our work. If you're not completely satisfied with the results, we'll return and address your concerns at no extra charge. Your satisfaction is our priority."},
            {
              id: "5",              title: "Do you provide free estimates?",              content: "Yes. We offer free, no-obligation estimates. John will visit your property, assess what needs cleaning, and provide a transparent quote with no hidden costs or pressure to commit."},
            {
              id: "6",              title: "Are you insured and licensed?",              content: "Fully insured and licensed. We carry comprehensive liability insurance to protect your property and peace of mind. All work meets local regulations and industry standards."},
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/call-center-team-leader-supervising-agents-office-desk-helping-customers_482257-117914.jpg"
          imageAlt="Professional customer support team"
          mediaAnimation="slide-up"
          mediaPosition="right"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to see the difference? Your house could look brand new in just one afternoon. Get your free estimate today—no obligation, no pressure."
          animationType="entrance-slide"
          buttons={[
            { text: "Get Your Free Estimate", href: "#" },
            { text: "Call Now", href: "#" },
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Triple J Power Washing"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Serving Our Community With Pride", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}
