"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';

export default function TreeServicesPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="compact"
        sizing="mediumLargeSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
        <NavbarLayoutFloatingInline
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/#services" },
            { name: "Hedge Trimming", id: "/hedge-trimming" },
            { name: "Tree Services", id: "/tree-removal-trimming" },
            { name: "Why Us", id: "/#why-us" },
            { name: "Reviews", id: "/#reviews" },
          ]}
          brandName="Ryan Brothers"
          button={{ text: "Get A Quote", href: "tel:4803279024" }}
        />
        <HeroLogoBillboard
          logoText="Tree Removal & Trimming"
          description="Safe tree removal and professional trimming services to enhance yard safety and aesthetics."
          buttons={[{ text: "Request a Quote", href: "tel:4803279024" }]}
        />
        <ContactSplitForm
          title="Book Your Tree Service"
          description="Contact us today to discuss your tree service needs."
          inputs={[{ name: "name", type: "text", placeholder: "Full Name", required: true }, { name: "email", type: "email", placeholder: "Email", required: true }]}
        />
        <FooterCard logoText="Ryan Brothers Lawn & Landscape" />
      </ReactLenis>
    </ThemeProvider>
  );
}