import ScraperTest from '@/components/ScraperTest';

export default function Home() {
  return (
    <div className="min-h-screen bg-gradient-to-br from-blue-600 to-indigo-700 py-12 px-4">
      <main className="max-w-5xl mx-auto">
        <div className="text-center mb-10">
          <h1 className="text-4xl md:text-5xl font-bold text-white mb-3">
            Google Reviews Scraper
          </h1>
          <p className="text-blue-100 text-lg">
            Test the containerized scraper API
          </p>
          <div className="mt-4 inline-flex items-center gap-2 px-4 py-2 bg-blue-500/30 rounded-lg text-blue-100 text-sm">
            <div className="w-2 h-2 bg-green-400 rounded-full animate-pulse"></div>
            Powered by SeleniumBase UC Mode
          </div>
        </div>

        <div className="bg-white rounded-2xl shadow-2xl p-6 md:p-8">
          <ScraperTest />
        </div>

        <div className="mt-8 text-center text-blue-100 text-sm space-y-2">
          <p className="font-medium">💡 Example URLs to test:</p>
          <div className="space-y-1 text-xs">
            <p className="font-mono bg-blue-500/20 rounded px-3 py-1 inline-block">
              https://www.google.com/maps/place/Soho+Club/...
            </p>
          </div>
          <p className="mt-4 text-blue-200">
            API running at: <span className="font-mono">localhost:8000</span>
          </p>
        </div>
      </main>
    </div>
  );
}