"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Shield, Leaf, Image, Star, Phone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="large"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Bouzas Lawn Care"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Why Choose Us", id: "trust" },
            { name: "Gallery", id: "gallery" },
            { name: "Quote", id: "quote" },
            { name: "Contact", id: "contact-info" }
          ]}
          button={{ text: "Call Now", href: "tel:+1-555-0123" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="Transform Your Lawn Into Something You're Proud Of"
          description="Professional lawn care, tree trimming, and clean-up — done right the first time at a price that makes sense."
          background={{ variant: "radial-gradient" }}
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/portrait-businessman-posing-with-scooter_23-2148577330.jpg", alt: "professional lawn care worker portrait" },
            { src: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg", alt: "happy homeowner satisfied customer portrait" },
            { src: "http://img.b2bpic.net/free-photo/people-helping-neighbors-with-grass-lawn_23-2149139747.jpg", alt: "professional lawn care expert portrait" },
            { src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151064993.jpg", alt: "happy homeowner portrait outdoor" }
          ]}
          avatarText="Trusted by 500+ homeowners"
          buttons={[
            { text: "Get Free Quote", href: "#quote" },
            { text: "Learn More", href: "#services" }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Bouzas Lawn Care hero section"
        />
      </div>

      <div id="trust" data-section="trust">
        <MetricSplitMediaAbout
          title="Why Homeowners Choose Bouzas Lawn Care"
          description="We focus on quality, clean results, and fair pricing — every time. Our professional team delivers exceptional service you can count on."
          tag="Built on Trust"
          tagIcon={Shield}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/positive-focused-female-gardener-cutting-sprouts-using-pruner-greenhouse-woman-working-garden-growing-plants-pots-gardening-job-concept_74855-12947.jpg"
          imageAlt="professional lawn care team working together"
          mediaAnimation="slide-up"
          metrics={[
            { value: "500+", title: "Happy Customers" },
            { value: "10+ yrs", title: "Experience" },
            { value: "100%", title: "Satisfaction Rate" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSix
          title="Our Services"
          description="Complete lawn and landscape solutions tailored to your property's needs."
          tag="Professional Services"
          tagIcon={Leaf}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              id: 1,
              title: "Lawn Maintenance",              description: "Mowing, edging, blowing, and routine upkeep. We keep your lawn looking pristine year-round.",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-gardener-planting-seedling_329181-20597.jpg",              imageAlt: "professional lawn mowing service striped grass"
            },
            {
              id: 2,
              title: "Tree Trimming & Cutting",              description: "Safe tree trimming, branch removal, and clean finishing. Professional care for your landscaping.",              imageSrc: "http://img.b2bpic.net/free-photo/happy-gardeners-growing-coniferous-plants-pots-blonde-woman-holding-small-thuja-working-with-grey-haired-man-glasses-gardening-activity-summer-concept_74855-12856.jpg",              imageAlt: "professional tree trimming expert work"
            },
            {
              id: 3,
              title: "Yard Clean-Up",              description: "Leaves removal, debris clearing, and full property clean-up. Your yard, perfectly maintained.",              imageSrc: "http://img.b2bpic.net/free-photo/couple-collects-leaves-cleans-park_1157-27423.jpg",              imageAlt: "professional yard clean-up service debris removal"
            }
          ]}
          buttons={[
            { text: "Get Your Free Quote", href: "#quote" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="differentiation" data-section="differentiation">
        <SocialProofOne
          title="Not Just Another Lawn Company"
          description="We deliver three things competitors struggle with: pristine results, fair prices, and genuine professionalism."
          names={["Clean Work", "Fair Pricing", "Professional Team"]}
          textboxLayout="default"
          useInvertedBackground={false}
          showCard={true}
          speed={40}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardTwo
          title="See The Difference"
          description="Before and after transformations that speak for themselves. Your yard can look this good."
          tag="Gallery"
          tagIcon={Image}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          products={[
            {
              id: "before-1",              brand: "Transformation",              name: "Overgrown to Pristine",              price: "Before & After",              rating: 5,
              reviewCount: "See transformation",              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-mother-kid-walking-together_23-2149153906.jpg",              imageAlt: "lawn transformation before after overgrown messy"
            },
            {
              id: "before-2",              brand: "Transformation",              name: "Messy to Luxury",              price: "Before & After",              rating: 5,
              reviewCount: "See transformation",              imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803994.jpg",              imageAlt: "luxury lawn transformation messy to pristine"
            },
            {
              id: "before-3",              brand: "Transformation",              name: "Neglected to Beautiful",              price: "Before & After",              rating: 5,
              reviewCount: "See transformation",              imageSrc: "http://img.b2bpic.net/free-photo/people-helping-each-other-community_23-2149139733.jpg",              imageAlt: "beautiful yard renovation neglected to gorgeous"
            },
            {
              id: "before-4",              brand: "Transformation",              name: "Tired to Stunning",              price: "Before & After",              rating: 5,
              reviewCount: "See transformation",              imageSrc: "http://img.b2bpic.net/free-photo/darkhaired-man-using-portable-powered-leaf-blower-blow-beveled-leaves-from-footpath-back-yard_7502-10567.jpg",              imageAlt: "stunning lawn makeover tired grass to healthy"
            }
          ]}
          buttons={[
            { text: "See More Results", href: "#quote" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Customers Say"
          description="Real feedback from homeowners who trusted us with their lawns."
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Customer Reviews"
          tagIcon={Star}
          tagAnimation="slide-up"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              handle: "Homeowner",              testimonial: "They did an amazing job trimming our trees. Everything was cleaned perfectly after. The price was better than other companies and the team was very professional. Highly recommend!",              imageSrc: "http://img.b2bpic.net/free-photo/happy-man-white_1368-6366.jpg",              imageAlt: "professional woman portrait smiling outdoor",              icon: undefined
            },
            {
              id: "2",              name: "Michael Chen",              handle: "Local Business Owner",              testimonial: "Best lawn service in the area. Fast, reliable, and they actually care about doing the job right. Our yard has never looked better.",              imageSrc: "http://img.b2bpic.net/free-photo/people-helping-each-other-community_23-2149139746.jpg",              imageAlt: "smiling man professional portrait outdoor",              icon: undefined
            },
            {
              id: "3",              name: "Emily Rodriguez",              handle: "Homeowner",              testimonial: "Fair pricing and excellent work. They treated our property with respect and delivered exactly what they promised. Will use them again.",              imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-gray-marble-wall_158595-6771.jpg",              imageAlt: "professional woman smiling portrait outdoor",              icon: undefined
            },
            {
              id: "4",              name: "David Kim",              handle: "Homeowner",              testimonial: "Highly professional team. They cleaned up everything perfectly and left our lawn looking absolutely pristine. Worth every penny.",              imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1681.jpg",              imageAlt: "smiling man portrait professional outdoor",              icon: undefined
            },
            {
              id: "5",              name: "Jessica White",              handle: "Homeowner",              testimonial: "Finally found a lawn care company that actually listens and delivers quality work. Our neighbors are asking for your number!",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-using-phone_1303-24917.jpg",              imageAlt: "happy woman portrait outdoor setting",              icon: undefined
            },
            {
              id: "6",              name: "James Martinez",              handle: "Property Manager",              testimonial: "Reliable, professional, and they handle multiple properties beautifully. Bouzas is our go-to lawn care team.",              imageSrc: "http://img.b2bpic.net/free-photo/expressive-man-is-posing-city_344912-1497.jpg",              imageAlt: "professional man smiling portrait outdoor",              icon: undefined
            }
          ]}
          speed={40}
          topMarqueeDirection="left"
        />
      </div>

      <div id="quote" data-section="quote">
        <ContactText
          text="Get Your Free Quote Today\n\nFast, transparent estimates. No pressure, no commitment. We'll respond within minutes."
          animationType="entrance-slide"
          background={{ variant: "animated-grid" }}
          useInvertedBackground={true}
          buttons={[
            { text: "Request Free Quote", href: "tel:+1-555-0123" },
            { text: "Email Us", href: "mailto:info@bouzaslawncare.com" }
          ]}
          ariaLabel="Get free lawn care quote"
        />
      </div>

      <div id="contact-info" data-section="contact-info">
        <FaqSplitMedia
          title="Let's Take Care of Your Lawn"
          description="Ready to transform your yard? Get in touch with the Bouzas Lawn Care team."
          tag="Contact Us"
          tagIcon={Phone}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaAnimation="slide-up"
          mediaPosition="right"
          imageSrc="http://img.b2bpic.net/free-photo/man-taking-care-plant-outdoors-side-view_23-2149722637.jpg"
          imageAlt="lawn care team ready to help outdoor"
          faqsAnimation="slide-up"
          animationType="smooth"
          showCard={false}
          faqs={[
            { id: "1", title: "📍 Service Area", content: "We proudly serve homeowners throughout the local area. Contact us to confirm service availability for your address." },
            { id: "2", title: "📞 Phone", content: "(555) 012-3456 — Call anytime for urgent inquiries or quick questions." },
            { id: "3", title: "📧 Email", content: "info@bouzaslawncare.com — Email us for quote requests and detailed inquiries." }
          ]}
          buttons={[
            { text: "Call Now", href: "tel:+1-555-0123" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Services",              items: [
                { label: "Lawn Maintenance", href: "#services" },
                { label: "Tree Trimming", href: "#services" },
                { label: "Yard Clean-Up", href: "#services" },
                { label: "Free Quote", href: "#quote" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#trust" },
                { label: "Why Choose Us", href: "#differentiation" },
                { label: "Gallery", href: "#gallery" },
                { label: "Contact", href: "#contact-info" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Call: (555) 012-3456", href: "tel:+1-555-0123" },
                { label: "Email: info@bouzaslawncare.com", href: "mailto:info@bouzaslawncare.com" },
                { label: "Get Free Quote", href: "#quote" },
                { label: "Service Area", href: "#contact-info" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Disclaimer", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2024 Bouzas Lawn Care. All rights reserved. Premium lawn care and tree services."
          ariaLabel="Footer navigation"
        />
      </div>
    </ThemeProvider>
  );
}
