import Link from 'next/link'

export default function TestPage() {
  return (
    <div className="min-h-screen bg-black text-white p-8">
      <div className="max-w-2xl mx-auto">
        <h1 className="text-4xl font-bold text-red-500 mb-8">Test Page</h1>
        
        <div className="space-y-4 mb-8">
          <p className="text-lg">✅ Next.js server is working correctly</p>
          <p className="text-gray-300">This is a minimal test page to verify the setup.</p>
          <p className="text-gray-300">If you can see this, the basic routing and rendering is functional.</p>
        </div>

        <div className="bg-gray-900 p-6 rounded-lg mb-8">
          <h2 className="text-xl font-semibold mb-4 text-red-400">System Information</h2>
          <ul className="space-y-2 text-gray-300">
            <li>• Framework: Next.js</li>
            <li>• Styling: Tailwind CSS</li>
            <li>• Theme: Dark mode with red accents</li>
            <li>• Static rendering: Enabled</li>
          </ul>
        </div>

        <Link 
          href="/" 
          className="inline-block bg-red-600 hover:bg-red-700 text-white font-medium py-2 px-4 rounded transition-colors duration-200"
        >
          ← Back to Home
        </Link>
      </div>
    </div>
  )
}