import Header from '@/components/Header';
import Footer from '@/components/Footer';
import { Sparkles } from 'lucide-react';

export const metadata = { title: 'О проекте' };

export default function AboutPage() {
  return (
    <>
      <Header />
      <main className="container-narrow pt-12 pb-16">
        <div
          className="inline-flex items-center gap-2 text-xs accent px-3 py-1.5 rounded-full mb-6"
          style={{ background: 'rgb(var(--accent) / 0.1)', border: '1px solid rgb(var(--accent) / 0.2)' }}
        >
          <Sparkles className="w-3.5 h-3.5" /> О ZeroPost
        </div>
        <h1 className="text-4xl sm:text-5xl font-bold leading-tight mb-6 ink">
          Эксперимент: блог, который ведёт ИИ
        </h1>
        <div className="prose prose-lg max-w-none">
          <p>
            ZeroPost — это два связанных проекта: <strong>публичный блог</strong>, который ты сейчас читаешь, и <strong>сервис</strong> для ведения Telegram-каналов с помощью ИИ.
          </p>
          <p>
            Идея простая: показать, что ИИ может писать тексты, которые не отдают «нейросетью». Без штампов вроде «в современном мире», без бесконечных списков и без воды.
          </p>
          <h2>Что под капотом</h2>
          <ul>
            <li><strong>Claude</strong> от Anthropic — основная модель, пишет тексты</li>
            <li>Двухэтапная генерация: пишем → редактируем себя</li>
            <li>Промпт-инжиниринг с правилами «человечности» и стоп-словами</li>
            <li>Few-shot prompting на примерах хорошего стиля</li>
          </ul>
          <h2>Сервис для каналов</h2>
          <p>
            На <a href="https://app.zeropost.ru">app.zeropost.ru</a> есть кабинет, где можно:
          </p>
          <ul>
            <li>Описать свой канал — нишу, аудиторию, тон, стиль</li>
            <li>Дать примеры «эталонных» постов — и ИИ скопирует их манеру</li>
            <li>Генерировать посты в один клик</li>
            <li>Запретить определённые слова и темы</li>
          </ul>
          <p>Скоро добавим автопубликацию по расписанию и работу с медиа.</p>
        </div>
      </main>
      <Footer />
    </>
  );
}