"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Briefcase, Zap } from "lucide-react";

const navItems = [
  { name: "Home", id: "home" },
  { name: "About", id: "about" },
  { name: "Candidates", id: "candidates" },
  { name: "Clients", id: "clients" },
  { name: "Testimonials", id: "testimonials" },
];

const footerColumns = [
  {
    items: [
      { label: "Home", href: "/" },
      { label: "About", href: "/about" },
      { label: "Careers", href: "#careers" },
    ],
  },
  {
    items: [
      { label: "For Candidates", href: "/candidates" },
      { label: "For Clients", href: "/clients" },
      { label: "Contact", href: "/contact" },
    ],
  },
  {
    items: [
      { label: "Privacy Policy", href: "#privacy" },
      { label: "Terms", href: "#terms" },
      { label: "LinkedIn", href: "https://linkedin.com" },
    ],
  },
];

export default function CandidatesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="medium"
      background="circleGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={navItems}
          button={{ text: "Contact", href: "/contact" }}
          brandName="Adapro"
        />
      </div>

      <div id="hero-candidates" data-section="hero-candidates">
        <HeroBillboardTestimonial
          title="Your next opportunity starts here"
          description="Whether you're seeking a career change, promotion, or new challenge in Finance, HR, Procurement, Marketing, Legal, or IT – we have opportunities tailored to your goals. Partner with recruiters who understand your aspirations."
          tag="For Candidates"
          tagIcon={Briefcase}
          tagAnimation="slide-up"
          background={{ variant: "animated-grid" }}
          imageSrc="http://img.b2bpic.net/free-photo/group-business-workers-smiling-happy-confident-working-together-with-smile-face-using-laptop-speaking-office_839833-9703.jpg"
          imageAlt="Candidates exploring career opportunities"
          mediaAnimation="slide-up"
          testimonials={[
            {
              name: "David Martinez",              handle: "Finance Professional",              testimonial:
                "Adapro helped me find the perfect role that aligned with my career goals. Their support throughout was exceptional.",              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
            {
              name: "Rachel Green",              handle: "HR Specialist",              testimonial:
                "They listened to what I wanted and didn't push me toward roles that weren't right. That integrity is rare.",              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"},
          ]}
          testimonialRotationInterval={5000}
          buttons={[
            { text: "Register with us", href: "/contact" },
            { text: "Browse opportunities", href: "#opportunities" },
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="why-work-with-us" data-section="why-work-with-us">
        <FeatureCardMedia
          title="Why candidates choose Adapro"
          description="We're not just another recruitment agency. Here's what sets us apart in candidate experience."
          features={[
            {
              id: "personalized-support",              title: "Personalized Support",              description:
                "Your dedicated recruiter gets to know you, your goals, and your values. We match you with roles that fit.",              tag: "Candidates",              imageSrc:
                "http://img.b2bpic.net/free-photo/focused-business-colleagues-arguing_1262-20538.jpg"},
            {
              id: "sector-expertise",              title: "Sector Expertise",              description:
                "With 20+ years in professional services, we understand career progression, market rates, and opportunities.",              tag: "Candidates",              imageSrc:
                "http://img.b2bpic.net/free-photo/businessman-holding-laptop-showing-financial-data_9975-22146.jpg"},
            {
              id: "honest-advice",              title: "Honest Advice",              description:
                "We'll tell you if a role is right for you, even if it means passing on a commission. Your career matters most.",              tag: "Candidates",              imageSrc:
                "http://img.b2bpic.net/free-photo/marketing-plan-achievement-strategy_53876-127844.jpg"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="cta-candidates" data-section="cta-candidates">
        <ContactCTA
          tag="Get Started"
          tagIcon={Zap}
          tagAnimation="slide-up"
          title="Ready to take the next step?"
          description="Register with Adapro today and let's explore opportunities that match your goals. Honest conversation, no pressure."
          buttons={[
            { text: "Register now", href: "/contact" },
            { text: "Learn about roles", href: "#opportunities" },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "animated-grid" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis columns={footerColumns} logoText="Adapro" />
      </div>
    </ThemeProvider>
  );
}