"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Phone } from "lucide-react";
import Link from 'next/link';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumLarge"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Early Bird Landscaping"
          navItems={[
            { name: "Services", id: "/services" },
            { name: "Before & After", id: "/before-after" },
            { name: "Reviews", id: "/reviews" },
            { name: "About", id: "/about" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="Same-Day Landscaping That Actually Looks Finished."
          description="From cleanouts to full yard transformations, Early Bird Landscaping delivers fast scheduling, fair pricing, and immaculate cleanup—so your property looks sharp the same day we show up."
          background={{ variant: "downward-rays-static" }}
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Satisfied customer 1" },
            { src: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Satisfied customer 2" },
            { src: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Satisfied customer 3" }
          ]}
          avatarText="Trusted by homeowners and property managers"
          buttons={[
            { text: "Get a Fast Quote", href: "#quote" },
            { text: "Call for Same-Day Service", href: "tel:+1-555-0123" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="services" data-section="services">
        <ProductCardOne
          title="Our Services"
          description="Professional landscaping solutions tailored to transform your property."
          products={[
            {
              id: "1",
              name: "Yard Cleanouts & Debris Haul Away",
              price: "From $299",
              imageSrc: "https://img.b2bpic.net/free-photo/kids-learnign-about-environment_23-2149176599.jpg?_wi=1",
              imageAlt: "Yard cleanout service"
            },
            {
              id: "2",
              name: "Weed Removal & Scraping",
              price: "From $149",
              imageSrc: "https://img.b2bpic.net/free-photo/crop-woman-working-garden_23-2147714891.jpg?_wi=1",
              imageAlt: "Weed removal service"
            },
            {
              id: "3",
              name: "Trimming, Pruning & Detail Work",
              price: "From $199",
              imageSrc: "https://img.b2bpic.net/free-photo/hands-gardener-orange-gloves-are-trimming-overgrown-green-shrub-using-hedge-shears-sunny-backyard-worker-landscaping-garden-close-up_639032-841.jpg?_wi=1",
              imageAlt: "Trimming and pruning service"
            },
            {
              id: "4",
              name: "Front & Backyard Refresh",
              price: "From $399",
              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-woman-raking-outdoors_23-2149382185.jpg?_wi=1",
              imageAlt: "Yard refresh transformation"
            },
            {
              id: "5",
              name: "Rental Property Cleanup",
              price: "From $249",
              imageSrc: "https://img.b2bpic.net/free-photo/couple-collects-leaves-cleans-park_1157-27418.jpg?_wi=1",
              imageAlt: "Rental property cleanup"
            },
            {
              id: "6",
              name: "Tilling & Bed Prep",
              price: "From $179",
              imageSrc: "https://img.b2bpic.net/free-photo/overhead-view-male-gardener-digging-soil-with-hoe_23-2148165200.jpg?_wi=1",
              imageAlt: "Soil tilling and bed preparation"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "See All Services", href: "/services" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="howItWorks" data-section="howItWorks">
        <MetricCardTwo
          title="Simple. Fast. Clean."
          description="Our proven process ensures your yard gets the attention it deserves."
          metrics={[
            {
              id: "1",
              value: "1",
              description: "Call or request a quote and send photos for fast estimate"
            },
            {
              id: "2",
              value: "2",
              description: "We schedule fast—often same-day when possible"
            },
            {
              id: "3",
              value: "3",
              description: "We transform your yard with hard work and attention to detail"
            },
            {
              id: "4",
              value: "4",
              description: "We leave it spotless—cleanup and haul-away included"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Get a Fast Quote", href: "#quote" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Came 20 minutes after I called and were ready to work. They worked until sundown, cleaned up everything, and hauled all the waste away. Professional, courteous, and extremely detail-oriented. Fantastic job."
          rating={5}
          author="Sarah Johnson, Homeowner"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Sarah Johnson" },
            { src: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Customer testimonial" },
            { src: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Customer testimonial" },
            { src: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Customer testimonial" },
            { src: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Customer testimonial" },
            { src: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Customer testimonial" }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="socialProof" data-section="socialProof">
        <SocialProofOne
          title="Why Customers Choose Early Bird"
          description="What sets us apart from the rest."
          tag="Customer Praise"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Same-Day Service When Possible",
            "Affordable, Transparent Pricing",
            "Detail-Oriented Cleanup & Haul Away",
            "Professional, Courteous Crew",
            "Hard Work & Results You'll See",
            "Reliable for Rentals & Commercial",
            "Fast Estimates via Photos",
            "No Hidden Costs or Surprises"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="quote" data-section="quote">
        <ContactFaq
          ctaTitle="Get a Quote in Minutes"
          ctaDescription="Send us photos and we'll give you a fast, fair estimate. No strings attached."
          ctaButton={{ text: "Start Your Free Quote", href: "tel:+1-555-0123" }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",
              title: "Do you offer same-day service?",
              content: "Yes, we often schedule same-day when availability allows. Call or text your address and photos for fastest response."
            },
            {
              id: "2",
              title: "Do you haul away debris?",
              content: "Absolutely. Full cleanup and haul-away is part of every job. You don't lift a finger."
            },
            {
              id: "3",
              title: "Can you work within my budget?",
              content: "We focus on transparent, fair pricing. We work with a wide range of budgets and can suggest options that fit your needs."
            },
            {
              id: "4",
              title: "How do quotes work?",
              content: "Photos help us quote fast and accurately. Send them via text or email, or we can visit in person for larger projects."
            },
            {
              id: "5",
              title: "Are you licensed and insured?",
              content: "Yes. We're fully licensed, insured, and bonded for your peace of mind."
            },
            {
              id: "6",
              title: "Do you serve my area?",
              content: "We service a 25-mile radius. Contact us to confirm we cover your zip code."
            }
          ]}
          useInvertedBackground={false}
          animationType="slide-up"
        />
      </div>

      <FooterSimple
        columns={[
          {
            title: "Services",
            items: [
              { label: "Yard Cleanouts", href: "/services" },
              { label: "Weed Removal", href: "/services" },
              { label: "Trimming & Pruning", href: "/services" },
              { label: "Rental Cleanup", href: "/services" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Before & After", href: "/before-after" },
              { label: "Reviews", href: "/reviews" },
              { label: "Get a Quote", href: "#quote" }
            ]
          },
          {
            title: "Contact",
            items: [
              { label: "Call Us", href: "tel:+1-555-0123" },
              { label: "Text for Quote", href: "sms:+1-555-0123" },
              { label: "Email", href: "mailto:info@earlybird-landscaping.com" },
              { label: "Hours", href: "#" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "#" },
              { label: "Terms of Service", href: "#" },
              { label: "Service Areas", href: "#" }
            ]
          }
        ]}
        bottomLeftText="© 2025 Early Bird Landscaping. All rights reserved."
        bottomRightText="Serving your neighborhood with pride."
      />
    </ThemeProvider>
  );
}