"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Clock, MapPin, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeMediumTitles"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Catamount"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Why Us", id: "features" },
            { name: "Reviews", id: "testimonials" }
          ]}
          button={{
            text: "Call Now: (802) 473-2606",            href: "tel:+18024732606"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="CATAMOUNT"
          description="Emergency tree service available 24/7. Professional removal, trimming, and maintenance serving Williamstown, VT. 4.9★ rated with 78 customer reviews."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Call: (802) 473-2606", href: "tel:+18024732606" },
            { text: "Request Quote", href: "#contact" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/closeup-lumberjack-with-chainsaw-forest_181624-59761.jpg"
          imageAlt="Professional tree removal service in action"
          frameStyle="card"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSeven
          title="Our Tree Services"
          description="Comprehensive tree care solutions for your property"
          tag="Services"
          features={[
            {
              id: 1,
              title: "Tree Removal",              description: "Safe and complete tree removal with professional cleanup. We handle hazardous, dead, and unwanted trees of any size.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-lumberjack-with-chainsaw-forest_181624-59761.jpg",              imageAlt: "Professional tree removal service"
            },
            {
              id: 2,
              title: "Tree Trimming & Pruning",              description: "Expert trimming and pruning to maintain tree health, improve appearance, and enhance property safety.",              imageSrc: "https://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22887.jpg",              imageAlt: "Tree trimming and maintenance"
            },
            {
              id: 3,
              title: "Emergency Tree Service",              description: "Available 24/7 for emergency tree removal after storms or hazardous situations. Rapid response to protect your property.",              imageSrc: "https://img.b2bpic.net/free-photo/asian-man-cutting-trees-using-electrical-chainsaw_1150-5896.jpg",              imageAlt: "Emergency storm damage tree removal"
            },
            {
              id: 4,
              title: "Tree Maintenance",              description: "Ongoing tree health care including disease treatment, pest management, and seasonal maintenance programs.",              imageSrc: "https://img.b2bpic.net/free-photo/outdoor-shot-logger-having-rest-open-air-after-cutting-trees_176532-14596.jpg",              imageAlt: "Professional tree maintenance and care"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Trusted Local Service"
          description="Why Williamstown homeowners choose Catamount Tree Service"
          metrics={[
            {
              id: "1",              value: "4.9",              title: "stars",              description: "Customer rating across 78 verified reviews",              icon: Star
            },
            {
              id: "2",              value: "24/7",              title: "available",              description: "Emergency response for urgent tree needs",              icon: Clock
            },
            {
              id: "3",              value: "100%",              title: "local",              description: "Serving Williamstown and surrounding areas",              icon: MapPin
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="What Our Customers Say"
          description="Real reviews from satisfied homeowners throughout Williamstown"
          tag="Customer Reviews"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Homeowner",              company: "Williamstown",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",              imageAlt: "Sarah Mitchell review"
            },
            {
              id: "2",              name: "John Richardson",              role: "Property Manager",              company: "Williamstown",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "John Richardson review"
            },
            {
              id: "3",              name: "Emily Thompson",              role: "Business Owner",              company: "Williamstown",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "Emily Thompson review"
            },
            {
              id: "4",              name: "Robert Chen",              role: "Resident",              company: "Williamstown",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg",              imageAlt: "Robert Chen review"
            }
          ]}
          kpiItems={[
            { value: "78+", label: "verified reviews" },
            { value: "4.9★", label: "average rating" },
            { value: "100%", label: "would recommend" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTen
          title="Experienced arborists dedicated to your property's health and safety"
          tag="Our Team"
          members={[
            {
              id: "1",              name: "Mark Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/successful-multiethnic-business-team_1262-20833.jpg",              imageAlt: "Mark Johnson, Lead Arborist"
            },
            {
              id: "2",              name: "David Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/successful-multiethnic-business-team_1262-20833.jpg",              imageAlt: "David Rodriguez, Certified Arborist"
            }
          ]}
          memberVariant="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to schedule your tree service? Contact Catamount today for a free quote and expert assessment. Available 24/7 for emergency calls."
          animationType="entrance-slide"
          buttons={[
            { text: "Call (802) 473-2606", href: "tel:+18024732606" },
            { text: "Get Free Quote", href: "#quote-form" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Contact",              items: [
                { label: "Phone: (802) 473-2606", href: "tel:+18024732606" },
                { label: "1774 Baptist St, Williamstown, VT 05679", href: "https://maps.google.com/?q=1774+Baptist+St,+Williamstown,+VT+05679" },
                { label: "Open 24/7", href: "#" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "Tree Removal", href: "#services" },
                { label: "Tree Trimming", href: "#services" },
                { label: "Emergency Service", href: "#services" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Our Team", href: "#team" },
                { label: "Reviews", href: "#testimonials" },
                { label: "Service Area", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Catamount Tree Service. All rights reserved. Serving Williamstown, VT."
          bottomRightText="Professional Tree Care | 24/7 Emergency Service"
        />
      </div>
    </ThemeProvider>
  );
}