"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { ArrowRight } from "lucide-react";
import Link from "next/link";

const navItems = [
  { name: "Home", id: "/" },
  { name: "Services", id: "/services" },
  { name: "About", id: "/about" },
  { name: "Gallery", id: "/gallery" },
  { name: "Contact", id: "/contact" },
];

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="fluid"
      cardStyle="subtle-shadow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="ISLES"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "About", id: "/about" },
            { name: "Gallery", id: "/gallery" },
            { name: "Contact", id: "/contact" },
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="Professional Landscaping & Lawn Care in Arcadia, Florida"
          description="Reliable lawn care and landscaping services trusted by homeowners for nearly a decade. Transform your outdoor space with expert maintenance and beautiful landscape designs."
          tag="Arcadia's #1 Choice"
          tagAnimation="slide-up"
          background={{ variant: "glowing-orb" }}
          imageSrc="http://img.b2bpic.net/free-photo/green-grass_181624-12702.jpg"
          imageAlt="Beautiful maintained lawn and landscape"
          mediaAnimation="blur-reveal"
          imagePosition="right"
          testimonials={[
            {
              name: "Ken G.",
              handle: "Homeowner, 9 Years",
              testimonial: "I've been a customer for almost 9 years. They always keep my grass and yard looking great.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
            },
            {
              name: "Sarah M.",
              handle: "Property Manager",
              testimonial: "Top notch work and terrific customer service. Our place looks awesome thanks to them!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
            },
            {
              name: "James T.",
              handle: "Homeowner",
              testimonial: "Professional, reliable, and they always show up on time. Highly recommended!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
            },
          ]}
          testimonialRotationInterval={5000}
          buttons={[
            { text: "Request Free Estimate", href: "/contact" },
            { text: "Call (941) 270-0790", href: "tel:+19412700790" },
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="About ISLES"
          tagAnimation="slide-up"
          title="Trusted Local Landscaping Excellence Since 2015"
          description="ISLES Landscaping & Lawn Care LLC has been helping homeowners in Arcadia and surrounding areas maintain beautiful outdoor spaces for years with dependable service and professional results. Our experienced team is committed to keeping properties looking their best year-round through quality workmanship and attention to detail."
          metrics={[
            { value: "9+", title: "Years of Service" },
            { value: "4.4★", title: "Google Rating (17+ Reviews)" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-raking-outdoors_23-2149382185.jpg?_wi=1"
          imageAlt="ISLES team transforming a landscape"
          mediaAnimation="blur-reveal"
          metricsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentySix
          title="Our Services"
          description="Comprehensive landscaping and lawn care solutions tailored to your property's needs"
          tag="Complete Solutions"
          tagAnimation="slide-up"
          features={[
            {
              title: "Lawn Maintenance",
              description: "Weekly mowing, edging, trimming, and professional lawn care to keep your grass pristine.",
              imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-male-gardener-pushing-modern-lawn-mower-while-walking-grass-view-handyman_7502-10570.jpg?_wi=1",
              imageAlt: "Professional lawn mowing service",
              buttonIcon: ArrowRight,
            },
            {
              title: "Landscaping Design & Install",
              description: "Custom landscape installations, garden beds, mulch, sod, and outdoor design transformations.",
              imageSrc: "http://img.b2bpic.net/free-photo/long-shot-young-woman-taking-care-plants_23-2148509881.jpg?_wi=1",
              imageAlt: "Landscape design and installation",
              buttonIcon: ArrowRight,
            },
            {
              title: "Tree & Yard Maintenance",
              description: "Professional tree trimming, yard cleanup, property maintenance, and debris removal.",
              imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field_329181-12481.jpg?_wi=1",
              imageAlt: "Tree trimming and yard maintenance",
              buttonIcon: ArrowRight,
            },
            {
              title: "Seasonal Cleanups",
              description: "Storm cleanup, leaf removal, seasonal debris clearing, and spring/fall property preparation.",
              imageSrc: "http://img.b2bpic.net/free-photo/kids-learnign-about-environment_23-2149176599.jpg?_wi=1",
              imageAlt: "Seasonal yard cleanup service",
              buttonIcon: ArrowRight,
            },
            {
              title: "Property Maintenance",
              description: "Comprehensive yard care including weed control, edging, and general property upkeep.",
              imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-male-gardener-pushing-modern-lawn-mower-while-walking-grass-view-handyman_7502-10570.jpg?_wi=2",
              imageAlt: "Complete property maintenance",
              buttonIcon: ArrowRight,
            },
            {
              title: "Custom Projects",
              description: "Specialized landscaping projects, hardscaping, and custom outdoor improvements.",
              imageSrc: "http://img.b2bpic.net/free-photo/long-shot-young-woman-taking-care-plants_23-2148509881.jpg?_wi=2",
              imageAlt: "Custom landscaping project",
              buttonIcon: ArrowRight,
            },
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "View All Services", href: "/services" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="why-choose" data-section="why-choose">
        <MetricCardTwo
          title="Why Choose ISLES Landscaping"
          description="We combine years of local expertise with modern equipment and proven methods to deliver exceptional results every time."
          metrics={[
            { id: "1", value: "9+", description: "Years of Trusted Service" },
            { id: "2", value: "100%", description: "On-Time Performance" },
            { id: "3", value: "4.4★", description: "Customer Satisfaction" },
            { id: "4", value: "Local", description: "Arcadia-Based Team" },
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="ISLES Landscaping & Lawn Care LLC has been helping homeowners maintain beautiful outdoor spaces with reliable service and professional results. Our commitment to quality is evident in every project we undertake."
          rating={5}
          author="ISLES Team Commitment"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer 1" },
            { src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Customer 2" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer 3" },
            { src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Customer 4" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer 5" },
            { src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Customer 6" },
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Started"
          title="Ready for a Better Lawn?"
          description="Request your free estimate today. Our team will assess your property and provide a personalized lawn care and landscaping plan tailored to your needs."
          background={{ variant: "glowing-orb" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email"
          buttonText="Get Free Estimate"
          termsText="We respect your privacy. Your information is secure with us."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="ISLES Landscaping"
          columns={[
            {
              items: [
                { label: "Home", href: "/" },
                { label: "Services", href: "/services" },
                { label: "Gallery", href: "/gallery" },
              ],
            },
            {
              items: [
                { label: "About", href: "/about" },
                { label: "Contact", href: "/contact" },
                { label: "Free Estimate", href: "/contact" },
              ],
            },
            {
              items: [
                { label: "Phone", href: "tel:+19412700790" },
                { label: "Email", href: "mailto:info@isleslandscaping.com" },
                { label: "Location", href: "#" },
              ],
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Sitemap", href: "#" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}