"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import AboutMetric from "@/components/sections/about/AboutMetric";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Award, CheckCircle, Handshake, MapPin, Phone, ShieldCheck, Star, TrendingUp, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Meridian Roofing"
          navItems={[
            { name: "Why Us", id: "why-us" },
            { name: "Services", id: "services" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Process", id: "process" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Schedule Inspection", href: "contact-cta" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Built to Last. Inspected with Integrity."
          description="Meridian's trusted, owner-operated roofing company. Full replacements. Honest inspections. Precision repairs. Brandon is on every job."
          tag="Premium Roofing"
          tagIcon={ShieldCheck}
          tagAnimation="slide-up"
          background={{ variant: "sparkles-gradient" }}
          buttons={[
            { text: "Schedule Your Roof Inspection", href: "contact-cta" },
            { text: "Request a Quote", href: "contact-cta" },
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/big-city-skyline-with-urban-skyscrapers-sunset-background_1127-3630.jpg?_wi=1",              imageAlt: "Golden hour roofline in Meridian"},
            {
              imageSrc: "http://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?_wi=1",              imageAlt: "Professional roof inspection"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=1",              imageAlt: "Quality roof replacement work"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg?_wi=1",              imageAlt: "Expert roof repair services"},
            {
              imageSrc: "http://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?_wi=2",              imageAlt: "Long-term roof maintenance"},
          ]}
          ariaLabel="Meridian Roofing hero section with carousel of roofing projects"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <AboutMetric
          title="Why Homeowners Trust Meridian Roofing"
          metricsAnimation="slide-up"
          useInvertedBackground={false}
          metrics={[
            { icon: Star, label: "5-Star Rated", value: "100%" },
            { icon: MapPin, label: "Locally Owned", value: "Meridian, ID" },
            { icon: CheckCircle, label: "Fully Licensed", value: "Insured" },
            { icon: Users, label: "Owner-Operated", value: "Brandon" },
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="A different company said I needed a $28,000 roof. Brandon inspected it thoroughly and told me I had 5–10 years left. That kind of honesty is rare. Brandon isn't a salesman — he's the owner and the one doing the work. That made all the difference."
          rating={5}
          author="Sarah Johnson, Homeowner"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg", alt: "Sarah Johnson" },
            { src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Michael Chen" },
            { src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Emily Rodriguez" },
            { src: "http://img.b2bpic.net/free-photo/serious-black-business-man-showing-thumb-up_1262-19385.jpg", alt: "David Kim" },
            { src: "http://img.b2bpic.net/free-photo/businessman-showing-thumbs-up-sign_93675-133117.jpg", alt: "Jessica Martinez" },
            { src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1633.jpg", alt: "Robert Thompson" },
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardNine
          title="Services Built on Integrity"
          description="Everything you need for a healthy, long-lasting roof. From honest inspections to complete replacements."
          tag="Services"
          tagAnimation="slide-up"
          features={[
            {
              id: 1,
              title: "Full Roof Replacement",              description: "Premium shingles. Clean installs. Long-term protection. We use high-quality materials and proven techniques to ensure your roof lasts decades.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=2"},
              phoneTwo: {
                imageSrc: "http://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?_wi=3"},
            },
            {
              id: 2,
              title: "Roof Repairs",              description: "Leak detection. Vent boot replacement. Storm damage repair. We fix the problem right, not just patch it over.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg?_wi=2"},
              phoneTwo: {
                imageSrc: "http://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?_wi=4"},
            },
            {
              id: 3,
              title: "Honest Roof Inspections",              description: "No pressure. No unnecessary replacements. Brandon evaluates your roof thoroughly and tells you exactly what you need.",              phoneOne: {
                imageSrc: "http://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?_wi=5"},
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/big-city-skyline-with-urban-skyscrapers-sunset-background_1127-3630.jpg?_wi=2"},
            },
          ]}
          showStepNumbers={true}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="why-us" data-section="why-us">
        <AboutMetric
          title="Integrity Over Sales. Decades of Excellence."
          metricsAnimation="slide-up"
          useInvertedBackground={true}
          metrics={[
            { icon: Handshake, label: "Owner on Every Job", value: "Brandon" },
            { icon: Zap, label: "Fast Response", value: "24-48hrs" },
            { icon: TrendingUp, label: "Extended Roof Life", value: "5-10 Years" },
            { icon: Award, label: "Competitive Pricing", value: "Fair & Honest" },
          ]}
        />
      </div>

      <div id="process" data-section="process">
        <FeatureCardNine
          title="Our Simple, Transparent Process"
          description="Three straightforward steps from inspection to completion."
          features={[
            {
              id: 1,
              title: "Schedule Your Inspection",              description: "Call or book online. Brandon responds quickly. We'll arrange a time that works for you.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/big-city-skyline-with-urban-skyscrapers-sunset-background_1127-3630.jpg?_wi=3"},
              phoneTwo: {
                imageSrc: "http://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?_wi=6"},
            },
            {
              id: 2,
              title: "Detailed Honest Assessment",              description: "Brandon personally inspects your roof. You get a full report: what's needed, what can wait, true costs.",              phoneOne: {
                imageSrc: "http://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?_wi=7"},
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg?_wi=3"},
            },
            {
              id: 3,
              title: "Repair or Replace — Only If Necessary",              description: "We execute with precision. Clean job sites. Quality materials. Follow-up to ensure everything is perfect.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=3"},
              phoneTwo: {
                imageSrc: "http://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?_wi=8"},
            },
          ]}
          showStepNumbers={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact-cta" data-section="contact-cta">
        <ContactFaq
          ctaTitle="Know the Truth About Your Roof"
          ctaDescription="Get a professional inspection from someone who puts integrity first. Brandon answers your questions directly."
          ctaButton={{ text: "Book My Inspection", href: "tel:+1-208-000-0000" }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",              title: "How much does a roof inspection cost?",              content: "Inspections are complimentary. Brandon provides a thorough assessment and honest recommendation at no charge."},
            {
              id: "2",              title: "Do I really need a new roof?",              content: "That's what we determine together. Brandon will tell you if your roof has 10+ years left. We repair first, replace only when necessary."},
            {
              id: "3",              title: "How quickly can you get to me?",              content: "We aim for 24–48 hour response on inspection requests. Emergency repairs are prioritized same-day when possible."},
            {
              id: "4",              title: "Are you licensed and insured?",              content: "Yes. Fully licensed and insured in Idaho. All workers are background-checked and trained professionals."},
            {
              id: "5",              title: "What warranty comes with your work?",              content: "We stand behind our work with comprehensive warranties on materials and labor. Ask about details during your consultation."},
            {
              id: "6",              title: "Do you work with insurance claims?",              content: "Absolutely. Brandon has extensive experience with insurance inspections and claim documentation for storm damage."},
          ]}
          useInvertedBackground={true}
          animationType="slide-up"
          accordionAnimationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Services",              items: [
                { label: "Roof Replacement", href: "services" },
                { label: "Roof Repairs", href: "services" },
                { label: "Inspections", href: "services" },
                { label: "Maintenance", href: "services" },
              ],
            },
            {
              title: "Company",              items: [
                { label: "About Brandon", href: "why-us" },
                { label: "Our Process", href: "process" },
                { label: "Testimonials", href: "testimonials" },
                { label: "Contact", href: "contact-cta" },
              ],
            },
            {
              title: "Local",              items: [
                { label: "Meridian, Idaho", href: "#" },
                { label: "Licensed & Insured", href: "#" },
                { label: "5-Star Rated", href: "#" },
                { label: "Book Inspection", href: "contact-cta" },
              ],
            },
          ]}
          copyrightText="© 2025 Meridian Roofing. Built to last. Inspected with integrity."
        />
      </div>
    </ThemeProvider>
  );
}
