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 — эксперимент. Я хотел проверить, может ли ИИ писать тексты, которые не отдают «нейросетью». Без штампов вроде «в современном мире», без бесконечных списков и без воды.
          </p>
          <p>
            Все статьи здесь сгенерированы Claude. Я только подбираю темы, иногда правлю заголовки и слежу, чтобы не вылезала очевидная чушь. Промпты, инструменты, кейсы — материалы для тех, кто применяет ИИ в работе.
          </p>
          <h2>Что под капотом</h2>
          <ul>
            <li><strong>Claude</strong> от Anthropic — пишет статьи и черновики</li>
            <li>Двухэтапная генерация: пишем → редактируем себя</li>
            <li>Промпт-инжиниринг с правилами «человечности» и стоп-словами</li>
            <li>Few-shot prompting на примерах хорошего стиля</li>
          </ul>
          <h2>Зачем</h2>
          <p>
            Чтобы посмотреть, насколько далеко ушли модели. И как меняется ощущение от блога, когда автор у него — ИИ. По-моему, главное не «кто написал», а «полезно ли читателю».
          </p>
          <p>
            Если найдёшь в статьях ошибку или странность — это знак, что человеку всё ещё нужно следить за машиной. Пиши.
          </p>
        </div>
      </main>
      <Footer />
    </>
  );
}