"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles } from 'lucide-react';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Omaha Plumbers"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "About Us", id: "/about" },
            { name: "Contact", id: "/contact" },
          ]}
          button={{ text: "Call Now", href: "tel:+14028881234" }}
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Omaha Emergency Neighborhood Plumbers"
          description="24/7 Expert Plumbing Service in Omaha, NE. Rated 4.8 Stars from 60+ Reviews. Your trusted local emergency plumbing solution."
          buttons={[
            { text: "Call Now: (402) 888-1234", href: "tel:+14028881234" },
            { text: "Request Service Online", href: "/contact" },
          ]}
          mediaAnimation="slide-up"
          background={{ variant: "floatingGradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/delivery-man-with-clipboard-front-cargo-van-delivering-bottles-water_627829-4187.jpg"
          imageAlt="Omaha Emergency Neighborhood Plumbers truck responding to an emergency call"
          frameStyle="card"
          ariaLabel="24/7 Emergency Plumbing Service Hero"
        />
      </div>
      <div id="features" data-section="features">
        <FeatureCardSixteen
          tag="Our Services"
          title="Comprehensive Plumbing Solutions"
          description="From leaky faucets to burst pipes, we handle all your plumbing emergencies and routine needs with expertise and speed."
          negativeCard={{
            items: [
              "Slow Response Times",
              "Subpar Workmanship",
              "Hidden Fees",
              "Limited Availability",
            ],
          }}
          positiveCard={{
            items: [
              "24/7 Rapid Response",
              "Certified & Experienced Plumbers",
              "Transparent Pricing",
              "Satisfaction Guaranteed",
            ],
          }}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          ariaLabel="Our comprehensive plumbing services overview"
        />
      </div>
      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          title="Your Local Plumbing Experts in Omaha"
          description="Dedicated to serving the Omaha community with integrity and unparalleled plumbing expertise for over a decade."
          subdescription="We are more than just plumbers; we are your neighbors, committed to ensuring your home and business plumbing systems run smoothly, day or night."
          icon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/household-repair-middle-aged-man-inspecting-pipe-touching-hand-sink-stylish-modern-kitchen_259150-58265.jpg?_wi=1"
          imageAlt="Professional plumber working on a sink to fix a leak"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="About Omaha Emergency Neighborhood Plumbers"
        />
      </div>
      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          tag="Trust & Reliability"
          title="Why Omaha Chooses Us"
          description="Our commitment to quality service and customer satisfaction speaks for itself."
          metrics={[
            {
              id: "1",
              value: "4.8",
              title: "Average Star Rating",
              items: ["60+ Verified Reviews", "Google Guaranteed"],
            },
            {
              id: "2",
              value: "24/7",
              title: "Emergency Service",
              items: ["Always Available", "Rapid Response Time"],
            },
            {
              id: "3",
              value: "15+",
              title: "Years Experience",
              items: [
                "Serving Omaha & Surrounding Areas",
                "Licensed & Insured",
              ],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Customer trust and reliability metrics"
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          tag="What Our Customers Say"
          title="Real Reviews from Happy Omaha Residents"
          description="Hear directly from homeowners and businesses who trust us with their plumbing needs."
          testimonials={[
            {
              id: "1",
              name: "Sarah M.",
              handle: "Homeowner, Omaha",
              testimonial: '"Omaha Emergency Neighborhood Plumbers saved the day! They responded quickly to our burst pipe and fixed it efficiently. Professional and reliable!"',
              imageSrc: "https://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg?_wi=1",
              imageAlt: "Sarah M. avatar",
            },
            {
              id: "2",
              name: "John D.",
              handle: "Local Business Owner",
              testimonial: '"Excellent service for our office\'s drain issue. Fast, clean, and very courteous. Highly recommend for any business plumbing needs."',
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg?_wi=1",
              imageAlt: "John D. avatar",
            },
            {
              id: "3",
              name: "Emily R.",
              handle: "Resident, Papillion",
              testimonial: '"Had a clogged drain late at night, and they were here within the hour. The plumber was friendly and got the job done right."',
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-happy-people_23-2149193851.jpg?_wi=1",
              imageAlt: "Emily R. avatar",
            },
            {
              id: "4",
              name: "Michael P.",
              handle: "Property Manager",
              testimonial: '"Consistently reliable service for our properties. Their team is always professional and they stand by their work. A true partner."',
              imageSrc: "https://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1299.jpg?_wi=1",
              imageAlt: "Michael P. avatar",
            },
            {
              id: "5",
              name: "Jessica L.",
              handle: "Homeowner, Elkhorn",
              testimonial: '"I called for a water heater repair, and they explained everything clearly, fixed it quickly, and the price was fair. Very impressed!"',
              imageSrc: "https://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg?_wi=2",
              imageAlt: "Jessica L. avatar",
            },
            {
              id: "6",
              name: "Robert S.",
              handle: "Restaurant Owner",
              testimonial: '"Our kitchen drain backed up during peak hours, and Omaha Plumbers got us back in business in no time. Lifesavers!"',
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg?_wi=2",
              imageAlt: "Robert S. avatar",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          speed={30}
          topMarqueeDirection="left"
          ariaLabel="Customer Testimonials"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactText
          text="Experiencing a plumbing emergency or need reliable service? Call us 24/7 or request a service online now!"
          animationType="reveal-blur"
          buttons={[
            { text: "Call Now (402) 888-1234", href: "tel:+14028881234" },
            { text: "Request Service Online", href: "/contact" },
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={true}
          ariaLabel="Contact Omaha Emergency Neighborhood Plumbers"
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Omaha Emergency Plumbers"
          columns={[
            {
              title: "Services",
              items: [
                { label: "Water Heater Repair", href: "/services" },
                { label: "Drain Cleaning", href: "/services" },
                { label: "Leak Repair", href: "/services" },
                { label: "Emergency Plumbing", href: "/services" },
              ],
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "/about" },
                { label: "Contact Us", href: "/contact" },
              ],
            },
            {
              title: "Contact",
              items: [
                { label: "Call Us: (402) 888-1234", href: "tel:+14028881234" },
                { label: "Email Us", href: "mailto:info@omahaplumbers.com" },
                {
                  label: "Location",
                  href: "https://maps.app.goo.gl/YourGoogleMapsLinkHere",
                },
              ],
            },
          ]}
          copyrightText="© 2024 | Omaha Emergency Neighborhood Plumbers. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}