"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { CheckCircle, Phone, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Catamount Tree Service"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Expert Tree Service in Williamstown, VT"
          description="Professional tree removal, trimming, and stump grinding with same-day emergency response. Licensed, insured, and certified arborists serving the community for 20+ years."
          tag="Local Experts"
          tagIcon={CheckCircle}
          buttons={[
            { text: "Call Now", href: "tel:+15184496789" },
            { text: "Get Free Quote" }
          ]}
          background={{ variant: "plain" }}
          carouselItems={[
            {
              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-lumberjack-woodcutter-standing-by-tree-trunk-woods-holding-chainsaw_342744-251.jpg",              imageAlt: "Professional tree removal service"
            },
            {
              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/man-having-game-golf-outdoors-field_23-2150551608.jpg",              imageAlt: "Expert tree trimming and pruning"
            },
            {
              id: "3",              imageSrc: "https://img.b2bpic.net/free-photo/man-prepares-climb-ropes-park_1304-4993.jpg",              imageAlt: "Stump grinding and removal"
            },
            {
              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-park-ranger-woods_23-2149309592.jpg",              imageAlt: "Emergency storm damage response"
            },
            {
              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/young-man-traveler-with-backpack-mountain-enjoying-with-nature-around-travel-lifestyle-concept_1150-1982.jpg",              imageAlt: "Tree health assessment and care"
            },
            {
              id: "6",              imageSrc: "https://img.b2bpic.net/free-photo/outdoor-shot-logger-having-rest-open-air-after-cutting-trees_176532-14596.jpg",              imageAlt: "Catamount Tree Service professionals"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureProcessSteps
          title="How We Keep Your Property Safe"
          description="From initial assessment to final cleanup, we handle every step with expertise and care. Our certified arborists follow industry standards and local regulations."
          tag="Our Process"
          tagIcon={Sparkles}
          steps={[
            {
              number: "01",              title: "Free Site Assessment",              description: "We visit your property to evaluate tree health, hazards, and your specific needs. No obligation, no pressure.",              tag: "30 mins"
            },
            {
              number: "02",              title: "Detailed Quote & Planning",              description: "Transparent pricing with written estimates. We explain our approach and answer all your questions before any work begins.",              tag: "Same day"
            },
            {
              number: "03",              title: "Professional Service",              description: "Our licensed crew executes the work safely using modern equipment. We maintain the highest safety standards and clean up fully.",              tag: "Fully insured"
            },
            {
              number: "04",              title: "Site Restoration",              description: "Complete cleanup and debris removal. Your property looks better than before we arrived. Chipping and haul-away included.",              tag: "100% clean"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Why Choose Catamount"
          description="Trusted by hundreds of satisfied homeowners and businesses throughout the region."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              id: "1",              value: "500+",              title: "Trees Safely Removed",              items: [
                "All sizes and species handled",                "Storm-damaged trees our specialty",                "Same-day emergency response available"
              ]
            },
            {
              id: "2",              value: "4.9★",              title: "Average Customer Rating",              items: [
                "100+ verified reviews",                "98% recommend to friends",                "Local reputation built on trust"
              ]
            },
            {
              id: "3",              value: "20+",              title: "Years in Business",              items: [
                "Licensed and insured",                "Certified ISA arborists",                "Family-owned and operated"
              ]
            },
            {
              id: "4",              value: "24/7",              title: "Emergency Availability",              items: [
                "Storm damage specialists",                "Quick response time",                "Never a wait during crisis"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Trusted by Williamstown Homeowners"
          description="Real feedback from neighbors and local businesses who've experienced our service firsthand."
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Homeowner",              company: "Williamstown",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg",              imageAlt: "Sarah Mitchell, satisfied customer"
            },
            {
              id: "2",              name: "Michael Chen",              role: "Property Manager",              company: "Local Estates",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Michael Chen, property manager"
            },
            {
              id: "3",              name: "Jennifer Rodriguez",              role: "Homeowner",              company: "East Williamstown",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg",              imageAlt: "Jennifer Rodriguez, satisfied homeowner"
            },
            {
              id: "4",              name: "David Thompson",              role: "Business Owner",              company: "Main Street Retail",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg",              imageAlt: "David Thompson, business owner"
            },
            {
              id: "5",              name: "Emily Bradford",              role: "Homeowner",              company: "North End Estates",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Emily Bradford, homeowner"
            },
            {
              id: "6",              name: "Robert Anderson",              role: "Facility Director",              company: "Local School District",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-face-gorgeous-latin-american-woman_1262-5766.jpg",              imageAlt: "Robert Anderson, facility director"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Get Your Free Tree Assessment"
          ctaDescription="Call us today or submit a quick form. Same-day response guaranteed for emergencies."
          ctaButton={{
            text: "Call (518) 449-6789",            href: "tel:+15184496789"
          }}
          ctaIcon={Phone}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "How quickly can you respond to emergency calls?",              content: "We offer 24/7 emergency response for storm damage, hazardous trees, or urgent situations. Most emergency calls are addressed within 2-4 hours during business hours, and we can often arrange same-day assessment."
            },
            {
              id: "2",              title: "Are you fully licensed and insured?",              content: "Yes, absolutely. Catamount Tree Service is fully licensed by the State of Vermont, carries comprehensive general liability and workers' compensation insurance, and all our crew members are trained and insured."
            },
            {
              id: "3",              title: "Do you offer stump removal and grinding?",              content: "We specialize in complete stump removal and grinding services. We can grind stumps flush with the ground or remove them entirely, and we'll fully clear all debris from your property."
            },
            {
              id: "4",              title: "What areas do you serve?",              content: "We proudly serve Williamstown and all surrounding towns in the North Country region of Vermont. We handle both residential and commercial properties of any size."
            },
            {
              id: "5",              title: "How do I get a free quote?",              content: "Simply call us at (518) 449-6789 or fill out our online form. We'll schedule a convenient time to visit your property, assess the work needed, and provide a transparent written estimate."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Catamount Tree Service"
          columns={[
            {
              title: "Services",              items: [
                { label: "Tree Removal", href: "#services" },
                { label: "Tree Trimming", href: "#services" },
                { label: "Stump Grinding", href: "#services" },
                { label: "Emergency Response", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Call: (518) 449-6789", href: "tel:+15184496789" },
                { label: "Email: info@catamounttree.com", href: "mailto:info@catamounttree.com" },
                { label: "Williamstown, VT", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Catamount Tree Service. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}