feat: registration + public landing page

/register: полноценная страница регистрации с валидацией
  email, пароль (6+ символов), подтверждение, имя (optional)
  После регистрации → /onboarding (создать первый канал)
  50 кредитов при регистрации
/landing: публичный лендинг для незалогиненных
  Hero, Features (6), How it works (3 шага), Pricing (4 тарифа), CTA, Footer
page.js: незалогиненный → redirect /landing (не /login)
Header: Settings2 в импорт, PublicHeader экспорт для лендинга
This commit is contained in:
Ник (Claude)
2026-06-13 15:05:46 +03:00
parent 789cfe10db
commit a3c1fa0c65
4 changed files with 340 additions and 31 deletions
+27 -30
View File
@@ -15,7 +15,7 @@ const GOAL_LABELS = {
export default async function HomePage() {
const user = await requireUser();
if (!user) redirect('/login');
if (!user) redirect('/landing');
let channels = [];
try {
@@ -43,50 +43,47 @@ export default async function HomePage() {
{channels.length === 0 ? (
<div className="card p-12 text-center">
<div className="inline-flex items-center justify-center w-14 h-14 rounded-full bg-surface2 mb-4">
<MessageSquare className="w-7 h-7 text-gray-500" />
</div>
<h2 className="text-lg font-semibold mb-1">Пока пусто</h2>
<p className="text-sm text-gray-500 mb-6">
Создай первый канал, чтобы начать генерировать посты
</p>
<MessageSquare className="w-12 h-12 mx-auto mb-4 text-accent opacity-50" />
<h2 className="text-xl font-semibold mb-2">Нет каналов</h2>
<p className="text-gray-500 mb-6">Добавь первый канал чтобы начать генерировать контент</p>
<Link href="/channels/new" className="btn-primary">
<Plus className="w-4 h-4" />
Создать канал
Создать первый канал
</Link>
</div>
) : (
<div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-4">
<div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
{channels.map(ch => (
<Link
key={ch.id}
href={`/channels/${ch.id}`}
className="card p-5 hover:border-accent/40 transition-colors group"
>
<Link key={ch.id} href={`/channels/${ch.id}`} className="card p-5 hover:border-accent/40 transition-colors group">
<div className="flex items-start justify-between mb-3">
<h3 className="font-semibold group-hover:text-accent transition-colors">
{ch.name}
</h3>
<span className="text-xs px-2 py-0.5 rounded-full bg-surface2 text-gray-400">
{(ch.goal || '').split(',').map(g => GOAL_LABELS[g.trim()] || g.trim()).join(' · ')}
<div>
<h3 className="font-semibold group-hover:text-accent transition-colors">{ch.name}</h3>
{ch.tg_username && (
<span className="text-xs text-gray-500">@{ch.tg_username}</span>
)}
</div>
<span className={`text-xs px-2 py-0.5 rounded-full ${
ch.platform === 'telegram' ? 'bg-blue-500/20 text-blue-400' :
ch.platform === 'vk' ? 'bg-blue-600/20 text-blue-500' :
'bg-purple-500/20 text-purple-400'
}`}>
{ch.platform || 'telegram'}
</span>
</div>
{ch.niche && (
<p className="text-xs text-gray-500 line-clamp-2 mb-3">
{ch.niche}
</p>
<p className="text-sm text-gray-400 mb-3 line-clamp-2">{ch.niche}</p>
)}
<div className="flex items-center gap-4 text-xs text-gray-500">
{ch.audience && (
<div className="flex items-center gap-3 text-xs text-gray-500">
{ch.goal && (
<span className="flex items-center gap-1">
<Users className="w-3 h-3" />
Есть ЦА
<Target className="w-3 h-3" />
{GOAL_LABELS[ch.goal] || ch.goal}
</span>
)}
{ch.style?.example_posts?.length > 0 && (
{ch.language && (
<span className="flex items-center gap-1">
<Target className="w-3 h-3 text-accent" />
{ch.style.example_posts.length} пример{ch.style.example_posts.length === 1 ? '' : 'а'}
<Users className="w-3 h-3" />
{ch.language.toUpperCase()}
</span>
)}
</div>