import { Card, CardContent } from "@/components/ui/card";
import { Button } from "@/components/ui/button";

export default function LandingPage() {
return (
<div className="p-6 md:p-10 bg-gradient-to-b from-gray-100 to-white text-gray-900">
<h1 className="text-4xl font-bold mb-6 text-center text-orange-600">
Курсы по креативной фасилитации
</h1>
<p className="text-center text-lg mb-10 max-w-2xl mx-auto">
Выйди за рамки скучных встреч. Преврати любую сессию в источник инсайтов и нестандартных решений — даже таких, до которых не додумается ИИ.
</p>

<div className="grid md:grid-cols-3 gap-6 mb-12">
<Card className="border-orange-200 shadow-xl">
<CardContent className="p-4">
<h2 className="text-xl font-semibold text-orange-500 mb-2">
"Ну я так, для затравки"
</h2>
<p className="mb-4 text-sm text-gray-700">
Первые креативные форматы, чтобы делать не как все. Минимум усилий — максимум свежести.
</p>
<ul className="text-sm space-y-1 mb-4">
<li>+ 10 креативных фасилитационных форматов</li>
<li>+ Методичка “Оживи скучные мозговые штурмы”</li>
<li>+ Сценарии и шаблоны для старта</li>
</ul>
<Button className="w-full bg-orange-500 hover:bg-orange-600">
Выбрать базовый
</Button>
</CardContent>
</Card>

<Card className="border-orange-300 shadow-xl">
<CardContent className="p-4">
<h2 className="text-xl font-semibold text-orange-500 mb-2">
"Дайте маркер и не мешайте"
</h2>
<p className="mb-4 text-sm text-gray-700">
Как быть лидером в фасилитации, даже без формального статуса. Профи-сценарии и глубокие приёмы.
</p>
<ul className="text-sm space-y-1 mb-4">
<li>Все из базового</li>
<li>+ Курс “Фасилитация смыслов”</li>
<li>+ Кейсы и разбор выездных стратегических сессий</li>
<li>+ Сценарии для гибкой работы с группой</li>
</ul>
<Button className="w-full bg-orange-500 hover:bg-orange-600">
Выбрать средний
</Button>
</CardContent>
</Card>

<Card className="border-orange-400 shadow-xl">
<CardContent className="p-4">
<h2 className="text-xl font-semibold text-orange-500 mb-2">
"Я — креативный дирижёр смысла"
</h2>
<p className="mb-4 text-sm text-gray-700">
Всё, что делает тебя фасилитатором уровня топ-стратегов. Глубина, мета-работа и wow-эффект.
</p>
<ul className="text-sm space-y-1 mb-4">
<li>Все из предыдущих пакетов</li>
<li>+ Курс “Метафасилитация и инсайты”</li>
<li>+ Работа на глубине и с символами</li>
<li>+ Поддержка и закрытый канал</li>
<li>+ Бонус-сценарии стратегических сессий</li>
</ul>
<Button className="w-full bg-orange-500 hover:bg-orange-600">
Хочу всё!
</Button>
</CardContent>
</Card>
</div>

<p className="text-center text-sm text-gray-500">
Все курсы можно пройти онлайн с любого устройства. Старт сразу после оплаты.
</p>
</div>
);
}