"use client";

import Link from 'next/link';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="ChayNik"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Courses", id: "/courses" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Enroll Now", href: "/contact" }}
        />
      </div>

      <div id="contact" data-section="contact" className="pt-20">
        <ContactText
          text="Ready to transform your career with ChayNik? Get in touch with our admissions team today and take the first step towards becoming a tech professional. We're here to guide you through the enrollment process and answer all your questions."
          animationType="entrance-slide"
          buttons={[
            { text: "Enroll Now", href: "#" },
            { text: "Schedule Demo", href: "#" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterLogoReveal logoText="ChayNik" />
    </ThemeProvider>
  );
}