Build a complete functioning prototype for Stakecademy — a platform where learners stake real money on completing learning goals. If they finish on time, they get their stake back plus a bonus from the pool of quitters' forfeited funds. If they quit, they lose their stake.
This is a demo/prototype. There is no real authentication, no real payments, no backend. All data is hardcoded dummy data. Someone should be able to visit the site, browse around, and get a full feel for how the product works.
Use React + Tailwind CSS + shadcn/ui + React Router + Framer Motion + Lucide React icons. TypeScript throughout.
Theme: Dark + Bold — fintech/betting platform vibe with money-themed green/cyan accents.
Background colors:
#0a0a0f#0f0f17#14141fAccent gradients:
linear-gradient(135deg, #00d4aa, #00b4d8) — green to cyanlinear-gradient(135deg, #6366f1, #8b5cf6) — indigo to violetlinear-gradient(135deg, #00d4aa, #6366f1) — green to indigoStatus colors:
#34d399)#22d3ee)#fbbf24)