Маркетинговий сайт для WhalePrep (Next.js 15 + MDX)

Розробив маркетинговий сайт для WhalePrep - мобільного iOS-застосунку, який допомагає готуватися до технічних і продуктових співбесід англійською (AI-аналіз мовлення: темп, слова-паразити, структура відповіді).

Сайт складається з лендінгу, блогу та розділу навчальних іинтерактивних гайдів і повністю адаптивний (mobile-first).

Що зроблено:
- Лендінг з анімаціями та чіткою структурою (як працює, можливості, Free vs Premium).
- Блог на основі MDX - статті зберігаються як файли в репозиторії, без CMS.
- Покрокові гайди з інтерактивом: трекінг прогресу (localStorage), липка навігація між кроками, чек-листи практичних завдань, оцінка корисності матеріалу.
- Форма підписки на розсилку через serverless API-роут з інтеграцією Resend (+ honeypot-захист від ботів).
- SEO: динамічні OpenGraph-зображення для кожної статті й гайду, sitemap, robots.
- Аналітика зі згодою на куки (GDPR-friendly): Mixpanel + GA4 вмикаються лише після згоди користувача, Umami Cloud працює cookieless для всього трафіку.
- Єдина система дизайн-токенів (кольори, типографіка, радіуси) як джерело правди для всього UI.
- Сайт зібрано як статику (SSG) — швидке завантаження і добра індексація.

Frontend: Next.js 15 (App Router), TypeScript, Tailwind CSS, Framer Motion
Контент: MDX (next-mdx-remote, gray-matter, remark-gfm, rehype-slug)
Інтеграції: Resend (email-розсилка), Mixpanel + GA4 + Umami (аналітика)
Шрифт: Plus Jakarta Sans (next/font)
Рендеринг і деплой: Static Site Generation (SSG), Railway