"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import AboutMetric from '@/components/sections/about/AboutMetric';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Award, CheckCircle, Clock, Heart, MapPin, Shield, Star, Users } from 'lucide-react';

export default function LandingPage() {
  const navItems = [
    { name: "Home", id: "hero" },
    { name: "Services", id: "services" },
    { name: "Why Us", id: "whyus" },
    { name: "About", id: "about" },
    { name: "Contact", id: "contact" },
  ];

  const serviceFeatures = [
    {
      id: 1,
      tag: "Plumbing",      title: "Expert Plumbing Solutions",      subtitle: "Fast, reliable repairs and installations",      description: "From emergency repairs to full system installations, our licensed plumbers fix leaks, replace fixtures, and ensure your water systems work perfectly. We handle residential and commercial projects with precision.",      imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746308.jpg",      imageAlt: "Professional plumbing service",      buttons: [{ text: "Learn More", href: "#" }],
    },
    {
      id: 2,
      tag: "HVAC",      title: "Climate Control Experts",      subtitle: "Heating, cooling, and comfort systems",      description: "Keep your space at the perfect temperature year-round. Our HVAC specialists install, maintain, and repair heating and cooling systems with efficiency and expertise.",      imageSrc: "http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg",      imageAlt: "HVAC technician working",      buttons: [{ text: "Learn More", href: "#" }],
    },
    {
      id: 3,
      tag: "Electrical",      title: "Professional Electrical Services",      subtitle: "Safe, code-compliant electrical work",      description: "Rewiring, panel upgrades, outlet installation, and troubleshooting. Our licensed electricians ensure your electrical systems are safe, efficient, and up to code.",      imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24230.jpg",      imageAlt: "Electrical service professional",      buttons: [{ text: "Learn More", href: "#" }],
    },
  ];

  const processSteps = [
    {
      id: 1,
      tag: "Step 1",      title: "Request a Quote",      subtitle: "Tell us what you need",      description: "Contact us via phone, email, or our online form. Describe your service needs and preferred timeframe. We respond within 24 hours with a free, no-obligation estimate.",      imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-businesswoman-looking-camera-female-team-le_1163-5313.jpg?_wi=1",      imageAlt: "Request quote process",      buttons: [],
    },
    {
      id: 2,
      tag: "Step 2",      title: "Consultation & Assessment",      subtitle: "Expert evaluation on-site",      description: "Our licensed professionals visit your location to assess the work needed. We explain everything clearly, answer your questions, and confirm pricing before starting.",      imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-businesswoman-looking-camera-female-team-le_1163-5313.jpg?_wi=2",      imageAlt: "On-site consultation",      buttons: [],
    },
    {
      id: 3,
      tag: "Step 3",      title: "Professional Service Delivery",      subtitle: "Quality work done right",      description: "Our expert team completes the work efficiently and carefully. We maintain a clean workspace, minimize disruption, and communicate throughout the project.",      imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-businesswoman-looking-camera-female-team-le_1163-5313.jpg?_wi=3",      imageAlt: "Service delivery",      buttons: [],
    },
    {
      id: 4,
      tag: "Step 4",      title: "Follow-Up & Support",      subtitle: "Warranty and peace of mind",      description: "After completion, we follow up to ensure satisfaction. Your work is backed by our full warranty, and we're always available for questions or maintenance.",      imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-businesswoman-looking-camera-female-team-le_1163-5313.jpg?_wi=4",      imageAlt: "Follow-up support",      buttons: [],
    },
  ];

  const testimonials = [
    {
      id: "1",      name: "Sarah Johnson, Homeowner",      date: "Date: January 15, 2025",      title: "Fast, Professional, and Fair Pricing",      quote: "When my water heater broke down, they came the same day. The technician diagnosed the problem quickly, explained all my options with honest pricing, and completed the installation in a few hours. Highly recommend!",      tag: "Plumbing",      avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",      avatarAlt: "Sarah Johnson",      imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-businesswoman-looking-camera-female-team-le_1163-5313.jpg?_wi=5",      imageAlt: "Plumbing repair completion"},
    {
      id: "2",      name: "Michael Chen, Business Owner",      date: "Date: January 10, 2025",      title: "Reliable Service for Our Office",      quote: "Our HVAC system needed attention during the busy season. Their team was professional, minimized downtime, and the work was done right the first time. Best local service company we've worked with.",      tag: "HVAC",      avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",      avatarAlt: "Michael Chen",      imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-businesswoman-looking-camera-female-team-le_1163-5313.jpg?_wi=6",      imageAlt: "HVAC service completion"},
    {
      id: "3",      name: "Emily Rodriguez, Homeowner",      date: "Date: January 5, 2025",      title: "Licensed, Insured, and Trustworthy",      quote: "We needed electrical work in our home and wanted someone we could trust. They were upfront about costs, carried full insurance, and the work passed inspection without issues. Worth every penny.",      tag: "Electrical",      avatarSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",      avatarAlt: "Emily Rodriguez",      imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-businesswoman-looking-camera-female-team-le_1163-5313.jpg?_wi=7",      imageAlt: "Electrical installation completion"},
    {
      id: "4",      name: "David Kim, Facility Manager",      date: "Date: December 28, 2024",      title: "Professional Team, Responsive Support",      quote: "For facility maintenance, we need reliable partners. These guys deliver every time. They handle emergency calls, schedule maintenance efficiently, and communicate transparently. Excellent local partner.",      tag: "Commercial",      avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",      avatarAlt: "David Kim",      imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-businesswoman-looking-camera-female-team-le_1163-5313.jpg?_wi=8",      imageAlt: "Facility maintenance work"},
  ];

  const faqs = [
    {
      id: "1",      title: "How quickly can you respond to service calls?",      content: "We pride ourselves on fast response times. Most calls are answered within 1 hour, and emergency services are available 24/7. Same-day service is often available depending on your location and our current schedule."},
    {
      id: "2",      title: "Are you licensed and insured?",      content: "Yes, absolutely. All our technicians are fully licensed, bonded, and insured. We provide proof of insurance and licensing upon request. This protects both you and our team."},
    {
      id: "3",      title: "What payment methods do you accept?",      content: "We accept all major credit cards, debit cards, checks, and electronic transfers. We also work with financing partners for larger projects if needed."},
    {
      id: "4",      title: "Do you offer warranties on your work?",      content: "Yes, we back all our work with a comprehensive warranty. Parts and labor are covered for 1 year on most services. Extended warranties are available for select projects."},
    {
      id: "5",      title: "How is pricing determined?",      content: "We provide free on-site estimates with no obligation. Pricing is based on the scope of work, materials needed, and time required. We give you a detailed quote before we start any work."},
    {
      id: "6",      title: "Can you handle emergency calls?",      content: "Yes, we offer 24/7 emergency service. Call our emergency hotline anytime, and we'll dispatch a technician as quickly as possible. Emergency service rates apply during nights and weekends."},
  ];

  const footerColumns = [
    {
      title: "Company",      items: [
        { label: "About Us", href: "#about" },
        { label: "Services", href: "#services" },
        { label: "Careers", href: "#" },
        { label: "Contact", href: "#contact" },
      ],
    },
    {
      title: "Services",      items: [
        { label: "Plumbing", href: "#services" },
        { label: "HVAC", href: "#services" },
        { label: "Electrical", href: "#services" },
        { label: "Maintenance", href: "#services" },
      ],
    },
    {
      title: "Support",      items: [
        { label: "FAQ", href: "#faq" },
        { label: "Privacy Policy", href: "#" },
        { label: "Terms of Service", href: "#" },
        { label: "Contact Support", href: "#contact" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumLargeSizeLargeTitles"
      background="aurora"
      cardStyle="gradient-bordered"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Professional Services"
          navItems={navItems}
          button={{ text: "Get Free Quote", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="TRUSTED LOCAL SERVICE"
          description="Fast, reliable professional service with licensed technicians, transparent pricing, and 5-star customer satisfaction."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Get Free Quote", href: "#contact" },
            { text: "Call Now", href: "tel:+1-555-0123" },
          ]}
          layoutOrder="default"
          imageSrc="http://img.b2bpic.net/free-photo/attractive-young-businesswoman-looking-camera-female-team-le_1163-5313.jpg?_wi=9"
          imageAlt="Professional service team at work"
          frameStyle="card"
          mediaAnimation="slide-up"
          buttonAnimation="slide-up"
        />
      </div>

      <div id="socialproof" data-section="socialproof">
        <SocialProofOne
          title="Trusted by Thousands of Homeowners & Businesses"
          description="Join satisfied customers who've experienced our professional, reliable service"
          tag="Trust & Credentials"
          textboxLayout="default"
          useInvertedBackground={false}
          names={["Licensed & Insured", "24/7 Available", "Same-Day Service", "Warranty Guaranteed", "5-Star Rated", "Local Experts", "Fair Pricing", "Expert Team"]}
          speed={40}
          showCard={true}
          tagAnimation="slide-up"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardNineteen
          title="Our Core Services"
          description="Comprehensive solutions tailored to your home or business needs"
          tag="Services"
          textboxLayout="default"
          useInvertedBackground={false}
          features={serviceFeatures}
          tagAnimation="slide-up"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="whyus" data-section="whyus">
        <AboutMetric
          title="Why Choose Us: 25+ Years of Excellence in Local Service"
          useInvertedBackground={false}
          metrics={[
            { icon: Clock, label: "Average Response Time", value: "1 Hour" },
            { icon: Star, label: "Customer Satisfaction", value: "4.9/5 Stars" },
            { icon: Users, label: "Happy Customers", value: "5,000+" },
            { icon: Shield, label: "Warranty Coverage", value: "100%" },
          ]}
          metricsAnimation="slide-up"
        />
      </div>

      <div id="process" data-section="process">
        <FeatureCardNineteen
          title="Our Simple 4-Step Process"
          description="From initial contact to project completion, we make it easy and transparent"
          tag="How It Works"
          textboxLayout="default"
          useInvertedBackground={false}
          features={processSteps}
          tagAnimation="slide-up"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get Your Free Quote Today"
          description="Contact us now to schedule a consultation or request a free estimate. We respond within 24 hours and come prepared with solutions."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Full Name", required: true },
            { name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
            { name: "email", type: "email", placeholder: "Your Email Address", required: true },
            { name: "service", type: "text", placeholder: "Service Needed (e.g., Plumbing Repair)", required: true },
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your project. The more detail, the better we can help you.",            rows: 5,
            required: true,
          }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/attractive-young-businesswoman-looking-camera-female-team-le_1163-5313.jpg?_wi=10"
          imageAlt="Professional service team"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Get Free Quote"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Real reviews from homeowners and businesses who trust us with their service needs"
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={testimonials}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="About Us: Local Experts You Can Trust for 25+ Years"
          useInvertedBackground={false}
          metrics={[
            { icon: Award, label: "Years in Business", value: "25+" },
            { icon: MapPin, label: "Locally Owned", value: "Yes" },
            { icon: CheckCircle, label: "Licensed & Insured", value: "100%" },
            { icon: Heart, label: "Community Support", value: "Active" },
          ]}
          metricsAnimation="slide-up"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about our services, pricing, and process"
          tag="FAQ"
          textboxLayout="default"
          useInvertedBackground={false}
          faqs={faqs}
          faqsAnimation="slide-up"
          animationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={footerColumns}
          copyrightText="© 2025 Professional Local Services. Licensed, Insured, and Trusted in Your Community."
        />
      </div>
    </ThemeProvider>
  );
}
