export default function StudioPage() {
  return (
    <div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100">
      <div className="container mx-auto px-4 py-12">
        <div className="text-center">
          <h1 className="text-5xl font-bold text-gray-900 mb-6">Banatie Studio</h1>
          <p className="text-xl text-gray-600 mb-8 max-w-2xl mx-auto">
            Professional AI image generation platform with subscription management, user
            authentication, and billing integration.
          </p>

          <div className="grid md:grid-cols-3 gap-8 mt-12 max-w-4xl mx-auto">
            <div className="bg-white rounded-lg shadow-lg p-6">
              <h3 className="text-xl font-semibold mb-4">🔐 Authentication</h3>
              <p className="text-gray-600">
                Secure user authentication powered by Supabase with social login support.
              </p>
            </div>

            <div className="bg-white rounded-lg shadow-lg p-6">
              <h3 className="text-xl font-semibold mb-4">💳 Billing</h3>
              <p className="text-gray-600">
                Stripe integration for subscription management and payment processing.
              </p>
            </div>

            <div className="bg-white rounded-lg shadow-lg p-6">
              <h3 className="text-xl font-semibold mb-4">🎨 AI Generation</h3>
              <p className="text-gray-600">
                Professional image generation with usage tracking and limits.
              </p>
            </div>
          </div>

          <div className="mt-12">
            <div className="bg-yellow-50 border border-yellow-200 rounded-lg p-4 max-w-2xl mx-auto">
              <p className="text-yellow-800">
                <strong>Coming Soon:</strong> This SaaS platform is under development. Based on
                Vercel&apos;s Next.js SaaS starter template.
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}