- {ch.audience && (
+
+ {ch.goal && (
-
- Есть ЦА
+
+ {GOAL_LABELS[ch.goal] || ch.goal}
)}
- {ch.style?.example_posts?.length > 0 && (
+ {ch.language && (
-
- {ch.style.example_posts.length} пример{ch.style.example_posts.length === 1 ? '' : 'а'}
+
+ {ch.language.toUpperCase()}
)}
diff --git a/app/register/page.js b/app/register/page.js
new file mode 100644
index 0000000..bad3c16
--- /dev/null
+++ b/app/register/page.js
@@ -0,0 +1,121 @@
+'use client';
+import { useState } from 'react';
+import { useRouter } from 'next/navigation';
+import Link from 'next/link';
+import { Loader2, Eye, EyeOff, Sparkles } from 'lucide-react';
+
+export default function RegisterPage() {
+ const router = useRouter();
+ const [email, setEmail] = useState('');
+ const [pass, setPass] = useState('');
+ const [pass2, setPass2] = useState('');
+ const [name, setName] = useState('');
+ const [show, setShow] = useState(false);
+ const [busy, setBusy] = useState(false);
+ const [error, setError] = useState('');
+
+ async function submit() {
+ if (!email.trim() || !pass) { setError('Заполните email и пароль'); return; }
+ if (pass.length < 6) { setError('Пароль минимум 6 символов'); return; }
+ if (pass !== pass2) { setError('Пароли не совпадают'); return; }
+ setBusy(true); setError('');
+ try {
+ const res = await fetch('/api/auth/login', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ email: email.trim(), password: pass, name: name.trim() || undefined, mode: 'register' }),
+ }).then(r => r.json());
+ if (!res.ok) { setError(res.error || 'Ошибка'); setBusy(false); return; }
+ router.push(res.isNew ? '/onboarding' : '/');
+ } catch { setError('Ошибка соединения'); setBusy(false); }
+ }
+
+ return (
+
+ {/* Background glow */}
+
+
+
+ {/* Logo */}
+
+
+
+ ZeroPost
+
+
Создайте аккаунт — это бесплатно
+
+
+
+
Регистрация
+
+
+
+ setName(e.target.value)}
+ placeholder="Алексей"
+ className="input w-full" autoFocus />
+
+
+
+
+ setEmail(e.target.value)}
+ onKeyDown={e => e.key === 'Enter' && submit()}
+ placeholder="you@example.com"
+ className="input w-full" />
+
+
+
+
+
+ setPass(e.target.value)}
+ placeholder="Минимум 6 символов"
+ className="input w-full pr-10" />
+
+
+
+
+
+
+ setPass2(e.target.value)}
+ onKeyDown={e => e.key === 'Enter' && submit()}
+ placeholder="Ещё раз"
+ className="input w-full" />
+
+
+ {error &&
{error}
}
+
+
+
+
+
+
+ Уже есть аккаунт? Войти →
+
+
+
+ {/* Бонус */}
+
+ 🎁 При регистрации — 50 бесплатных кредитов
+
+
+
+ Регистрируясь, вы принимаете{' '}
+ условия использования
+
+
+ );
+}
diff --git a/components/Header.js b/components/Header.js
index c43411f..ff58c54 100644
--- a/components/Header.js
+++ b/components/Header.js
@@ -2,7 +2,7 @@
import Link from 'next/link';
import { useRouter } from 'next/navigation';
import { useEffect, useState } from 'react';
-import { Sparkles, LogOut, CalendarDays, Coins, FileText } from 'lucide-react';
+import { Sparkles, LogOut, CalendarDays, Coins, FileText, Settings2 } from 'lucide-react';
import ThemeToggle from './ThemeToggle';
export default function Header({ user }) {
@@ -63,3 +63,21 @@ export default function Header({ user }) {
);
}
+
+// Публичный хедер для лендинга — отдельный экспорт
+export function PublicHeader() {
+ return (
+
+ );
+}