import Link from 'next/link';

export default function Home() {
  return (
    <div className="w-full max-w-screen-lg mx-auto p-4">
      <h1 className="text-3xl lg:text-5xl mt-16 font-bold text-center mb-2">Chinese AI Open Source Heatmap 🤗</h1>
      <p className="text-center text-sm mb-8">
        The top AI labs and model releases from the awesome Chinese AI community.<br />
        Huge thanks to Caleb for the excellent original work. <a href="https://huggingface.co/spaces/cfahlgren1/model-release-heatmap" target="_blank">Link</a> to the original repo
      </p>
      <div className="flex justify-center mt-8">
        <Link 
          href="/heatmap"
          className="text-xl text-blue-600 hover:text-blue-800 hover:underline"
        >
          View Heatmap
        </Link>
      </div>
    </div>
  );
}