"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Calendar, Shield, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="large"
        background="blurBottom"
        cardStyle="inset"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Services", id: "#services" },
        { name: "About", id: "#about" },
        { name: "Testimonials", id: "#testimonials" },
        { name: "Contact", id: "#contact" },
      ]}
      brandName="Legacy Landscaping"
      button={{
        text: "Get Quote",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Legacy Landscaping: Professional Outdoor Transformations"
      description="Expert hardscaping, turf installation, and masonry services in Reno. With 6+ years of experience, we deliver exceptional results for every property."
      testimonials={[
        { name: "Mark R.", handle: "@renohomeowner", testimonial: "Fantastic work on my new patio. Highly recommended!", rating: 5 },
        { name: "Sarah K.", handle: "@localgardener", testimonial: "Professional and on time. Reno's finest!", rating: 5 },
        { name: "James T.", handle: "@landscaperfan", testimonial: "Exceeded all our expectations on the yard redesign.", rating: 4 },
      ]}
      buttons={[
        { text: "Get Free Estimate", href: "#contact" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/luxury-outdoor-hotel_1150-12915.jpg"
      avatarText="Trusted by our community"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={true}
      title="Serving Reno with Pride"
      description="Legacy Landscaping is your go-to expert for quality outdoor living spaces. Since 2018, we have been committed to delivering beautiful, functional, and durable landscaping solutions tailored to your unique needs."
      bulletPoints={[
        { title: "6+ Years Experience", description: "Proven expertise in Northern Nevada landscape conditions." },
        { title: "Free Consultation", description: "Start your transformation with a no-obligation expert estimate." },
        { title: "Open & Available", description: "Ready to discuss your vision today." },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517453.jpg"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardEight
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        { title: "Artificial Turf", description: "Beautiful, water-saving green lawns year-round.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-outdoor-hotel_1150-12915.jpg" },
        { title: "Concrete Masonry", description: "Custom patios, walkways, and driveways.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-outdoor-hotel_1150-12915.jpg" },
        { title: "Retaining Walls", description: "Functional and aesthetic structural solutions.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-outdoor-hotel_1150-12915.jpg" },
        { title: "Drainage & Grading", description: "Protecting your property from water damage.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-outdoor-hotel_1150-12915.jpg" },
      ]}
      title="Comprehensive Landscaping Services"
      description="We handle everything from ground-up design to structural masonry installations."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        { id: "1", value: "4.7", title: "Rating", description: "Rated by our happy clients", icon: Star },
        { id: "2", value: "73", title: "Reviews", description: "Proven customer satisfaction", icon: Star },
        { id: "3", value: "6+", title: "Years", description: "Experience in business", icon: Calendar },
      ]}
      title="Proven Track Record"
      description="Quality and trust define everything we do at Legacy Landscaping."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="opacity"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      textboxLayout="split"
      testimonials={[
        { id: "1", name: "Mark R.", role: "Homeowner", company: "Reno, NV", rating: 5 },
        { id: "2", name: "Susan L.", role: "Homeowner", company: "Sparks, NV", rating: 5 },
        { id: "3", name: "David W.", role: "Homeowner", company: "Washoe Valley", rating: 4 },
      ]}
      title="What Reno Homeowners Say"
      description="Real feedback from our satisfied clients."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      faqs={[
        { id: "1", title: "Are consultations free?", content: "Yes, we offer free estimates and consultations to assess your project." },
        { id: "2", title: "Where do you serve?", content: "We serve the Reno area and surrounding Northern Nevada communities." },
      ]}
      title="Frequently Asked Questions"
      description="Get the answers you need to start your project."
      faqsAnimation="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      tag="Contact Us"
      title="Schedule Your Free Consultation"
      description="Ready for a beautiful yard? Get in touch with Legacy Landscaping today."
      background={{ variant: "plain" }}
      useInvertedBackground={false}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/cityscape-office-buildings_1127-2949.jpg"
      logoText="Legacy Landscaping"
      columns={[
        { title: "Services", items: [{ label: "Turf Installation", href: "#services" }, { label: "Masonry", href: "#services" }] },
        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}