export default function HomePage() {
  return (
    <div className="container mx-auto px-4 py-8">
      <div className="text-center">
        <h1 className="text-4xl font-bold text-gray-900 mb-8">
          Welcome to ShortURL Analytics
        </h1>
      </div>
      
      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
        <a 
          href="/dashboard" 
          className="block p-6 bg-white rounded-lg shadow hover:shadow-md transition-shadow"
        >
          <h2 className="text-xl font-semibold text-gray-900 mb-2">
            Dashboard
          </h2>
          
          <p className="text-gray-600">
            Get an overview of all your short URL analytics data.
          </p>
        </a>
        
        <a 
          href="/events" 
          className="block p-6 bg-white rounded-lg shadow hover:shadow-md transition-shadow"
        >
          <h2 className="text-xl font-semibold text-gray-900 mb-2">
            Event Tracking
          </h2>
          
          <p className="text-gray-600">
            View detailed events for all your short URLs.
          </p>
        </a>
        
        <a 
          href="/analytics" 
          className="block p-6 bg-white rounded-lg shadow hover:shadow-md transition-shadow"
        >
          <h2 className="text-xl font-semibold text-gray-900 mb-2">
            URL Analysis
          </h2>
          
          <p className="text-gray-600">
            Analyze performance of specific short URLs.
          </p>
        </a>
        
        <a 
          href="/account" 
          className="block p-6 bg-white rounded-lg shadow hover:shadow-md transition-shadow"
        >
          <h2 className="text-xl font-semibold text-gray-900 mb-2">
            Account Settings
          </h2>
          
          <p className="text-gray-600">
            Manage your account and team settings.
          </p>
        </a>
      </div>
    </div>
  );
}