"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { CheckCircle, Droplets, Wrench, Layers, Home, Shield, Clock, Eye, MessageSquare, Zap, TrendingUp, Star, HelpCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumLarge"
      background="noiseDiagonalGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="RBM's Attic Solutions"
          navItems={[
            { name: "Home", id: "#" },
            { name: "Services", id: "services" },
            { name: "Reviews", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="Premium Attic, Insulation & Roofing Services in Essex Junction, VT"
          description="Detailed inspections, clear communication, efficient repairs, and high-quality work that improves comfort, air quality, and peace of mind."
          background={{ variant: "plain" }}
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/woman-drinking-water-while-man-paints-wall-their-new-home_23-2149086876.jpg", alt: "Professional attic cleaning service" },
            { src: "https://img.b2bpic.net/free-photo/carpenter-man-working-wood_23-2148748789.jpg", alt: "Expert insulation work" },
            { src: "https://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", alt: "Quality roofing solutions" }
          ]}
          avatarText="Trusted by Essex Junction Homeowners"
          buttons={[
            { text: "Request Free Estimate", href: "#contact" },
            { text: "Call Now", href: "tel:+1-802-000-0000" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureHoverPattern
          title="Complete Home Protection From the Top Down"
          description="Comprehensive solutions for attic, insulation, and roofing needs—all delivered with the professionalism and attention to detail Essex Junction homeowners deserve."
          tag="Our Services"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          features={[
            {
              icon: Droplets,
              title: "Attic Cleaning",              description: "Deep attic cleaning to remove dust, debris, and buildup that can affect air quality and insulation performance."
            },
            {
              icon: Wrench,
              title: "Attic Repair",              description: "Targeted repairs with thorough inspection and clear explanations so homeowners understand what needs to be fixed and why."
            },
            {
              icon: Layers,
              title: "Insulation Services",              description: "Insulation improvements that help regulate temperature, improve comfort, and support a healthier indoor environment."
            },
            {
              icon: Home,
              title: "Roofing Services",              description: "Dependable roofing service designed to protect your home with durable workmanship and professional care."
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="trust-section" data-section="trust-section">
        <FeatureHoverPattern
          title="Why Homeowners Trust RBM's"
          description="At RBM's, we believe homeowners deserve honest answers and quality workmanship. We take the time to inspect thoroughly, explain issues clearly, and complete work efficiently."
          tag="Our Commitment"
          tagIcon={Shield}
          tagAnimation="slide-up"
          features={[
            {
              icon: Clock,
              title: "Punctual & Professional",              description: "We respect your time and deliver reliable service on schedule, every time."
            },
            {
              icon: Eye,
              title: "Detailed Inspections",              description: "We inspect every attic area thoroughly, not just the obvious spots, to identify real issues."
            },
            {
              icon: MessageSquare,
              title: "Clear Communication",              description: "We explain issues in plain language so you understand what needs fixing and why."
            },
            {
              icon: Zap,
              title: "Efficient Work",              description: "We complete repairs efficiently while maintaining the highest quality standards."
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="process" data-section="process">
        <MetricCardTwo
          title="A Clear Process. No Guesswork."
          description="We believe transparency builds trust. Here's how we work with you from start to finish."
          tag="Our Approach"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          metrics={[
            { id: "1", value: "01", description: "Inspect" },
            { id: "2", value: "02", description: "Explain" },
            { id: "3", value: "03", description: "Restore" },
            { id: "4", value: "04", description: "Improve" }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Customers Are Saying"
          description="Real feedback from Essex Junction homeowners who've experienced RBM's service and expertise."
          tag="Testimonials"
          tagIcon={Star}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Mareah Morre",              handle: "Essex Junction Homeowner",              testimonial: "The service was outstanding. Henry was punctual, inspected every attic area, explained the issues clearly, and repairs were completed efficiently. I noticed immediate improvement in air quality and insulation.",              imageSrc: "https://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg",              imageAlt: "Mareah Morre"
            },
            {
              id: "2",              name: "Robert Sullivan",              handle: "Verified Customer",              testimonial: "Professional and thorough. They didn't oversell services—just gave honest recommendations based on what my home actually needed. Great communication throughout.",              imageSrc: "https://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg",              imageAlt: "Customer testimonial"
            },
            {
              id: "3",              name: "Jennifer Walsh",              handle: "Home Improvement Trust",              testimonial: "Finally found a contractor I trust. They took time to explain everything, worked efficiently, and the quality speaks for itself. Highly recommended for Essex Junction.",              imageSrc: "https://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg",              imageAlt: "Customer testimonial"
            },
            {
              id: "4",              name: "Michael Chen",              handle: "Energy Conscious Homeowner",              testimonial: "Excellent service and real results. My energy bills are noticeably lower and the house is more comfortable. Worth every penny.",              imageSrc: "https://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg",              imageAlt: "Customer testimonial"
            },
            {
              id: "5",              name: "Sarah Johnson",              handle: "Verified Customer",              testimonial: "Quick, professional, and honest. No pressure tactics—just solid advice and excellent workmanship. Exactly what you want from a contractor.",              imageSrc: "https://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg",              imageAlt: "Customer testimonial"
            },
            {
              id: "6",              name: "David Kingsford",              handle: "Property Owner",              testimonial: "Outstanding attention to detail. They treated my home with respect and delivered results that exceed expectations. Will definitely use again.",              imageSrc: "https://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg",              imageAlt: "Customer testimonial"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          speed={40}
          topMarqueeDirection="left"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our attic, insulation, and roofing services."
          tag="FAQs"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "What services do you offer?",              content: "We provide comprehensive attic cleaning, attic repair, insulation services, and roofing work. Each service is tailored to improve your home's comfort, air quality, and energy efficiency while protecting your investment."
            },
            {
              id: "2",              title: "Do you provide free estimates?",              content: "Yes. We offer free inspections and detailed estimates. We'll inspect your attic and roofing areas thoroughly, explain what we find in plain language, and provide honest recommendations with clear pricing."
            },
            {
              id: "3",              title: "How do I know if my attic needs cleaning or repair?",              content: "Signs include poor air quality, unexpected drafts, uneven room temperatures, visible dust or debris in the attic, moisture or water stains, and rising energy bills. If you notice any of these, contact us for a free inspection."
            },
            {
              id: "4",              title: "Can insulation really improve comfort and air quality?",              content: "Absolutely. Proper attic insulation and sealing reduces drafts, helps regulate temperature, and improves overall air flow throughout your home. Most homeowners notice a difference immediately and see lower energy bills within months."
            },
            {
              id: "5",              title: "How long does service usually take?",              content: "Timeline depends on the scope of work. We'll provide a clear estimate and timeline during the inspection. We focus on efficient, high-quality work without rushing—your satisfaction is our priority."
            },
            {
              id: "6",              title: "Do you serve areas outside Essex Junction?",              content: "We primarily serve Essex Junction and surrounding Chittenden County areas. Contact us to confirm service availability for your specific location."
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Request Your Free Estimate"
          ctaDescription="Tell us what you need, and we'll get back to you with transparent recommendations and clear next steps."
          ctaButton={{ text: "Get Your Free Estimate", href: "#contact-form" }}
          ctaIcon={CheckCircle}
          faqs={[
            {
              id: "1",              title: "Why should I choose RBM's?",              content: "<ul><li>Professional, punctual service you can trust</li><li>Thorough inspections with clear explanations</li><li>Honest recommendations without pressure</li><li>High-quality workmanship that delivers real results</li><li>Local Essex Junction expertise</li></ul>"
            },
            {
              id: "2",              title: "What's your service area?",              content: "We serve Essex Junction, VT and surrounding Chittenden County areas. Contact us to confirm availability for your specific location or to discuss service options."
            },
            {
              id: "3",              title: "How do I get started?",              content: "Simply fill out the contact form or call us to schedule a free inspection. We'll visit your home, assess your needs, explain what we find, and provide a detailed estimate with no obligation."
            }
          ]}
          animationType="slide-up"
          useInvertedBackground={false}
          accordionAnimationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Services",              items: [
                { label: "Attic Cleaning", href: "#services" },
                { label: "Attic Repair", href: "#services" },
                { label: "Insulation", href: "#services" },
                { label: "Roofing", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About", href: "#trust-section" },
                { label: "Contact", href: "#contact" },
                { label: "Reviews", href: "#testimonials" },
                { label: "FAQ", href: "#faq" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Contact Us", href: "#contact" }
              ]
            }
          ]}
          bottomLeftText="© 2025 RBM's Attic Solutions, Insulation & Roofing. All rights reserved. Essex Junction, VT"
          bottomRightText="Built for healthier, more comfortable homes."
        />
      </div>
    </ThemeProvider>
  );
}