"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function EnrollmentPage() {
  return (
    <ThemeProvider>
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingOverlay
            brandName="GourmetAgency"
            navItems={[
              { name: "Home", id: "/" },
              { name: "Pricing", id: "/pricing" },
              { name: "Enroll", id: "enrollment" },
              { name: "Contact", id: "/" }
            ]}
          />
        </div>
        <div id="contact" data-section="contact">
          <ContactCenter
            tag="Enrollment"
            title="Secure Your Spot"
            description="Complete the form below to start your journey into world-class hospitality training."
          />
        </div>
        <div id="footer" data-section="footer">
          <FooterLogoEmphasis
            logoText="GourmetAgency"
            columns={[
              { items: [{ label: "Home", href: "/" }, { label: "Pricing", href: "/pricing" }] }
            ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}