"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroCentered from "@/components/sections/hero/HeroCentered";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="blurBottom"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Anderson's Lawn & Landscape"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Service Area", id: "service-area" },
            { name: "Contact", id: "contact" },
          ]}
          button={{
            text: "Call (615) 977-8706",            href: "tel:6159778706"}}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="Reliable Weekly Lawn Care in Smyrna & La Vergne"
          description="Owner-operated lawn maintenance you can count on. Professional, friendly, and consistent service — every week."
          background={{ variant: "downward-rays-static" }}
          avatars={[
            {
              src: "http://img.b2bpic.net/free-photo/happy-adult-son-his-mature-father-holding-hands-while-greeting-each-other-kitchen_637285-10296.jpg",              alt: "Customer 1"},
            {
              src: "http://img.b2bpic.net/free-photo/smiley-woman-with-curly-hair-posing-with-copy-space_23-2148728583.jpg",              alt: "Customer 2"},
            {
              src: "http://img.b2bpic.net/free-photo/family-sitting-steps-looking-camera-dog_259150-59359.jpg",              alt: "Customer 3"},
          ]}
          avatarText="500+ Happy Customers | Serving Since 2015"
          marqueeItems={[
            { type: "text", text: "No contracts" },
            { type: "text", text: "Free quote" },
            { type: "text", text: "Local owner" },
          ]}
          showMarqueeCard={true}
          buttons={[
            { text: "Call Now", href: "tel:6159778706" },
            { text: "Request a Free Quote", href: "#contact" },
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Hero section - Reliable weekly lawn care"
        />
      </div>

      <div id="trust" data-section="trust">
        <TestimonialCardOne
          title="Trusted by Local Homeowners"
          description="Consistently rated 4.7 stars for reliability, friendliness, and professional service"
          tag="Trust & Credibility"
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Homeowner",              company: "Smyrna, TN",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-son-his-mature-father-holding-hands-while-greeting-each-other-kitchen_637285-10296.jpg",              imageAlt: "Sarah Mitchell"},
            {
              id: "2",              name: "David Johnson",              role: "Property Owner",              company: "La Vergne, TN",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-curly-hair-posing-with-copy-space_23-2148728583.jpg",              imageAlt: "David Johnson"},
            {
              id: "3",              name: "Emily Rodriguez",              role: "Busy Professional",              company: "Smyrna, TN",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/family-sitting-steps-looking-camera-dog_259150-59359.jpg",              imageAlt: "Emily Rodriguez"},
            {
              id: "4",              name: "Michael Thompson",              role: "Business Owner",              company: "La Vergne, TN",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Michael Thompson"},
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Testimonials - Customer reviews section"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyFour
          title="Our Services"
          description="Comprehensive lawn care solutions for your Smyrna or La Vergne home"
          tag="What We Offer"
          tagAnimation="slide-up"
          features={[
            {
              id: "1",              title: "Weekly Lawn Maintenance",              author: "Our Core Service",              description: "Professional mowing, edging, and blowing delivered every week. We handle all the details so you can relax and enjoy your lawn.",              tags: ["Mowing", "Edging", "Blowing"],
              imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-male-gardener-pushing-modern-lawn-mower-while-walking-grass-view-handyman_7502-10570.jpg",              imageAlt: "Weekly lawn mowing service"},
            {
              id: "2",              title: "Landscape & Flower Bed Work",              author: "Seasonal Services",              description: "Flower bed refresh, mulch installation, seasonal cleanups, and landscape maintenance. Enhance your property's curb appeal year-round.",              tags: ["Mulch", "Flower Beds", "Cleanups"],
              imageSrc: "http://img.b2bpic.net/free-photo/gardening-composition-with-space-top_23-2147673271.jpg",              imageAlt: "Landscape flower bed design"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Services section"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            {
              type: "text",              content: "Owner-Operated. Locally Trusted."},
          ]}
          buttons={[
            {
              text: "Learn More",              href: "#contact"},
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="About owner section"
        />
      </div>

      <div id="how-it-works" data-section="how-it-works">
        <MetricCardFourteen
          title="How It Works"
          tag="Simple Process"
          tagAnimation="slide-up"
          metrics={[
            {
              id: "1",              value: "1",              description: "Request a Quote - Contact us for a free estimate tailored to your property"},
            {
              id: "2",              value: "2",              description: "Approve Weekly Service - Start with a prepaid 4-visit package"},
            {
              id: "3",              value: "3",              description: "Enjoy Your Lawn - Consistent, professional maintenance every week"},
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="How it works section"
        />
      </div>

      <div id="service-area" data-section="service-area">
        <SocialProofOne
          title="Proudly Serving Smyrna & La Vergne"
          description="Local lawn care you can depend on. We're rooted in the community and committed to serving our neighbors with the same dedication and pride."
          tag="Service Area"
          tagAnimation="slide-up"
          names={["Smyrna, TN", "La Vergne, TN", "Serving Since 2015", "Local Owner-Operator"]}
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
          showCard={true}
          ariaLabel="Service area section"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          faqs={[
            {
              id: "1",              title: "What's included in weekly service?",              content: "Our weekly lawn maintenance includes professional mowing, edging, and blowing. We handle all the details so your lawn stays consistently beautiful."},
            {
              id: "2",              title: "What's the prepaid 4-visit start?",              content: "New customers begin with a prepaid 4-visit package to ensure commitment and quality service. After that, you can continue week-to-week or choose a custom plan."},
            {
              id: "3",              title: "Do you offer seasonal services?",              content: "Yes! Beyond weekly maintenance, we offer landscape and flower bed work, mulch installation, seasonal cleanups, and other custom landscaping services."},
            {
              id: "4",              title: "What areas do you service?",              content: "We proudly serve Smyrna and La Vergne, Tennessee. If you're not sure if your address is in our service area, call us at (615) 977-8706 to confirm."},
            {
              id: "5",              title: "How do I schedule my first appointment?",              content: "Call us at (615) 977-8706 or submit a quote request below. We'll discuss your lawn care needs and get you scheduled for service."},
            {
              id: "6",              title: "Why choose Anderson's Lawn & Landscape?",              content: "We're owner-operated, locally trusted with a 4.7-star rating, and committed to consistent, professional, and friendly service every single week."},
          ]}
          ctaTitle="Ready for a Lawn You Don't Have to Worry About?"
          ctaDescription="Get in touch today for a free quote. Our friendly team is ready to help."
          ctaButton={{
            text: "Request a Free Quote",            href: "#quote"}}
          ctaIcon={Phone}
          useInvertedBackground={false}
          animationType="slide-up"
          accordionAnimationType="smooth"
          showCard={true}
          ariaLabel="Contact and FAQ section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Anderson's Lawn & Landscape"
          columns={[
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Services", href: "#services" },
                { label: "Service Area", href: "#service-area" },
              ],
            },
            {
              title: "Contact",              items: [
                { label: "Call (615) 977-8706", href: "tel:6159778706" },
                { label: "Request a Quote", href: "#contact" },
                { label: "Smyrna & La Vergne, TN", href: "#service-area" },
              ],
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
              ],
            },
          ]}
          copyrightText="© 2025 Anderson's Lawn & Landscape. All rights reserved."
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}
