"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroLogo from "@/components/sections/hero/HeroLogo";
import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import {
  Sparkles,
  CheckCircle,
  Shield,
  Star,
  Zap,
} from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Services", id: "services" },
    { name: "About", id: "about" },
    { name: "Contact", id: "contact" },
  ];

  const navLinks = [
    { name: "Home", href: "/" },
    { name: "Services", href: "/services" },
    { name: "About", href: "/about" },
    { name: "Contact", href: "/contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="floatingGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      {/* Navbar */}
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="ProServices"
          navItems={navItems}
          button={{
            text: "Call (555) 123-4567",
            href: "tel:+15551234567",
          }}
        />
      </div>

      {/* Hero Section */}
      <div id="home-hero" data-section="home-hero">
        <HeroLogo
          logoText="Reliable Service in Your Area You Can Trust"
          description="Fast, affordable, and done right the first time. Local, trusted professionals serving your community."
          imageSrc="http://img.b2bpic.net/free-photo/low-angle-engineers-hand-shake_23-2148480373.jpg"
          imageAlt="Professional service team ready to help"
          buttons={[
            {
              text: "Call Now: (555) 123-4567",
              href: "tel:+15551234567",
            },
            {
              text: "Get a Free Quote",
              href: "/contact",
            },
          ]}
          buttonAnimation="slide-up"
          showDimOverlay={true}
          ariaLabel="Home hero section with service introduction"
        />
      </div>

      {/* Services Section */}
      <div id="home-services" data-section="home-services">
        <FeatureCardTwelve
          title="Our Services"
          description="We specialize in high-quality, reliable service. Every job is completed with attention to detail and customer satisfaction in mind."
          features={[
            {
              id: "service-1",
              label: "Service One",
              title: "Pressure Washing",
              items: [
                "Residential property cleaning",
                "Commercial exterior services",
                "Driveway & patio restoration",
                "Quick turnaround times",
              ],
            },
            {
              id: "service-2",
              label: "Service Two",
              title: "Landscaping & Maintenance",
              items: [
                "Lawn care & mowing",
                "Hedge trimming & pruning",
                "Seasonal maintenance plans",
                "Professional design consultation",
              ],
            },
            {
              id: "service-3",
              label: "Service Three",
              title: "Interior Cleaning",
              items: [
                "Deep house cleaning",
                "Move-in/move-out services",
                "Post-construction cleanup",
                "Eco-friendly products available",
              ],
            },
            {
              id: "service-4",
              label: "Service Four",
              title: "Seasonal Specials",
              items: [
                "Spring refresh packages",
                "Gutters & roof cleaning",
                "Holiday decorations setup",
                "Bundle discounts available",
              ],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Professional Quality"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            {
              text: "View All Services",
              href: "/services",
            },
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Services overview section"
        />
      </div>

      {/* Why Choose Us Section */}
      <div id="home-why-us" data-section="home-why-us">
        <TestimonialAboutCard
          tag="Why Choose Us"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          title="Why Local Businesses Choose ProServices"
          description="We've been serving the community for years with a commitment to excellence, reliability, and customer satisfaction."
          subdescription="Locally owned and operated. We treat your property like our own. Every project receives the attention to detail you deserve."
          icon={Shield}
          imageSrc="http://img.b2bpic.net/free-photo/portrait-barista-boy-cafe_23-2148436241.jpg"
          imageAlt="Professional service team committed to quality"
          mediaAnimation="slide-up"
          useInvertedBackground={true}
          ariaLabel="Why choose us section highlighting company values"
        />
      </div>

      {/* Testimonials Section */}
      <div id="home-testimonials" data-section="home-testimonials">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Real feedback from real customers in our community."
          testimonials={[
            {
              id: "testimonial-sarah",
              name: "Sarah Johnson",
              date: "2 weeks ago",
              title: "Excellent Service",
              quote: "ProServices came out quickly and did an amazing job. Professional, courteous, and fair pricing. Highly recommend!",
              tag: "Pressure Washing",
              avatarSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-wearing-casual-blue-shirt-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-2022.jpg",
              avatarAlt: "Sarah Johnson",
            },
            {
              id: "testimonial-mike",
              name: "Mike Chen",
              date: "1 month ago",
              title: "Outstanding Quality",
              quote: "They transformed my yard. The team was respectful of my property and finished ahead of schedule. Will use again for sure.",
              tag: "Landscaping",
              avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1551.jpg",
              avatarAlt: "Mike Chen",
            },
            {
              id: "testimonial-jennifer",
              name: "Jennifer Martinez",
              date: "3 weeks ago",
              title: "Professional Team",
              quote: "Very impressed with their attention to detail. They cleaned areas I didn't even ask for. Truly goes above and beyond.",
              tag: "Interior Cleaning",
              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
              avatarAlt: "Jennifer Martinez",
            },
            {
              id: "testimonial-david",
              name: "David Rodriguez",
              date: "1 week ago",
              title: "Best Decision",
              quote: "Finally found a service I can trust. Fair pricing, reliable scheduling, and amazing results. My new go-to service!",
              tag: "Seasonal Service",
              avatarSrc: "http://img.b2bpic.net/free-photo/teen-with-big-smile-showing-positive-gesture_1149-940.jpg",
              avatarAlt: "David Rodriguez",
            },
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Customer Feedback"
          tagIcon={Star}
          tagAnimation="slide-up"
          buttons={[
            {
              text: "Get Your Free Quote Today",
              href: "/contact",
            },
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Customer testimonials section"
        />
      </div>

      {/* CTA Section */}
      <div id="home-cta" data-section="home-cta">
        <ContactCTA
          tag="Limited Time"
          tagIcon={Zap}
          tagAnimation="slide-up"
          title="Ready to Get Started?"
          description="Call today for a free, no-obligation estimate. We're ready to serve your community."
          buttons={[
            {
              text: "Call: (555) 123-4567",
              href: "tel:+15551234567",
            },
            {
              text: "Request a Quote Online",
              href: "/contact",
            },
          ]}
          buttonAnimation="slide-up"
          background={{
            variant: "gradient-bars",
          }}
          useInvertedBackground={true}
          ariaLabel="Call to action section"
        />
      </div>

      {/* Footer */}
      <div id="home-footer" data-section="home-footer">
        <FooterBaseCard
          logoText="ProServices"
          columns={[
            {
              title: "Quick Links",
              items: [
                {
                  label: "Home",
                  href: "/",
                },
                {
                  label: "Services",
                  href: "/services",
                },
                {
                  label: "About",
                  href: "/about",
                },
                {
                  label: "Contact",
                  href: "/contact",
                },
              ],
            },
            {
              title: "Services",
              items: [
                {
                  label: "Pressure Washing",
                  href: "/services",
                },
                {
                  label: "Landscaping",
                  href: "/services",
                },
                {
                  label: "Interior Cleaning",
                  href: "/services",
                },
                {
                  label: "Seasonal Services",
                  href: "/services",
                },
              ],
            },
            {
              title: "Contact Info",
              items: [
                {
                  label: "Phone: (555) 123-4567",
                  href: "tel:+15551234567",
                },
                {
                  label: "Email: info@proservices.com",
                  href: "mailto:info@proservices.com",
                },
                {
                  label: "Hours: Mon-Sat 8AM-6PM",
                  href: "#",
                },
                {
                  label: "Emergency Service Available",
                  href: "#",
                },
              ],
            },
          ]}
          copyrightText="© 2025 ProServices. All rights reserved. Serving your community with pride."
          ariaLabel="Site footer with navigation and contact information"
        />
      </div>
    </ThemeProvider>
  );
}