"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 { Zap, Sparkles } from 'lucide-react';

export default function EmployerListingsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      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="Post Co-op Opportunities"
          tagIcon={Zap}
          tagAnimation="slide-up"
          title="Connect with Verified, Professional High School Students Ready to Contribute"
          useInvertedBackground={false}
          buttons={[
            { text: "Post Your Opportunity", href: "#" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="employer-features" data-section="employer-features">
        <FeatureCardMedia 
          title="Why Employers Choose KNBA SIB"
          description="Post opportunities and find serious, verified candidates in minutes"
          tag="Employer Benefits"
          tagIcon={Zap}
          tagAnimation="slide-up"
          features={[
            {
              id: "feature-verified",              title: "Access Verified Candidates Only",              description: "All students on our platform have completed mandatory verification including resume review, parent consent, and teacher verification. No unvetted profiles.",              tag: "Quality Assurance",              imageSrc: "http://img.b2bpic.net/free-vector/flat-design-patented-stamp-collection_23-2149752889.jpg",              imageAlt: "Verified candidates only",              buttons: []
            },
            {
              id: "feature-tools",              title: "Compare & Filter With Advanced Tools",              description: "Filter by skill badges, availability, and verified status. Compare student profiles side-by-side. Find your perfect candidate match effortlessly.",              tag: "Smart Hiring",              imageSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg",              imageAlt: "Employer comparison tools",              buttons: []
            },
            {
              id: "feature-support",              title: "Professional Support & Vetting",              description: "Our team manually reviews all employer accounts and student applications. Dedicated support ensures smooth placement coordination and professional standards maintained.",              tag: "Professional Service",              imageSrc: "http://img.b2bpic.net/free-vector/gradient-data-privacy-labels-collection_23-2149457392.jpg",              imageAlt: "Employer support",              buttons: []
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit 
          tag="Ready to Hire?"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          title="Post Your Co-op Opportunity Today"
          description="Reach verified, professional high school students ready to make an impact in your organization. Posting takes just 5 minutes. Our team approves within 24 hours. Start receiving applications immediately."
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg"
          imageAlt="Employer success with co-op placements"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your company email"
          buttonText="Post Opportunity"
          termsText="We'll send you secure access to post and manage your co-op opportunities. One platform, unlimited growth."
        />
      </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>
  );
}