"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="large"
        background="circleGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Reviews",
          id: "reviews",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Nate's Tree Care"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "sparkles-gradient",
      }}
      title="Expert Tree Care You Can Trust"
      description="Professional, safe, and reliable tree maintenance services in Omro and the surrounding Wisconsin regions."
      buttons={[
        {
          text: "Call Nate Now",
          href: "tel:+19200000000",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/farmer-pruning-fruit-tree-branches-orchard_342744-853.jpg?_wi=1",
          imageAlt: "Professional arborist at work",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/faceless-lumberman-chopping-log-forest_23-2148253379.jpg",
          imageAlt: "Stump grinding process",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22884.jpg",
          imageAlt: "Precision tree trimming",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/camper-life-concept-with-branches-shelter_23-2148456447.jpg",
          imageAlt: "Emergency tree removal",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-park-ranger-woods_23-2149309525.jpg?_wi=1",
          imageAlt: "Tree health assessment",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/gardener-with-plant_23-2148013415.jpg",
          imageAlt: "Healthy lush tree landscape",
        },
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentySeven
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "1",
          title: "Tree Removal",
          descriptions: [
            "Safe and efficient removal of hazardous or unwanted trees by our certified crew.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-park-ranger-woods_23-2149309592.jpg",
        },
        {
          id: "2",
          title: "Precision Pruning",
          descriptions: [
            "Expert trimming to improve tree health, structure, and property clearance.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/girl-is-admiring-flowers-garden_1150-8126.jpg",
        },
        {
          id: "3",
          title: "Stump Grinding",
          descriptions: [
            "Complete stump removal to restore your lawn's beauty and utility.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-wood-with-ax-daytime_181624-20812.jpg",
        },
      ]}
      title="Our Tree Services"
      description="Comprehensive tree care solutions tailored for your property's safety and aesthetics."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Reliability You Can Count On"
      tag="Our Commitment"
      metrics={[
        {
          id: "m1",
          value: "4.7★",
          description: "Google Average Rating",
        },
        {
          id: "m2",
          value: "48+",
          description: "Verified Reviews",
        },
        {
          id: "m3",
          value: "24/7",
          description: "Emergency Availability",
        },
        {
          id: "m4",
          value: "Fair",
          description: "Transparent Pricing",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah J.",
          role: "Homeowner",
          testimonial: "Nate and his team did a fantastic job. Fair price, very hard-working crew, and left the yard cleaner than they found it.",
          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-149935.jpg",
        },
        {
          id: "2",
          name: "Mike T.",
          role: "Business Owner",
          testimonial: "No damage to surrounding structures and perfect cleanup. Highly recommended!",
          imageSrc: "http://img.b2bpic.net/free-photo/mother-son-plating-together_23-2148943246.jpg",
        },
        {
          id: "3",
          name: "Linda R.",
          role: "Homeowner",
          testimonial: "They came out for an emergency tree service during a storm. Super professional and fair.",
          imageSrc: "http://img.b2bpic.net/free-photo/farmer-pruning-fruit-tree-branches-orchard_342744-853.jpg?_wi=2",
        },
        {
          id: "4",
          name: "David K.",
          role: "Homeowner",
          testimonial: "Nate explained the whole process clearly. Very impressive work.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg",
        },
        {
          id: "5",
          name: "Emily B.",
          role: "Homeowner",
          testimonial: "Hard-working team that actually cared about my property.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
        },
      ]}
      title="What Our Clients Say"
      description="Real feedback from satisfied homeowners in Omro."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-static",
      }}
      tag="Contact Nate"
      title="Get a Free Consultation"
      description="Ready to improve your property? Call us today at (920) 000-0000 or fill out the form below."
      imageSrc="http://img.b2bpic.net/free-photo/close-up-park-ranger-woods_23-2149309525.jpg?_wi=2"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Nate's Tree Care"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Contact Us",
        href: "tel:+19200000000",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}