"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';

export default function BookingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLargeSizeLargeTitles"
      background="grid"
      cardStyle="subtle-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleFullscreen
            navItems={[
              { name: "Home", id: "/" },
              { name: "About", id: "/#about" },
              { name: "Services", id: "/#features" },
              { name: "Pricing", id: "/#pricing" },
              { name: "Team", id: "/#team" },
              { name: "Book", id: "/booking" },
              { name: "Contact", id: "/#contact" },
            ]}
            brandName="Maybach Cutz"
          />
        </div>

        <div className="py-20 text-center">
          <h1 className="text-4xl font-bold mb-6">Book Your Appointment</h1>
          <p className="mb-8 text-xl">Call us directly to schedule your visit</p>
          <a 
            href="tel:7863780141" 
            className="inline-block bg-primary-cta text-primary-cta-text px-8 py-4 rounded-full text-lg font-semibold hover:opacity-90 transition"
          >
            Call Now: (786) 378-0141
          </a>
          <div className="mt-12">
            <p className="font-bold">Visit us at:</p>
            <p>10693 Wiles Rd, Coral Springs, FL 33076</p>
          </div>
        </div>

        <div id="footer" data-section="footer">
          <FooterMedia
            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776264324714-kh1wpzii.webp?_wi=2"
            logoText="Brookside Barbers"
            columns={[
              { title: "Location", items: [{ label: "10693 Wiles Rd, Coral Springs, FL 33076", href: "#" }] },
              { title: "Contact", items: [{ label: "(786) 378-0141", href: "tel:7863780141" }] },
              { title: "Services", items: [{ label: "Haircut", href: "/#pricing" }, { label: "Beard Trim", href: "/#pricing" }, { label: "Kids Cut", href: "/#pricing" }] },
            ]}
            copyrightText="© 2025 Brookside Barbers"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}