"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import ContactText from "@/components/sections/contact/ContactText";
import FooterCard from "@/components/sections/footer/FooterCard";
import { CheckCircle, Star, Heart, Image, Facebook, Instagram, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSizeMediumTitles"
      background="circleGradient"
      cardStyle="solid"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Webb's Creek Lawncare"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Gallery", id: "gallery" },
            { name: "Testimonials", id: "testimonials" }
          ]}
          button={{
            text: "Call Now",            href: "tel:(850) 375-1189"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Your Lawn, Done Right."
          description="Professional, dependable lawn service that shows up and delivers every time. Webb's Creek Lawncare serves Gulf Breeze with reliability you can trust."
          buttons={[
            { text: "Call Now", href: "tel:(850) 375-1189" },
            { text: "Get a Free Estimate", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/bush-pruning-with-hedge-trimmer_342744-536.jpg"
          imageAlt="Beautiful, professionally manicured lawn with sharp edging and lush green grass"
          mediaAnimation="slide-up"
          frameStyle="card"
        />
      </div>

      <div id="trust" data-section="trust">
        <MetricCardTwo
          title="Why Gulf Breeze Trusts Webb's Creek"
          description="We've built our reputation on reliability, professionalism, and actually showing up when we say we will."
          tag="5-Star Rated"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          metrics={[
            { id: "rating", value: "5.0★", description: "Customer Rating - Reliable & Professional" },
            { id: "responsive", value: "We Answer", description: "The Phone - Unlike Most Services" },
            { id: "quality", value: "Always", description: "Show Up On Time, Every Time" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardOne
          title="Complete Lawn Care Services"
          description="From routine maintenance to seasonal cleanups, we handle every aspect of keeping your lawn looking sharp."
          tag="Professional Services"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          buttons={[{ text: "Request Estimate", href: "#contact" }]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          features={[
            {
              title: "Lawn Mowing",              description: "Regular cutting with precision edging for that perfectly groomed look every time.",              imageSrc: "http://img.b2bpic.net/free-photo/hard-working-mature-man-garden_329181-4627.jpg",              imageAlt: "Professional lawn mowing service with sharp, clean edges"
            },
            {
              title: "Edging & Trimming",              description: "Sharp, clean lines that define your lawn and make it stand out.",              imageSrc: "http://img.b2bpic.net/free-photo/elderly-man-sleeping-green-grass_53876-63298.jpg",              imageAlt: "Precise lawn edging and professional trimming"
            },
            {
              title: "Hedge & Shrub Trimming",              description: "Professional pruning to keep hedges and shrubs healthy and beautiful.",              imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-maintenance-worker-taking-care-court-autumn-low-angle-view-male-worker_7502-10255.jpg",              imageAlt: "Expert hedge and shrub trimming and maintenance"
            },
            {
              title: "Mulching",              description: "Fresh mulch application to protect plants and enhance curb appeal.",              imageSrc: "http://img.b2bpic.net/free-photo/hard-working-mature-man-garden_329181-4627.jpg",              imageAlt: "Professional mulch installation and landscaping"
            },
            {
              title: "Seasonal Cleanups",              description: "Spring cleanup, fall leaf removal, and seasonal property maintenance.",              imageSrc: "http://img.b2bpic.net/free-photo/elderly-man-sleeping-green-grass_53876-63298.jpg",              imageAlt: "Comprehensive seasonal lawn and yard cleanup"
            },
            {
              title: "Recurring Maintenance",              description: "Bi-weekly plans for ongoing lawn health and consistent curb appeal.",              imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-maintenance-worker-taking-care-court-autumn-low-angle-view-male-worker_7502-10255.jpg",              imageAlt: "Regular lawn maintenance and care schedule"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Locally Owned. Professionally Operated."
          description={[
            "Webb's Creek Lawncare is a locally owned and operated business serving Gulf Breeze and the surrounding areas. We're not a franchise or corporate chain — we're your neighbors, committed to doing the job right.",            "Founded on the principle of reliability and attention to detail, we take pride in showing up on time, communicating clearly, and delivering exceptional results. Whether it's routine lawn maintenance or a complete seasonal cleanup, we treat every property with the care it deserves.",            "When you call Webb's Creek, you're not reaching a call center. You're talking to someone who cares about your lawn and your satisfaction. That's the Webb's Creek difference."
          ]}
          buttons={[{ text: "Get a Free Estimate", href: "#contact" }]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
          showBorder={false}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardFour
          title="Our Work Speaks For Itself"
          description="See the difference professional lawn care makes. Before and after transformations that show our commitment to excellence."
          tag="Portfolio"
          tagIcon={Image}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "before-after-1",              name: "Spring Transformation",              price: "Sharp Results",              variant: "Edging & Cleanup",              imageSrc: "http://img.b2bpic.net/free-photo/hard-working-mature-man-garden_329181-4627.jpg",              imageAlt: "Before and after spring lawn cleanup and edging"
            },
            {
              id: "before-after-2",              name: "Summer Maintenance",              price: "Lush & Green",              variant: "Regular Mowing",              imageSrc: "http://img.b2bpic.net/free-photo/elderly-man-sleeping-green-grass_53876-63298.jpg",              imageAlt: "Professional summer lawn maintenance results"
            },
            {
              id: "before-after-3",              name: "Fall Cleanup",              price: "Fresh Start",              variant: "Seasonal Service",              imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-maintenance-worker-taking-care-court-autumn-low-angle-view-male-worker_7502-10255.jpg",              imageAlt: "Professional fall lawn cleanup and preparation"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Customers Say"
          description="Real feedback from real homeowners who trust Webb's Creek with their lawns."
          tag="Trusted Locally"
          tagIcon={Heart}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Homeowner",              company: "Gulf Breeze",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-pretty-young-woman-showing-thumb-up-park_1262-20240.jpg"
            },
            {
              id: "2",              name: "Michael Chen",              role: "Property Owner",              company: "Gulf Breeze Area",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/customer-service-male-employee-with-headset_53876-126964.jpg"
            },
            {
              id: "3",              name: "David Rodriguez",              role: "Homeowner",              company: "Gulf Breeze",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-leader-using-smartphone-lobby_1262-5625.jpg"
            },
            {
              id: "4",              name: "Jennifer Walsh",              role: "Resident",              company: "Gulf Breeze, FL",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Get a Lawn You'll Be Proud Of"
          animationType="entrance-slide"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Call (850) 375-1189", href: "tel:(850) 375-1189" },
            { text: "Request Free Estimate", href: "https://forms.gle/example" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Webb's Creek Lawncare"
          copyrightText="© 2025 Webb's Creek Lawncare LLC. All rights reserved."
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Follow us on Facebook" },
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Follow us on Instagram" },
            { icon: Phone, href: "tel:(850) 375-1189", ariaLabel: "Call Webb's Creek Lawncare" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}