"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import SplitAbout from '@/components/sections/about/SplitAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Wrench, Cloud, Home, Zap, CheckCircle, AlertCircle, ImageIcon, DollarSign, Briefcase, Phone, Award } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Roof Repair LLC"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Areas We Serve", id: "areas" },
            { name: "Reviews", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Licensed & Insured"
          bottomRightText="1-800-ROOF-FIX"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="Fast, Reliable Roof Repairs—Done Right"
          description="Emergency repairs, leak fixes, storm damage, and honest pricing. Same-week scheduling with licensed & insured professionals you can trust."
          background={{ variant: "downward-rays-static" }}
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", alt: "Customer testimonial" },
            { src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", alt: "Customer testimonial" },
            { src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", alt: "Customer testimonial" }
          ]}
          avatarText="1000+ Satisfied Homeowners"
          buttons={[
            { text: "Get Free Estimate", href: "contact" },
            { text: "Call Now: 1-800-ROOF-FIX", href: "tel:1-800-7663-3499" }
          ]}
          buttonAnimation="slide-up"
          className="hero-section"
          containerClassName="px-6 py-20"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureHoverPattern
          title="Our Services"
          description="Complete roofing solutions for residential properties, from emergency repairs to full replacements."
          tag="Services"
          tagAnimation="slide-up"
          features={[
            {
              icon: Wrench,
              title: "Leak Repair",              description: "Fast identification and permanent fixes for roof leaks before they cause structural damage."
            },
            {
              icon: Cloud,
              title: "Storm Damage Repair",              description: "Expert assessment and restoration after severe weather, hail, or high winds."
            },
            {
              icon: Home,
              title: "Shingle Replacement",              description: "Professional shingle installation with premium materials and warranty coverage."
            },
            {
              icon: Zap,
              title: "Flashing & Vent Repairs",              description: "Seal gaps and vulnerabilities around vents, chimneys, and roof penetrations."
            },
            {
              icon: CheckCircle,
              title: "Roof Inspections",              description: "Thorough inspections to identify damage, assess lifespan, and plan maintenance."
            },
            {
              icon: AlertCircle,
              title: "Emergency Roofing",              description: "24/7 emergency response for urgent repairs, tarping, and temporary fixes."
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gradientClassName="bg-gradient-to-r from-primary-cta to-accent"
        />
      </div>

      <div id="why-choose-us" data-section="why-choose-us">
        <SplitAbout
          title="Why Homeowners Choose Roof Repair LLC"
          description="With years of local expertise and a commitment to quality, we're the trusted choice for roofing in the area."
          tag="About Us"
          tagAnimation="slide-up"
          bulletPoints={[
            {
              icon: Zap,
              title: "Fast Response Times",              description: "Same-week scheduling for non-emergencies, 24-hour emergency availability."
            },
            {
              icon: ImageIcon,
              title: "Before & After Documentation",              description: "Professional photo records of every project to show quality and craftsmanship."
            },
            {
              icon: DollarSign,
              title: "Fair, Transparent Estimates",              description: "Honest pricing with no hidden fees. Free inspections and detailed quotes."
            },
            {
              icon: Briefcase,
              title: "Clean Job Sites",              description: "Professional work areas, debris cleanup, and respect for your property."
            },
            {
              icon: Phone,
              title: "Clear Communication",              description: "Regular updates throughout the project and responsive customer support."
            },
            {
              icon: Award,
              title: "Workmanship Warranty",              description: "Guaranteed quality with comprehensive warranty on all materials and labor."
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/men-standing-brick-wall-building-construction_259150-57715.jpg"
          imageAlt="Roof Repair LLC team"
          mediaAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          imagePosition="right"
        />
      </div>

      <div id="process" data-section="process">
        <MetricCardSeven
          title="Our Simple 4-Step Process"
          description="From inspection to final walkthrough, we handle every detail with professionalism and care."
          tag="How We Work"
          tagAnimation="slide-up"
          metrics={[
            {
              id: "1",              value: "Step 1",              title: "Free Roof Inspection",              items: [
                "Visual exterior assessment",                "Interior attic check if needed",                "Damage documentation"
              ]
            },
            {
              id: "2",              value: "Step 2",              title: "Detailed Written Quote",              items: [
                "Materials & labor breakdown",                "Timeline estimate",                "Warranty information"
              ]
            },
            {
              id: "3",              value: "Step 3",              title: "Professional Repair",              items: [
                "Licensed contractor supervision",                "Quality material installation",                "Safety compliance"
              ]
            },
            {
              id: "4",              value: "Step 4",              title: "Final Walkthrough",              items: [
                "Client inspection & sign-off",                "Cleanup completion",                "Project documentation"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Roof Repair LLC saved us from a major water leak during a storm. Their crew was professional, fast, and the quality of work was exceptional. Highly recommended!"
          rating={5}
          author="Jennifer Martinez, Homeowner"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", alt: "Jennifer Martinez" },
            { src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", alt: "Customer" },
            { src: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", alt: "Customer" },
            { src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", alt: "Customer" },
            { src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", alt: "Customer" },
            { src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", alt: "Customer" }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
          className="testimonial-section-centered"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Local Homeowners"
          description="Insurance companies and contractors across the region rely on our expertise."
          tag="Industry Partners"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          names={[
            "Nationwide Insurance",            "State Farm",            "GEICO",            "All State",            "Progressive Insurance",            "Home Depot Pro",            "Contractor Association",            "Better Business Bureau"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Get answers to common questions about our roofing services, pricing, and process."
          tag="FAQ"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          faqs={[
            {
              id: "1",              title: "How much does roof repair typically cost?",              content: "Roof repair costs vary based on damage extent, roof type, and materials needed. Minor repairs range from $300-$1,000, while more extensive work may cost $2,000-$5,000+. We provide free inspections and detailed estimates with no hidden fees."
            },
            {
              id: "2",              title: "How long does a roof repair take?",              content: "Most repairs take 1-3 days depending on complexity. Minor leaks might be completed in a few hours. We always provide a timeline estimate upfront and keep you informed of progress."
            },
            {
              id: "3",              title: "Do you handle insurance claims?",              content: "Yes! We work directly with insurance companies and can help with the claims process. We provide detailed documentation, photos, and estimates to support your claim."
            },
            {
              id: "4",              title: "Do you offer emergency roofing services?",              content: "Absolutely. We offer 24/7 emergency response for storm damage, leaks, and urgent repairs. Call 1-800-ROOF-FIX anytime for immediate assistance."
            },
            {
              id: "5",              title: "What materials do you use?",              content: "We use premium materials including architectural shingles, metal roofing, and professional-grade sealants. All materials come with manufacturer warranties, and our work includes a comprehensive labor warranty."
            },
            {
              id: "6",              title: "How often should I have my roof inspected?",              content: "We recommend annual inspections, especially after severe weather. Regular inspections catch small issues before they become costly repairs and extend your roof's lifespan."
            },
            {
              id: "7",              title: "Are you licensed and insured?",              content: "Yes, we are fully licensed, insured, and bonded. All our technicians are certified professionals trained in safety and quality workmanship."
            },
            {
              id: "8",              title: "What areas do you serve?",              content: "We serve the greater metropolitan area with same-day response for emergencies. Contact us to confirm service availability for your location."
            }
          ]}
          faqsAnimation="slide-up"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Schedule Your Free Estimate Today"
          ctaDescription="Let's assess your roof and provide a detailed, transparent quote with no obligations."
          ctaButton={{ text: "Get Free Estimate", href: "tel:1-800-7663-3499" }}
          ctaIcon={Phone}
          useInvertedBackground={false}
          animationType="slide-up"
          accordionAnimationType="smooth"
          faqs={[
            {
              id: "1",              title: "What's included in a free estimate?",              content: "Our free estimates include a thorough roof inspection, damage assessment, materials review, labor costs, timeline, and warranty information. No pressure, no hidden fees."
            },
            {
              id: "2",              title: "How do I schedule an inspection?",              content: "Call us at 1-800-ROOF-FIX or fill out our online form. We offer same-week appointments for most areas and can schedule emergency visits 24/7."
            },
            {
              id: "3",              title: "Do you offer payment plans?",              content: "Yes, we work with homeowners on flexible payment options. Speak with our team about financing solutions that fit your budget."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/worker-with-level-building-roof-house_23-2148748855.jpg"
          imageAlt="Professional roofing work"
          logoText="Roof Repair LLC"
          copyrightText="© 2025 Roof Repair LLC. Licensed & Insured. All rights reserved."
          columns={[
            {
              title: "Services",              items: [
                { label: "Leak Repair", href: "#services" },
                { label: "Storm Damage", href: "#services" },
                { label: "Shingle Replacement", href: "#services" },
                { label: "Emergency Roofing", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#why-choose-us" },
                { label: "Our Process", href: "#process" },
                { label: "Reviews", href: "#testimonials" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "1-800-ROOF-FIX", href: "tel:1-800-7663-3499" },
                { label: "Emergency: 24/7", href: "tel:1-800-7663-3499" },
                { label: "Privacy Policy", href: "#" },
                { label: "License & Insurance", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}