import Link from "next/link";

export default function LandingPage() {
  return (
    <main className="min-h-screen flex flex-col items-center justify-center bg-gradient-to-br from-gray-900 via-gray-800 to-gray-950 text-white p-8">
      <div className="max-w-xl w-full flex flex-col items-center">
        <img src="/logo.svg" alt="AeThex Studio Logo" className="w-24 h-24 mb-6" />
        <h1 className="text-4xl font-bold mb-4 text-center">Welcome to AeThex Studio</h1>
        <p className="text-lg mb-8 text-center opacity-80">
          The Next-Generation Cross-Platform IDE for Creators, Developers, and Teams.
        </p>
        <div className="flex flex-col gap-4 w-full">
          <a
            href="https://aethex.com/download"
            className="bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 rounded-lg text-center transition-colors shadow-lg"
            target="_blank"
            rel="noopener noreferrer"
          >
            Download AeThex Studio
          </a>
          <Link
            href="/ide"
            className="bg-gray-800 hover:bg-gray-700 text-white font-semibold py-3 rounded-lg text-center transition-colors border border-gray-700"
          >
            Open in Browser
          </Link>
        </div>
        <p className="mt-8 text-sm text-gray-400 text-center">
          Need help? <a href="https://aethex.com/docs" className="underline hover:text-blue-400">Read the Docs</a>
        </p>
      </div>
    </main>
  );
}
