"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import Link from 'next/link';
import { CheckCircle, Sparkles } from 'lucide-react';

export default function StudentVerificationPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="fluid"
      cardStyle="inset"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: "Home", id: "/" },
            { name: "For Students", id: "/student/verification" },
            { name: "For Employers", id: "/employer/listings" },
            { name: "About", id: "#about" },
            { name: "Contact", id: "#contact" }
          ]}
          brandName="KNBA SIB Co-op"
          bottomLeftText="High School Co-op Placements"
          bottomRightText="hello@knbasibcoop.ca"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout 
          tag="Student Verification"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          title="Get Your Verified Student Badge and Start Your Co-op Journey"
          useInvertedBackground={false}
          buttons={[
            { text: "Begin Verification", href: "#" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="verification-steps" data-section="verification-steps">
        <FeatureCardMedia 
          title="Your Verification Journey"
          description="Complete each step to earn your Verified Student badge and unlock co-op opportunities"
          tag="5 Easy Steps"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          features={[
            {
              id: "step-resume",
              title: "Upload Your Resume",
              description: "Create a professional resume highlighting your skills, experience, and academic achievements. PDF format, maximum 5MB.",
              tag: "Step 1",
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg?_wi=2",
              imageAlt: "Resume upload interface",
              buttons: []
            },
            {
              id: "step-consent",
              title: "Get Parent/Guardian Consent",
              description: "If you're under 18, your parent or guardian must provide digital consent. We'll send them a secure verification link.",
              tag: "Step 2",
              imageSrc: "http://img.b2bpic.net/free-vector/gradient-data-privacy-labels-collection_23-2149457392.jpg?_wi=3",
              imageAlt: "Parent consent process",
              buttons: []
            },
            {
              id: "step-teacher",
              title: "Teacher Email Verification",
              description: "Verify your enrollment with your school by confirming a code sent to your school email. This proves you're a current student.",
              tag: "Step 3",
              imageSrc: "http://img.b2bpic.net/free-vector/flat-design-patented-stamp-collection_23-2149752889.jpg?_wi=4",
              imageAlt: "Email verification",
              buttons: []
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit 
          tag="Ready to Verify?"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          title="Start Your Verification Today"
          description="Join hundreds of verified students accessing real co-op placements. The process takes about 15 minutes to complete all requirements. Approval happens within 3-5 business days."
          background={{ variant: "fluid" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg?_wi=3"
          imageAlt="Student verification success"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Start Verification"
          termsText="We take your privacy seriously. Your information is secure and never sold."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal 
          columns={[
            {
              title: "For Students",
              items: [
                { label: "Start Verification", href: "/student/verification" },
                { label: "Browse Placements", href: "/jobs" },
                { label: "Student Dashboard", href: "/student/dashboard" },
                { label: "FAQ", href: "/faq" }
              ]
            },
            {
              title: "For Employers",
              items: [
                { label: "Post an Opportunity", href: "/employer/listings" },
                { label: "Employer Dashboard", href: "/employer/dashboard" },
                { label: "Browse Candidates", href: "/employer/dashboard" },
                { label: "Contact Sales", href: "#contact" }
              ]
            },
            {
              title: "Platform",
              items: [
                { label: "About KNBA SIB", href: "#about" },
                { label: "How It Works", href: "#how-it-works" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 KNBA SIB Co-op Platform. Connecting Kanata high school students with real co-op opportunities."
        />
      </div>
    </ThemeProvider>
  );
}