'use client';

import ProtectedRoute from '@/app/components/ProtectedRoute';

export default function HomePage() {
  return (
    <ProtectedRoute>
      <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>
    </ProtectedRoute>
  );
} 