Marketing website for WhalePrep (Next.js 15 + MDX)

Developed a marketing website for WhalePrep - a mobile iOS application that helps prepare for technical and product interviews in English (AI speech analysis: pace, filler words, response structure).

The site consists of a landing page, a blog, and a section of educational interactive guides and is fully responsive (mobile-first).

What has been done:
- Landing page with animations and a clear structure (how it works, features, Free vs Premium).
- Blog based on MDX - articles are stored as files in the repository, without a CMS.
- Step-by-step guides with interactivity: progress tracking (localStorage), sticky navigation between steps, checklists of practical tasks, material usefulness assessment.
- Subscription form for newsletters via a serverless API route with Resend integration (+ honeypot protection against bots).
- SEO: dynamic OpenGraph images for each article and guide, sitemap, robots.
- Analytics with cookie consent (GDPR-friendly): Mixpanel + GA4 are activated only after user consent, Umami Cloud works cookieless for all traffic.
- A unified design token system (colors, typography, radii) as a single source of truth for the entire UI.
- The site is built as static (SSG) — fast loading and good indexing.

Frontend: Next.js 15 (App Router), TypeScript, Tailwind CSS, Framer Motion
Content: MDX (next-mdx-remote, gray-matter, remark-gfm, rehype-slug)
Integrations: Resend (email newsletter), Mixpanel + GA4 + Umami (analytics)
Font: Plus Jakarta Sans (next/font)
Rendering and deployment: Static Site Generation (SSG), Railway