'use client';

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

export default function DeepDivesPage() {
  return (
    <div className="max-w-4xl mx-auto">
      <div className="mb-8">
        <h1 className="text-3xl font-bold mb-2">
          <span className="gradient-text">Deep Dive Analyses</span>
        </h1>
        <p className="text-gray-400">
          Comprehensive company and technology investigations
        </p>
      </div>

      <div className="bg-[#12121a] rounded-2xl border border-[#1e1e2e] p-12 text-center">
        <FiTarget className="mx-auto text-4xl text-gray-600 mb-4" />
        <p className="text-gray-500 mb-4">No deep dives yet</p>
        <p className="text-gray-600 text-sm mb-6">
          Run a discovery search first, then select candidates for deep dive analysis
        </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>
  );
}