banatie-service/apps/studio/src/app/page.tsx

48 lines
2.0 KiB
TypeScript

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>
);
}