"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>
        <div id="nav" data-section="nav">
          <NavbarStyleCentered
              navItems={[
                  { name: "Home", id: "/" },
                  { name: "Services", id: "/#services" },
                  { name: "Experience", id: "/#experience" },
                  { name: "Contact", id: "/contact" },
              ]}
              brandName="Jeff & Company"
          />
        </div>

        <div id="contact" data-section="contact">
          <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" }}
              useInvertedBackground={false}
              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)}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterMedia
            imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-washing-dog_23-2149872954.jpg?_wi=2"
            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: "#" },
                ],
              },
            ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}