Trading Mentor Website

Full-stack engineer & designer · 2025

  • Astro
  • Tailwind CSS
  • Cloudflare Pages

Problem

A trading mentor needed a credible, fast-loading site to replace an ad-hoc page — something that could carry a design system into future pages (courses, testimonials, a blog) rather than a one-off landing page that would need a rebuild the next time content changed.

Constraints

  • Everything editable (copy, links, socials) needed to live in one place so non-engineering changes wouldn’t require touching component code.
  • The brand needed a signature visual moment without leaning on stock trading-desk imagery — candlestick charts, bull statues, that kind of thing.
  • Had to stay static and cheap to run — no backend for a single-operator business.

Architecture

Architecture diagram — available on request

A static Astro site styled with Tailwind v4, a centralized site-config module for all editable copy and links, and a hand-built SVG hero animation as the signature element. Deployed to Cloudflare Pages via git integration.

Stack

Astro, Tailwind CSS v4, Cloudflare Pages.

My role

Designed and built the site solo — visual design, the SVG animation, the content-config system, and deployment.

Outcome

Live in production at cprmarketmentor.com. The centralized content config has kept the client’s copy changes to editing config values, without touching component code since launch.