import Link from 'next/link';

export default function Home() {
  return (
    <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-red-50 to-red-100">
      <div className="max-w-2xl mx-auto p-8 bg-white rounded-2xl shadow-2xl">
        <div className="text-center">
          <h1 className="text-5xl font-bold text-gray-900 mb-4">
            SaveTheMoment <span className="text-red-600">Atlas</span>
          </h1>
          <p className="text-xl text-gray-600 mb-8">
            Buchungs- & Tourenmanagement System
          </p>
          
          <div className="space-y-4 mt-12">
            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
              <Link 
                href="/login"
                className="px-8 py-4 bg-red-600 text-white rounded-lg font-semibold hover:bg-red-700 transition-colors shadow-lg text-center"
              >
                Admin Login
              </Link>
              
              <Link 
                href="/driver-login"
                className="px-8 py-4 bg-gray-700 text-white rounded-lg font-semibold hover:bg-gray-800 transition-colors shadow-lg text-center"
              >
                Fahrer Login
              </Link>
            </div>
          </div>
          
          <div className="mt-12 pt-8 border-t border-gray-200">
            <h2 className="text-lg font-semibold text-gray-800 mb-4">Standorte</h2>
            <div className="flex flex-wrap justify-center gap-3">
              <span className="px-4 py-2 bg-red-100 text-red-800 rounded-full text-sm">Lübeck</span>
              <span className="px-4 py-2 bg-red-100 text-red-800 rounded-full text-sm">Hamburg</span>
              <span className="px-4 py-2 bg-red-100 text-red-800 rounded-full text-sm">Kiel</span>
              <span className="px-4 py-2 bg-red-100 text-red-800 rounded-full text-sm">Berlin</span>
              <span className="px-4 py-2 bg-red-100 text-red-800 rounded-full text-sm">Rostock</span>
            </div>
          </div>
          
          <div className="mt-8 text-sm text-gray-500">
            Version 0.2.0 - Phase 2: Buchungsmanagement
          </div>
        </div>
      </div>
    </div>
  );
}