'use client';

import { FiTrendingUp } from 'react-icons/fi';
import Link from 'next/link';

export default function ComparePage() {
  return (
    <div className="max-w-4xl mx-auto">
      <div className="mb-8">
        <h1 className="text-3xl font-bold mb-2">
          <span className="gradient-text">Compare Candidates</span>
        </h1>
        <p className="text-gray-400">
          Side-by-side comparison of technology candidates
        </p>
      </div>

      <div className="bg-[#12121a] rounded-2xl border border-[#1e1e2e] p-12 text-center">
        <FiTrendingUp className="mx-auto text-4xl text-gray-600 mb-4" />
        <p className="text-gray-500 mb-4">No candidates selected for comparison</p>
        <p className="text-gray-600 text-sm mb-6">
          Run a discovery search and select multiple candidates to compare
        </p>
        <Link
          href="/"
          className="inline-block px-6 py-3 bg-gradient-to-r from-[#00d4ff] to-[#7c3aed] rounded-lg font-semibold hover:opacity-90 transition-opacity"
        >
          Start Discovery
        </Link>
      </div>
    </div>
  );
}