Strona marketingowa dla WhalePrep (Next.js 15 + MDX)

Opracowałem stronę marketingową dla WhalePrep - mobilnej aplikacji iOS, która pomaga przygotować się do technicznych i produktowych rozmów kwalifikacyjnych w języku angielskim (analiza AI mowy: tempo, słowa-wypełniacze, struktura odpowiedzi).

Strona składa się z landing page'a, bloga oraz sekcji interaktywnych przewodników i jest w pełni responsywna (mobile-first).

Co zostało zrobione:
- Landing page z animacjami i przejrzystą strukturą (jak działa, możliwości, Free vs Premium).
- Blog oparty na MDX - artykuły są przechowywane jako pliki w repozytorium, bez CMS.
- Krok po kroku przewodniki z interaktywnością: śledzenie postępów (localStorage), przyklejona nawigacja między krokami, listy kontrolne praktycznych zadań, ocena użyteczności materiału.
- Formularz subskrypcji newslettera przez serverless API-route z integracją Resend (+ ochrona honeypot przed botami).
- SEO: dynamiczne obrazy OpenGraph dla każdego artykułu i przewodnika, mapa strony, robots.
- Analityka z zgodą na pliki cookie (przyjazne dla GDPR): Mixpanel + GA4 włączane tylko po zgodzie użytkownika, Umami Cloud działa bez plików cookie dla całego ruchu.
- Jednolity system tokenów projektowych (kolory, typografia, promienie) jako źródło prawdy dla całego UI.
- Strona zbudowana jako statyczna (SSG) — szybkie ładowanie i dobra indeksacja.

Frontend: Next.js 15 (App Router), TypeScript, Tailwind CSS, Framer Motion
Treść: MDX (next-mdx-remote, gray-matter, remark-gfm, rehype-slug)
Integracje: Resend (wysyłka e-mail), Mixpanel + GA4 + Umami (analityka)
Czcionka: Plus Jakarta Sans (next/font)
Renderowanie i wdrożenie: Static Site Generation (SSG), Railway