"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Star } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Byron Landscaping"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Call Now",            href: "tel:281-397-0421"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Byron Landscaping"
          description="Professional Landscaping Services in Chicago"
          tag="★★★★★ 4.5 Stars (161 Reviews)"
          tagIcon={Star}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          buttons={[
            { text: "Call Now", href: "tel:281-397-0421" },
            { text: "View on Google Maps", href: "https://www.google.com/maps/search/Byron+Landscaping+Chicago" }
          ]}
          mediaItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/long-shot-young-woman-taking-care-plants_23-2148509881.jpg?_wi=1", imageAlt: "Professional landscape design with lush green plantings" },
            { imageSrc: "http://img.b2bpic.net/free-photo/path-way_74190-2125.jpg?_wi=1", imageAlt: "Beautiful hardscape installation and patio design" },
            { imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-gardener-holding-small-thuja-pot-bearded-garden-worker-glasses-wearing-blue-shirt-apron-growing-evergreen-plants-greenhouse-commercial-gardening-summer-concept_74855-12936.jpg?_wi=1", imageAlt: "Expert garden design and lawn care services" },
            { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-panorama-green-city-park-dawn_1127-3213.jpg?_wi=1", imageAlt: "Complete landscape installation project" },
            { imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-gardener-holding-small-thuja-pot-bearded-garden-worker-glasses-wearing-blue-shirt-apron-growing-evergreen-plants-greenhouse-commercial-gardening-summer-concept_74855-12936.jpg?_wi=2", imageAlt: "Professional landscaping transformation" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="Why Byron Landscaping"
          title="Trusted by Chicago homeowners and businesses for expert landscaping solutions. We combine fast response times with meticulous attention to detail, backed by deep horticultural expertise. From residential gardens to commercial properties, every project receives our commitment to excellence. Free consultation available to discuss your vision."
          useInvertedBackground={false}
          buttons={[
            { text: "Get Free Consultation", href: "tel:281-397-0421" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardThree
          title="Our Comprehensive Services"
          description="Byron Landscaping offers a complete range of professional landscaping solutions tailored to transform your outdoor space."
          tag="Services"
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          features={[
            {
              id: "01",              title: "Landscape Design & Installation",              description: "Custom design and professional installation for residential and commercial properties",              imageSrc: "http://img.b2bpic.net/free-photo/long-shot-young-woman-taking-care-plants_23-2148509881.jpg?_wi=2",              imageAlt: "Landscape design service"
            },
            {
              id: "02",              title: "Lawn Care & Maintenance",              description: "Grass seeding, lawn landscaping, and seasonal maintenance programs",              imageSrc: "http://img.b2bpic.net/free-photo/path-way_74190-2125.jpg?_wi=2",              imageAlt: "Lawn care service"
            },
            {
              id: "03",              title: "Hardscaping & Masonry",              description: "Patios, driveways, retaining walls, and stone masonry construction",              imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-gardener-holding-small-thuja-pot-bearded-garden-worker-glasses-wearing-blue-shirt-apron-growing-evergreen-plants-greenhouse-commercial-gardening-summer-concept_74855-12936.jpg?_wi=3",              imageAlt: "Hardscaping service"
            },
            {
              id: "04",              title: "Garden Design & Decorating",              description: "Artistic garden design, seasonal color, and decorative outdoor elements",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-panorama-green-city-park-dawn_1127-3213.jpg?_wi=2",              imageAlt: "Garden design service"
            },
            {
              id: "05",              title: "Outdoor Living Spaces",              description: "Outdoor kitchens, fire pits, and complete living space transformations",              imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-gardener-holding-small-thuja-pot-bearded-garden-worker-glasses-wearing-blue-shirt-apron-growing-evergreen-plants-greenhouse-commercial-gardening-summer-concept_74855-12936.jpg?_wi=4",              imageAlt: "Outdoor living service"
            },
            {
              id: "06",              title: "Specialty Services",              description: "Pool landscaping, artificial turf, sprinkler systems, and water features",              imageSrc: "http://img.b2bpic.net/free-photo/long-shot-young-woman-taking-care-plants_23-2148509881.jpg?_wi=3",              imageAlt: "Specialty landscaping service"
            }
          ]}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardSixteen
          title="Trusted by Chicago Homeowners"
          description="See what our satisfied clients say about their landscaping transformations"
          tag="Client Reviews"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Albert Navarro",              role: "Homeowner",              company: "Chicago",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "professional portrait man businessman headshot"
            },
            {
              id: "2",              name: "Gabrielle Langley",              role: "Property Owner",              company: "Chicago",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg",              imageAlt: "professional portrait woman businesswoman headshot"
            },
            {
              id: "3",              name: "David Worthington",              role: "Homeowner",              company: "Chicago",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "professional portrait man professional headshot"
            },
            {
              id: "4",              name: "Carla Lippincott",              role: "Property Manager",              company: "Chicago",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg",              imageAlt: "professional portrait woman professional headshot"
            }
          ]}
          kpiItems={[
            { value: "4.5★", label: "Average Rating" },
            { value: "161", label: "Reviews" },
            { value: "100%", label: "Satisfaction" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Byron Landscaping: Excellence in Every Project"
          tag="Impact"
          tagAnimation="slide-up"
          useInvertedBackground={false}
          metricsAnimation="slide-up"
          metrics={[
            {
              id: "1",              value: "15+",              description: "Years of professional landscaping experience serving Chicago"
            },
            {
              id: "2",              value: "1000+",              description: "Completed projects from residential gardens to commercial properties"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Ready to Transform Your Outdoor Space?"
          description="Contact Byron Landscaping today for a free consultation. We're ready to discuss your landscaping vision and provide expert recommendations."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your project...",            rows: 5,
            required: true
          }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/beautiful-panorama-green-city-park-dawn_1127-3213.jpg?_wi=3"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Send Inquiry"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Byron Landscaping"
          copyrightText="© 2025 Byron Landscaping Chicago. All rights reserved."
          columns={[
            {
              title: "Services",              items: [
                { label: "Landscape Design", href: "#services" },
                { label: "Lawn Care", href: "#services" },
                { label: "Hardscaping", href: "#services" },
                { label: "Garden Design", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Client Reviews", href: "#reviews" },
                { label: "Contact", href: "#contact" },
                { label: "Google Reviews", href: "https://www.google.com/maps/search/Byron+Landscaping+Chicago" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Call: 281-397-0421", href: "tel:281-397-0421" },
                { label: "Email: byronslandscaping@outlook.com", href: "mailto:byronslandscaping@outlook.com" },
                { label: "Chicago, IL", href: "#" },
                { label: "Free Consultation", href: "tel:281-397-0421" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}