"use client";

import { Shield, Award, Star, DollarSign, AlertCircle, Wrench, CheckCircle, MapPin, Phone, MessageSquare } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="fluid"
      cardStyle="glass-elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Catamount Tree Service"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "About", id: "/about" },
            { name: "Reviews", id: "/reviews" },
            { name: "Contact", id: "/contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Safe, Professional Tree Removal in Williamstown, VT"
          description="4.9-Star Rated • 24/7 Emergency Service • Free Estimates • Locally Owned"
          tag="Expert Local Service"
          tagIcon={Shield}
          background={{ variant: "sparkles-gradient" }}
          buttons={[
            { text: "📞 Call Now: (802) 473-2606", href: "tel:(802)4732606" },
            { text: "Get Free Estimate", href: "/contact" }
          ]}
          mediaItems={[
            { imageSrc: "https://img.b2bpic.net/free-photo/outdoor-shot-logger-having-rest-open-air-after-cutting-trees_176532-14596.jpg", imageAlt: "Professional tree removal in progress near residential home" },
            { imageSrc: "https://img.b2bpic.net/free-photo/climber-looking-his-carabiners_23-2147665142.jpg", imageAlt: "Skilled arborist using professional equipment for tree cutting" },
            { imageSrc: "https://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22880.jpg", imageAlt: "Emergency storm damage tree removal service" },
            { imageSrc: "https://img.b2bpic.net/free-photo/outdoor-shot-logger-having-rest-open-air-after-cutting-trees_176532-14596.jpg", imageAlt: "Professional tree service crew with safety equipment" },
            { imageSrc: "https://img.b2bpic.net/free-photo/garden-tools-leaning-pine-tree-garden-garden-space-cleaning-outdoor-park-copy-space-with-garden-tools-necessary-ongoing-maintenance-park-public-space_166373-8646.jpg", imageAlt: "Before and after tree removal transformation" }
          ]}
        />
      </div>

      <div id="why-us" data-section="why-us">
        <SplitAbout
          title="Why Choose Catamount Tree Service"
          description="We're Vermont's most trusted local tree service. With nearly 80 five-star reviews and a 4.9 rating, homeowners know they can count on us for safe, fair-priced work."
          tag="Local Experts"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground={false}
          mediaAnimation="slide-up"
          bulletPoints={[
            {
              title: "4.9-Star Rated",              description: "78 verified reviews from satisfied Williamstown homeowners",              icon: Star
            },
            {
              title: "Fair & Transparent Pricing",              description: "No hidden fees. Competitive rates for quality work you can trust",              icon: DollarSign
            },
            {
              title: "24/7 Emergency Service",              description: "Storm damage or hazardous trees? We're here around the clock",              icon: AlertCircle
            },
            {
              title: "Professional Equipment",              description: "Latest tools and safety gear for efficient, damage-free removal",              icon: Wrench
            },
            {
              title: "Thorough Cleanup",              description: "Complete debris removal and site restoration every time",              icon: CheckCircle
            },
            {
              title: "Locally Owned & Operated",              description: "Serving Williamstown and surrounding Vermont communities since day one",              icon: MapPin
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/outdoor-shot-logger-having-rest-open-air-after-cutting-trees_176532-14596.jpg"
          imageAlt="Professional Catamount Tree Service crew ready for work"
          imagePosition="right"
          buttons={[
            { text: "Get Your Free Quote Today", href: "/contact" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSixteen
          title="Our Services"
          description="Complete tree care solutions for residential properties in Williamstown, VT and surrounding communities"
          tag="Service Solutions"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          negativeCard={{
            items: [
              "Dangerous trees near your home",              "Overgrown branches damaging property",              "Disease or pest-infested trees",              "Poor tree health and decline",              "Storm damage concerns"
            ]
          }}
          positiveCard={{
            items: [
              "Tree Removal - Safe & Complete",              "Tree Trimming & Pruning - Expert Care",              "Emergency Storm Damage Service",              "Shrub & Small Tree Removal",              "Site Cleanup & Debris Removal"
            ]
          }}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Williamstown Homeowners"
          description="Serving residential properties across Central Vermont with professional, reliable tree care"
          tag="Trusted Service"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Williamstown Homeowners",            "Property Managers",            "Local Businesses",            "Residential Contractors",            "Landscape Designers",            "Insurance Companies",            "Municipal Services",            "Estate Owners"
          ]}
          showCard={true}
          speed={40}
        />
      </div>

      <div id="process" data-section="process">
        <MetricCardThree
          title="Our Simple 3-Step Process"
          description="From initial contact to final cleanup, we make tree removal easy and transparent"
          tag="How We Work"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          metrics={[
            {
              id: "1",              icon: Phone,
              title: "Call or Request",              value: "Step 1"
            },
            {
              id: "2",              icon: MapPin,
              title: "On-Site Quote",              value: "Step 2"
            },
            {
              id: "3",              icon: CheckCircle,
              title: "Safe Removal",              value: "Step 3"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="4.9-Star Rated Service - 78+ Five-Star Reviews from Satisfied Homeowners"
          cardTag="See what they say"
          cardTagIcon={MessageSquare}
          cardAnimation="slide-up"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "Sarah M.",              imageSrc: "https://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",              imageAlt: "Sarah M., satisfied customer"
            },
            {
              id: "2",              name: "Michael T.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",              imageAlt: "Michael T., satisfied customer"
            },
            {
              id: "3",              name: "Jennifer L.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "Jennifer L., satisfied customer"
            },
            {
              id: "4",              name: "David R.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-9949.jpg",              imageAlt: "David R., satisfied customer"
            },
            {
              id: "5",              name: "Karen B.",              imageSrc: "https://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg",              imageAlt: "Karen B., satisfied customer"
            },
            {
              id: "6",              name: "James W.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cute-barista-girl_23-2148436121.jpg",              imageAlt: "James W., satisfied customer"
            }
          ]}
        />
      </div>

      <FooterBaseReveal
        columns={[
          {
            title: "Services",            items: [
              { label: "Tree Removal", href: "/services" },
              { label: "Tree Trimming", href: "/services" },
              { label: "Emergency Service", href: "/services" },
              { label: "Storm Cleanup", href: "/services" }
            ]
          },
          {
            title: "Company",            items: [
              { label: "About Us", href: "/about" },
              { label: "Reviews", href: "/reviews" },
              { label: "Service Area", href: "/services" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Contact",            items: [
              { label: "📞 (802) 473-2606", href: "tel:(802)4732606" },
              { label: "1774 Baptist St, Williamstown, VT 05679", href: "https://maps.google.com/?q=1774+Baptist+St+Williamstown+VT+05679" },
              { label: "Available 24/7", href: "/contact" }
            ]
          }
        ]}
        copyrightText="© 2025 Catamount Tree Service. All rights reserved. | Serving Central Vermont"
      />
    </ThemeProvider>
  );
}