"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { AlertCircle, Star, Clock, CheckCircle, Shield, Leaf, Zap, Heart, TreePine, Phone, Quote } from "lucide-react";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="large"
      background="noise"
      cardStyle="gradient-bordered"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Sky Tree Services"
          navItems={[
            { name: "Services", id: "/services" },
            { name: "About", id: "/about" },
            { name: "Reviews", id: "/testimonials" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "📞 (615) 568-9651",
            href: "tel:+16155689651"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="24/7 Tree Removal & Emergency Services in Nashville"
          description="Fast, Safe, Professional Tree Service — Fair Pricing & 4.9-Star Rated. From storm cleanup to hazardous tree removal, Sky Tree Services has you covered."
          background={{ variant: "plain" }}
          tag="Emergency Available"
          tagIcon={AlertCircle}
          buttons={[
            { text: "📞 Call Now (615) 568-9651", href: "tel:+16155689651" },
            { text: "Get Free Estimate", href: "/contact" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/outdoor-shot-logger-having-rest-open-air-after-cutting-trees_176532-14596.jpg?_wi=1"
          imageAlt="Professional tree service crew at work in Nashville"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="trust" data-section="trust">
        <MetricCardThree
          title="Why Nashville Trusts Sky Tree Services"
          description="Proven expertise, unmatched availability, and deep local roots."
          metrics={[
            { id: "1", icon: Star, title: "4.9 Rating", value: "70+ Reviews" },
            { id: "2", icon: Clock, title: "24/7 Response", value: "Always Ready" },
            { id: "3", icon: CheckCircle, title: "Free Estimates", value: "No Obligation" },
            { id: "4", icon: Shield, title: "Fully Insured", value: "Professional Crew" },
            { id: "5", icon: Leaf, title: "Latino-Owned", value: "Nashville Local" },
            { id: "6", icon: Zap, title: "Rapid Response", value: "Storm Damage" }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          tagIcon={Heart}
          title="Trusted Local Tree Experts Serving Nashville Since Day One"
          description="Sky Tree Services"
          subdescription="Professional • Fair • Latino-Owned • 24/7 Available"
          icon={TreePine}
          imageSrc="http://img.b2bpic.net/free-photo/three-men-looking-aside-construction-site_259150-57679.jpg?_wi=1"
          imageAlt="Sky Tree Services professional crew in Nashville"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="emergency-cta" data-section="emergency-cta">
        <ContactCTA
          tag="Emergency Support"
          tagIcon={AlertCircle}
          title="Storm Damage? Fallen Tree? We're Available 24/7."
          description="Don't wait. Call immediately for rapid response emergency tree removal. We handle dangerous situations quickly and safely."
          buttons={[
            { text: "📞 Call Now (615) 568-9651", href: "tel:+16155689651" },
            { text: "Get Free Emergency Quote", href: "/contact" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Nashville Homeowners Are Saying"
          description="Real reviews from real customers who trust Sky Tree Services."
          tag="Customer Reviews"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",
              name: "Maria Garcia",
              role: "Homeowner",
              testimonial: "Very professional, solid quality work at a good price. They removed a massive oak tree safely and cleaned up completely. Highly recommend!",
              imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-wearing-white-dress_1187-3643.jpg",
              icon: Quote
            },
            {
              id: "2",
              name: "James Mitchell",
              role: "Property Manager",
              testimonial: "Outstanding job removing downed trees after the storm. Fast response, no mess, fair pricing. Best tree service in Nashville.",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
              icon: Quote
            },
            {
              id: "3",
              name: "Sandra Lopez",
              role: "Homeowner",
              testimonial: "Fair price and easy to work with. They explained everything clearly and got the job done right. I'll call them again.",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-sitting-cafe-with-closed-laptop_1262-1151.jpg",
              icon: Quote
            },
            {
              id: "4",
              name: "Robert Chen",
              role: "Business Owner",
              testimonial: "Called them at 2 AM for an emergency. They arrived within an hour. Professional, safe, and reasonably priced. Exceptional service.",
              imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-smiling_1098-63.jpg",
              icon: Quote
            },
            {
              id: "5",
              name: "Angela Thompson",
              role: "Homeowner",
              testimonial: "Trimmed our trees beautifully. Crew was respectful, cleaned up thoroughly, and took time to explain tree health recommendations.",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
              icon: Quote
            },
            {
              id: "6",
              name: "David Patel",
              role: "Homeowner",
              testimonial: "Removed a hazardous tree near our house safely. Professional from start to finish. No hidden charges. Excellent local business.",
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-hispanic-man-casuals-studio_662251-600.jpg",
              icon: Quote
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get in Touch"
          tagIcon={Phone}
          title="Need Tree Service Today? Contact Us Now."
          description="Call for immediate assistance or submit your information for a free estimate. Fast response guaranteed."
          buttons={[
            { text: "📞 (615) 568-9651", href: "tel:+16155689651" },
            { text: "Request Free Estimate", href: "/contact" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <FooterSimple
        columns={[
          {
            title: "Services",
            items: [
              { label: "Tree Removal", href: "/services" },
              { label: "Emergency Services", href: "/services" },
              { label: "Tree Trimming", href: "/services" },
              { label: "Storm Cleanup", href: "/services" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Reviews", href: "/testimonials" },
              { label: "Contact", href: "/contact" },
              { label: "Service Area", href: "/services" }
            ]
          },
          {
            title: "Contact",
            items: [
              { label: "📞 (615) 568-9651", href: "tel:+16155689651" },
              { label: "📍 3037 Runabout Dr, Nashville, TN 37217", href: "https://maps.google.com/?q=3037+Runabout+Dr+Nashville+TN+37217" },
              { label: "Open 24 Hours" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy" },
              { label: "Terms of Service" }
            ]
          }
        ]}
        bottomLeftText="© 2025 Sky Tree Services LLC. All rights reserved."
        bottomRightText="Professional Tree Service • Nashville, Tennessee"
      />
    </ThemeProvider>
  );
}