"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles, Award, Leaf, Heart, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="large"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Kassner Landscaping"
          navItems={[
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Professional Landscaping Excellence"
          description="Transform your outdoor space with Kassner Landscaping. Over 20 years of trusted service delivering beautiful, well-maintained landscapes for Milford and surrounding communities."
          tag="Local Experts"
          tagIcon={Sparkles}
          background={{ variant: "gradient-bars" }}
          imageSrc="https://img.b2bpic.net/free-photo/female-gardener-s-hand-cutting-plant-with-secateurs_23-2148165259.jpg"
          imageAlt="Professional landscaping transformation"
          buttons={[
            { text: "Get Your Free Quote", href: "contact" },
            { text: "Call (513) 831-6778", onClick: () => window.location.href = 'tel:(513)831-6778' }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Why Choose Us"
          tagIcon={Award}
          title="Quality Landscaping You Can Trust"
          description="Kassner Landscaping has been serving the Milford community with dedication and expertise since the early 2000s. Doug, Mike, and our experienced team take pride in delivering exceptional landscaping services that enhance your property's natural beauty while maintaining affordability."
          metrics={[
            { value: "4.5★", title: "Customer Rating" },
            { value: "23+", title: "Happy Clients" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500832.jpg"
          imageAlt="Kassner Landscaping team"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyThree
          title="Our Landscaping Services"
          description="Comprehensive outdoor services to keep your property looking pristine year-round"
          tag="Services"
          tagIcon={Leaf}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "1",              title: "Landscape Design & Installation",              tags: ["Design", "Installation"],
              imageSrc: "https://img.b2bpic.net/free-photo/chinese-tea-ceremony-park-tea-drinking-open-air_613910-7341.jpg",              imageAlt: "Professional landscape design"
            },
            {
              id: "2",              title: "Lawn & Garden Maintenance",              tags: ["Maintenance", "Seasonal"],
              imageSrc: "https://img.b2bpic.net/free-photo/long-shot-woman-mowing-grass_23-2148579932.jpg",              imageAlt: "Regular lawn maintenance"
            },
            {
              id: "3",              title: "Hardscape & Patios",              tags: ["Construction", "Outdoor"],
              imageSrc: "https://img.b2bpic.net/free-photo/crop-woman-working-garden_23-2147714891.jpg",              imageAlt: "Hardscape construction and patios"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Results That Speak for Themselves"
          description="See the transformations we've created for our valued customers"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              id: "1",              value: "500+",              title: "Projects Completed",              description: "Successful landscaping transformations",              imageSrc: "https://img.b2bpic.net/free-photo/man-pruning-bushes-while-woman-taking-care-flowers_7502-9539.jpg",              imageAlt: "Completed landscaping project"
            },
            {
              id: "2",              value: "20+",              title: "Years Experience",              description: "Trusted service in the Milford community",              imageSrc: "https://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500832.jpg",              imageAlt: "Experienced landscaping team"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Customers Say"
          description="Real reviews from satisfied clients in our community"
          tag="Testimonials"
          tagIcon={Heart}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          speed={40}
          testimonials={[
            {
              id: "1",              name: "John Martinez",              handle: "Homeowner",              testimonial: "Lots to choose from, good prices, and the team was professional from start to finish. Highly recommend Kassner Landscaping!",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",              imageAlt: "John Martinez"
            },
            {
              id: "2",              name: "Sarah Wilson",              handle: "Property Owner",              testimonial: "Always great service and great plants and trees! Doug and Mike really care about their customers. Will definitely use them again.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "Sarah Wilson"
            },
            {
              id: "3",              name: "Michael Chen",              handle: "Business Owner",              testimonial: "Beautiful trees, great price, and excellent workmanship. See Doug or Mike - they really know what they're doing!",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "4",              name: "Jennifer Taylor",              handle: "Community Member",              testimonial: "Professional, reliable, and friendly. Kassner Landscaping transformed our backyard into a beautiful outdoor oasis.",              imageSrc: "https://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg",              imageAlt: "Jennifer Taylor"
            },
            {
              id: "5",              name: "David Rodriguez",              handle: "Satisfied Client",              testimonial: "Outstanding work and attention to detail. The team transformed our front yard into something we're truly proud of.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",              imageAlt: "David Rodriguez"
            },
            {
              id: "6",              name: "Lisa Anderson",              handle: "Happy Customer",              testimonial: "Excellent communication, fair pricing, and beautiful results. Kassner Landscaping exceeded our expectations.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "Lisa Anderson"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Started"
          tagIcon={Phone}
          title="Ready to Transform Your Outdoor Space?"
          description="Contact Kassner Landscaping today for a free consultation. We're here to answer your questions and discuss your landscaping needs."
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email"
          buttonText="Request Quote"
          termsText="We respect your privacy. We'll only contact you about your landscaping project."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Kassner Landscaping"
          columns={[
            {
              title: "Services",              items: [
                { label: "Landscape Design", href: "#services" },
                { label: "Maintenance", href: "#services" },
                { label: "Hardscape", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "(513) 831-6778", href: "tel:(513)831-6778" },
                { label: "Milford, OH 45150", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Kassner Landscaping Inc. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}