"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Award, BarChart3, Droplets, Hammer, Leaf, Lightbulb, Mail, Palette, Shield, Sparkles, Sprout, Star, TrendingUp } from 'lucide-react';

const navItems = [
  { name: "About", id: "about" },
  { name: "Services", id: "services" },
  { name: "Portfolio", id: "metrics" },
  { name: "Testimonials", id: "testimonials" },
  { name: "Contact", id: "contact" }
];

const handleContactSubmit = (email: string) => {
  console.log("Contact form submitted with email:", email);
};

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="compact"
      sizing="medium"
      background="floatingGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple brandName="Platinum Landscape" navItems={navItems} />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Transform Your Outdoor Space Into Paradise"
          description="Premium landscaping services that bring your vision to life. From stunning design to meticulous maintenance, we create outdoor environments that elevate your property."
          tag="Professional Landscaping"
          tagIcon={Leaf}
          tagAnimation="slide-up"
          background={{ variant: "glowing-orb" }}
          kpis={[
            { value: "15+", label: "Years of Excellence" },
            { value: "500+", label: "Projects Completed" },
            { value: "98%", label: "Client Satisfaction" }
          ]}
          enableKpiAnimation={true}
          buttons={[
            { text: "Get Free Consultation", href: "#contact" },
            { text: "View Portfolio", href: "#metrics" }
          ]}
          buttonAnimation="blur-reveal"
          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"
          imageAlt="Beautiful professionally designed landscape garden"
          mediaAnimation="slide-up"
          imagePosition="right"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="About Platinum Landscape Management"
          description="We are dedicated landscape professionals committed to creating beautiful, functional outdoor spaces that exceed expectations. Our team combines artistic vision with horticultural expertise to deliver transformative results."
          tag="Our Story"
          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          bulletPoints={[
            { title: "Expert Design", description: "Custom landscape designs tailored to your property and vision", icon: Palette },
            { title: "Quality Installation", description: "Professional installation with attention to every detail", icon: Hammer },
            { title: "Ongoing Maintenance", description: "Regular care to keep your landscape thriving year-round", icon: Leaf },
            { title: "Licensed & Insured", description: "Full credentials and insurance for your peace of mind", icon: Shield }
          ]}
          buttons={[
            { text: "Learn More", href: "#services" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/skilful-male-landscaper-using-high-altitude-hedge-trimmer-topiary-park-side-view-focused_7502-10164.jpg"
          imageAlt="Team working on landscape design project"
          mediaAnimation="opacity"
          imagePosition="right"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureBorderGlow
          title="Our Services"
          description="6 comprehensive services trusted by 500+ clients worldwide. Comprehensive landscaping solutions designed to enhance and maintain your outdoor property"
          tag="What We Offer"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          features={[
            { icon: Hammer, title: "Hardscape Design", description: "Expert patios, pathways, retaining walls, and structural elements that frame your landscape" },
            { icon: Leaf, title: "Planting & Gardens", description: "Beautiful plant selections, flower beds, shrubs, and trees tailored to your climate" },
            { icon: Sprout, title: "Lawn Care", description: "Regular maintenance including mowing, fertilizing, weed control, and seasonal treatments" },
            { icon: Droplets, title: "Water Features", description: "Stunning fountains, ponds, and irrigation systems that add elegance and functionality" },
            { icon: Lightbulb, title: "Landscape Lighting", description: "Strategic outdoor lighting to highlight features and enhance evening ambiance" },
            { icon: TrendingUp, title: "Outdoor Living", description: "Complete outdoor spaces with seating areas, pergolas, and entertainment zones" }
          ]}
          buttons={[
            { text: "Schedule Consultation", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Our Impact"
          description="Proven results and satisfied clients across the region"
          tag="Portfolio Highlights"
          tagIcon={BarChart3}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          metrics={[
            { id: "1", value: "500+", title: "Landscapes Transformed", items: ["Residential properties", "Commercial spaces", "Public installations"] },
            { id: "2", value: "98%", title: "Client Satisfaction Rate", items: ["On-time delivery", "Quality workmanship", "Excellent communication"] },
            { id: "3", value: "15+", title: "Years of Excellence", items: ["Industry experience", "Award-winning designs", "Trusted partnerships"] },
            { id: "4", value: "50+", title: "Team Professionals", items: ["Licensed designers", "Skilled installers", "Expert maintenance crew"] }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Clients Say"
          description="Real testimonials from homeowners and businesses we've had the pleasure to work with"
          tag="Client Reviews"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          showRating={true}
          animationType="slide-up"
          testimonials={[
            { id: "1", name: "Sarah Mitchell", handle: "@sarahmitchell", testimonial: "Platinum Landscape transformed our backyard into the outdoor oasis we've always dreamed of. Their attention to detail and professionalism exceeded all expectations.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Sarah Mitchell" },
            { id: "2", name: "James Rodriguez", handle: "@jamesr", testimonial: "From initial design consultation to final installation, the team was professional and responsive. Our new patio is absolutely stunning and built to last.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "James Rodriguez" },
            { id: "3", name: "Emily Chen", handle: "@emilydesigns", testimonial: "As a designer myself, I was impressed by their creative vision and technical execution. They truly understand how to blend aesthetics with functionality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg?_wi=1", imageAlt: "Emily Chen" },
            { id: "4", name: "Michael Thompson", handle: "@mthompson", testimonial: "Regular maintenance with Platinum keeps our property looking immaculate throughout the year. Reliable, efficient, and always professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Michael Thompson" },
            { id: "5", name: "Lisa Anderson", handle: "@lisa_andersen", testimonial: "Best investment we've made for our home. The landscape design added significant value and transformed how we use our outdoor space.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg?_wi=2", imageAlt: "Lisa Anderson" },
            { id: "6", name: "David Park", handle: "@davidpark", testimonial: "Excellent communication, transparent pricing, and outstanding results. Platinum Landscape is the gold standard in our area.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", imageAlt: "David Park" }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Started"
          title="Ready to Transform Your Outdoor Space?"
          description="Contact us today for a free consultation. Our team is ready to discuss your landscaping vision and create a custom plan tailored to your needs."
          tagIcon={Mail}
          tagAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email address"
          buttonText="Schedule Consultation"
          termsText="We respect your privacy. Unsubscribe at any time. Contact us at (555) 123-4567 or visit our office."
          onSubmit={handleContactSubmit}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/nature-landscape-summer_1204-443.jpg"
          imageAlt="Beautiful sunset landscape garden"
          logoText="Platinum Landscape Management"
          copyrightText="© 2025 Platinum Landscape Management. All rights reserved."
          columns={[
            {
              title: "Services",              items: [
                { label: "Hardscape Design", href: "#services" },
                { label: "Planting & Gardens", href: "#services" },
                { label: "Lawn Care", href: "#services" },
                { label: "Water Features", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Portfolio", href: "#metrics" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone: (555) 123-4567", href: "tel:5551234567" },
                { label: "Email: info@platinumlandscape.com", href: "mailto:info@platinumlandscape.com" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
