"use client";

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

export default function ApplyNowPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSmallSizeLargeTitles"
        background="floatingGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleApple
            navItems={[
              {
                name: "Home",                id: "#home"},
              {
                name: "About",                id: "#about"},
              {
                name: "Process",                id: "#process"},
              {
                name: "Success Stories",                id: "/success-stories"},
              {
                name: "Team",                id: "#team"},
              {
                name: "FAQ",                id: "#faq"},
              {
                name: "Apply Now",                id: "/apply-now"},
              {
                name: "Contact",                id: "#contact"},
            ]}
            brandName="WUMA Match"
          />
        </div>

        <div id="apply-now" data-section="apply-now">
          <ContactSplit
            useInvertedBackground={false}
            background={{
              variant: "plain"}}
            tag="Application"
            title="Ready to find your match? Apply Now!"
            description="Take the first step towards your personalized matchmaking journey. Fill out our brief application form to get started."
            imageSrc="http://img.b2bpic.net/free-photo/elegant-woman-calling-cellphone_23-2149021200.jpg"
            imageAlt="Woman filling out an application form"
            mediaAnimation="opacity"
            inputPlaceholder="Your Email Address"
            buttonText="Submit Application"
            termsText="By clicking 'Submit Application', you agree to our Terms and Conditions and Privacy Policy."
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterLogoReveal
            logoSrc="http://img.b2bpic.net/free-photo/notepad-with-inscription-4th-july-design-with-stars-red-surface_23-2148151321.jpg"
            logoAlt="modern elegant WUMA Match logo"
            logoText="WUMA Match"
            leftLink={{
              text: "Privacy Policy",              href: "#"}}
            rightLink={{
              text: "Terms of Service",              href: "#"}}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
