"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Award, CheckCircle, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSizeMediumTitles"
      background="noise"
      cardStyle="subtle-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="JT Roofing"
          bottomLeftText="Available 24/7 for emergencies"
          bottomRightText="call@jtroofing.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="JT Roofing — Fast, Reliable, On Time Every Time"
          description="We know your time is valuable — that's why we complete every roofing job quickly and efficiently. From emergency repairs to full replacements, trust JT Roofing to deliver quality results without unnecessary delays."
          background={{ variant: "downward-rays-static" }}
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg",              alt: "JT Roofing professional team"
            }
          ]}
          avatarText="Trusted by 500+ homeowners and property managers"
          buttons={[
            { text: "Get a Free Estimate Today", href: "contact" },
            { text: "Learn More", href: "about" }
          ]}
          buttonAnimation="opacity"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Why Choose JT Roofing?"
          description={[
            "At JT Roofing, we understand that roof problems demand immediate attention. Whether you're facing storm damage, a leak during heavy rain, or planning a roof replacement, we prioritize speed without compromising quality.",            "Our team of certified, experienced professionals works efficiently to minimize disruption to your life or business. We handle everything from initial assessment to final inspection, ensuring your roofing project is completed on schedule, every single time.",            "With transparent pricing, upfront communication, and a commitment to excellence, JT Roofing has become the trusted choice for homeowners and property managers across the region."
          ]}
          showBorder={true}
          useInvertedBackground={false}
          buttons={[
            { text: "View Our Services", href: "services" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="By The Numbers"
          description="Our track record speaks to our commitment to speed, quality, and customer satisfaction."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          metrics={[
            {
              id: "1",              icon: Zap,
              title: "Average Project Time",              value: "3-5 Days"
            },
            {
              id: "2",              icon: CheckCircle,
              title: "On-Time Completion",              value: "99.2%"
            },
            {
              id: "3",              icon: Users,
              title: "Happy Customers",              value: "500+"
            },
            {
              id: "4",              icon: Award,
              title: "Years Experience",              value: "15+"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSixteen
          title="What Sets Us Apart"
          description="See how JT Roofing compares to traditional roofing contractors"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          negativeCard={{
            items: [
              "Long wait times for appointments",              "Unclear timelines and delays",              "Hidden fees and surprise costs",              "Limited communication during work"
            ]
          }}
          positiveCard={{
            items: [
              "Fast scheduling and quick response times",              "Guaranteed on-time project completion",              "Transparent, upfront pricing",              "Daily updates and direct communication"
            ]
          }}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="JT Roofing replaced our roof in just 4 days. Their team was professional, respectful, and we were blown away by how quickly they worked. No mess, no delays, and the quality is exceptional. Highly recommend!"
          rating={5}
          author="Sarah Mitchell, Homeowner"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              alt: "Sarah Mitchell"
            },
            {
              src: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              alt: "Customer"
            },
            {
              src: "https://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",              alt: "Customer"
            },
            {
              src: "https://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              alt: "Customer"
            }
          ]}
          ratingAnimation="opacity"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Get answers to common questions about our roofing services and process"
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="opacity"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How quickly can you respond to emergency repairs?",              content: "We offer 24/7 emergency response for storm damage and urgent repairs. Most emergency calls are addressed within 2-4 hours, depending on severity and location."
            },
            {
              id: "2",              title: "Do you provide free estimates?",              content: "Yes! We provide comprehensive free estimates for all roofing projects. Our team will inspect your roof, identify issues, and provide a detailed quote with no obligation."
            },
            {
              id: "3",              title: "What's your typical timeline for a full roof replacement?",              content: "Most full roof replacements take 3-5 days depending on roof size and complexity. We work efficiently to minimize disruption while maintaining superior quality standards."
            },
            {
              id: "4",              title: "Are your workers licensed and insured?",              content: "Absolutely. All our team members are certified, licensed, and fully insured. We carry comprehensive liability insurance for your protection and peace of mind."
            },
            {
              id: "5",              title: "What warranty do you offer?",              content: "We offer a 10-year warranty on workmanship and stand behind all materials used. We also work with manufacturers to ensure product warranties are honored."
            },
            {
              id: "6",              title: "Do you handle insurance claims?",              content: "Yes, we assist with insurance claims from start to finish. Our team can work directly with your insurance company to streamline the process and ensure you get fair coverage."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get Started"
          title="Ready for Fast, Reliable Roofing?"
          description="Contact JT Roofing today for a free estimate or emergency service. We're ready to tackle your roofing project with speed and professionalism."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="https://img.b2bpic.net/free-photo/three-men-looking-aside-construction-site_259150-57679.jpg"
          imageAlt="JT Roofing professional team at work"
          mediaPosition="right"
          inputPlaceholder="Enter your email for updates"
          buttonText="Get Free Estimate"
          termsText="We respect your privacy. Unsubscribe anytime. By subscribing, you agree to our Terms and Privacy Policy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/retro-black-alarm-clock-dissolving-into-little-particles-time-can-return-never-wait-anyone-time-management-concept_616485-70.jpg"
          imageAlt="JT Roofing footer background"
          logoText="JT Roofing"
          copyrightText="© 2025 JT Roofing. All rights reserved."
          columns={[
            {
              title: "Services",              items: [
                { label: "Emergency Repairs", href: "#services" },
                { label: "Roof Replacement", href: "#services" },
                { label: "Storm Damage", href: "#services" },
                { label: "Inspections", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "FAQs", href: "#faq" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "call@jtroofing.com", href: "mailto:call@jtroofing.com" },
                { label: "(555) 123-4567", href: "tel:+15551234567" },
                { label: "24/7 Emergency Line", href: "tel:+15551234567" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}