"use client";

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

export default function ContactPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="largeSmallSizeLargeTitles"
        background="none"
        cardStyle="glass-depth"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <NavbarStyleCentered
            navItems={[
                { name: "Home", id: "/" },
                { name: "Services", id: "/#services" },
                { name: "Experience", id: "/#experience" },
                { name: "Contact", id: "/contact" },
            ]}
            brandName="Jeff & Company"
        />

        <ContactSplit
            tag="Contact Us"
            title="Book Your Appointment"
            description="Ready to treat your pet? Reach out to us today and schedule a grooming session in our calm, professional salon."
            background={{ variant: "plain" }}
            imageSrc="http://img.b2bpic.net/free-photo/lifestyle-portrait-handsome-smiling-man-sitting-pet-friendly-cafe-with-his-beautiful-dog-petting-golden-retriever-waiting-order_1258-314442.jpg"
            onSubmit={(email) => console.log("New Lead:", email)}
        />

        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-washing-dog_23-2149872954.jpg"
          logoText="Jeff & Company Grooming"
          columns={[
            {
              title: "Contact",          items: [
                { label: "Greystoke Dr, Ruislip", href: "#" },
                { label: "07598 206450", href: "tel:07598206450" },
              ],
            },
            {
              title: "Opening Hours",          items: [
                { label: "Mon-Fri: 9am-5pm", href: "#" },
                { label: "Sat: 9am-5pm", href: "#" },
              ],
            },
            {
              title: "Follow",          items: [
                { label: "Instagram", href: "#" },
              ],
            },
          ]}
        />
      </ReactLenis>
    </ThemeProvider>
  );
}