"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import ContactText from "@/components/sections/contact/ContactText";
import FaqBase from "@/components/sections/faq/FaqBase";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import Link from "next/link";
import { Zap, Wrench, Star, HelpCircle } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Services", id: "/services" },
    { name: "About", id: "/about" },
    { name: "Contact", id: "/contact" },
    { name: "Call Now", id: "tel:+18135378085" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="medium"
      background="circleGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="Clog Kings Tampa"
          bottomLeftText="24/7 Emergency Service"
          bottomRightText="(813) 537-8085"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="24/7 Emergency Plumbing & Drain Service in Tampa"
          description="Fast. Affordable. Family-Owned. 5-Star Rated. Licensed & Background Checked. We're here when you need us most."
          tag="Tampa's Trusted Plumbing Experts"
          tagIcon={Zap}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          buttons={[
            { text: "Call Now (813) 537-8085", href: "tel:+18135378085" },
            { text: "Request Free Estimate", href: "/contact" },
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/delivery-man-with-clipboard-front-cargo-van-delivering-bottles-water_627829-4187.jpg"
          imageAlt="Clog Kings Tampa service van"
          ariaLabel="Hero section - 24/7 emergency plumbing service"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyOne
          title="Our Plumbing Services"
          description="From routine maintenance to emergency repairs, we handle it all with expertise and professionalism."
          tag="Complete Solutions"
          tagIcon={Wrench}
          tagAnimation="slide-up"
          accordionItems={[
            {
              id: "1",              title: "Drain Cleaning & Unclogging",              content: "Fast drain cleaning service using advanced equipment. We handle everything from slow drains to complete blockages. Same-day service available."},
            {
              id: "2",              title: "Sewer Line Repair & Replacement",              content: "Professional sewer line diagnosis and repair. We use camera inspection to identify issues and provide affordable solutions. Licensed and insured."},
            {
              id: "3",              title: "Water Heater Installation & Repair",              content: "Expert water heater service for all brands and types. We offer repair, replacement, and maintenance to keep your water hot 24/7."},
            {
              id: "4",              title: "Pipe Repair & Replacement",              content: "Reliable pipe repair for burst pipes, leaks, and corrosion. We use quality materials and expert craftsmanship. Free estimates available."},
            {
              id: "5",              title: "Toilet & Fixture Repair",              content: "Quick toilet repairs, replacements, and fixture installations. We fix running toilets, leaks, and handle all bathroom plumbing needs."},
            {
              id: "6",              title: "Garbage Disposal Service",              content: "Professional garbage disposal installation, repair, and maintenance. Same-day service for jammed or broken disposals."},
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/top-view-plumber-checking-kitchen-fixtures_1098-17864.jpg"
          imageAlt="Professional plumbing service"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
          mediaPosition="left"
          buttons={[{ text: "Schedule Service", href: "tel:+18135378085" }]}
          buttonAnimation="slide-up"
          ariaLabel="Core plumbing services section"
        />
      </div>

      <div id="why-choose-us" data-section="why-choose-us">
        <TextSplitAbout
          title="Why Choose Clog Kings Tampa?"
          description={[
            "We're a family-owned and operated plumbing company serving Tampa and surrounding areas for over 5 years. With a 4.9-star rating from 75+ verified Google reviews, we've built our reputation on reliability, honesty, and exceptional customer service.",            "Our team is fully licensed, background checked, and Google Verified. We offer 24/7 emergency service because we know plumbing problems don't wait for business hours. Whether it's a burst pipe at midnight or a clogged drain on Sunday, we're available to help.",            "Every job comes with transparent pricing, free estimates, and a commitment to doing the work right the first time. Your satisfaction is our priority."]}
          buttons={[
            { text: "Call Now (813) 537-8085", href: "tel:+18135378085" },
            { text: "Read Our Reviews", href: "#testimonials" },
          ]}
          buttonAnimation="slide-up"
          showBorder={true}
          useInvertedBackground={false}
          ariaLabel="Why choose Clog Kings section"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Trusted by Over 10,000 Satisfied Customers Across Tampa"
          cardTag="4.9 Stars - 75+ Reviews"
          cardTagIcon={Star}
          cardAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",              imageAlt: "Sarah Johnson"},
            {
              id: "2",              name: "Michael Chen",              imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg",              imageAlt: "Michael Chen"},
            {
              id: "3",              name: "Emily Rodriguez",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "Emily Rodriguez"},
            {
              id: "4",              name: "David Kim",              imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",              imageAlt: "David Kim"},
            {
              id: "5",              name: "Jessica Martinez",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",              imageAlt: "Jessica Martinez"},
            {
              id: "6",              name: "Robert Thompson",              imageSrc: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg",              imageAlt: "Robert Thompson"},
          ]}
          useInvertedBackground={false}
          ariaLabel="Customer testimonials section"
        />
      </div>

      <div id="emergency-banner" data-section="emergency-banner">
        <ContactText
          text="Plumbing Emergency? We're Available 24/7. Burst pipes, sewer backups, no hot water—call us anytime. Fast response. Expert solutions."
          animationType="entrance-slide"
          buttons={[{ text: "Call Now (813) 537-8085", href: "tel:+18135378085" }]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          ariaLabel="Emergency contact section"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          faqs={[
            {
              id: "1",              title: "What areas do you service?",              content: "We proudly serve Tampa and all surrounding areas within 30 minutes of our office. Same-day emergency service is available throughout our service area. Call us to confirm we service your location."},
            {
              id: "2",              title: "Do you offer free estimates?",              content: "Yes! We provide free, no-obligation estimates for all services. We'll diagnose the problem, explain our solution, and provide transparent pricing before any work begins."},
            {
              id: "3",              title: "Are you available 24/7?",              content: "Absolutely. We're available 24 hours a day, 7 days a week, 365 days a year for emergency plumbing. Call (813) 537-8085 anytime for emergency service."},
            {
              id: "4",              title: "What if I have a burst pipe or sewage backup?",              content: "Call us immediately at (813) 537-8085. We offer emergency response service and will arrive quickly to stop the leak and prevent further damage. Many burst pipes and backups require same-day service."},
            {
              id: "5",              title: "Are you licensed and insured?",              content: "Yes. We are fully licensed, insured, and Google Verified. We've also passed both license checks and background checks. You can trust us in your home."},
            {
              id: "6",              title: "How quickly can you arrive?",              content: "We typically arrive within 30-60 minutes for emergency calls. Our 24/7 team is ready to respond immediately. Call (813) 537-8085 to get an estimated arrival time."},
          ]}
          title="Frequently Asked Questions"
          description="Find answers to common questions about our services, pricing, and response times."
          tag="Help & Support"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="smooth"
          ariaLabel="FAQ section"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to get your plumbing fixed? Contact Clog Kings Tampa today for fast, affordable service. Call now or fill out our quick form and we'll get back to you within the hour."
          animationType="entrance-slide"
          buttons={[
            { text: "Call (813) 537-8085", href: "tel:+18135378085" },
            { text: "Request Callback", href: "/contact" },
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          ariaLabel="Contact section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Clog Kings Tampa"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "(813) 537-8085", href: "tel:+18135378085" }}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}