Coming soon web page
- TypeScript 81.8%
- CSS 13.9%
- HTML 1.9%
- JavaScript 1.5%
- Dockerfile 0.9%
|
All checks were successful
Build and Push / build-and-push (push) Successful in 6m19s
|
||
|---|---|---|
| .forgejo/workflows | ||
| public | ||
| src | ||
| .dockerignore | ||
| .env.example | ||
| .gitignore | ||
| components.json | ||
| Dockerfile | ||
| eslint.config.js | ||
| index.html | ||
| package.json | ||
| README.md | ||
| tsconfig.app.json | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.ts | ||
| yarn.lock | ||
Investment Nerds — Coming Soon
Mobile-first "coming soon" / waitlist landing page for Investment Nerds, a friendly home for Ghana's markets. Built from the Claude Design handoff (direction B · Nerd Cards).
Stack
- Vite + React + TypeScript
- Tailwind CSS v4 (
@tailwindcss/vite) - shadcn/ui components (
Button,Input) +lucide-reacticons
Getting started
npm install
npm run dev # http://localhost:5173
npm run build # typecheck + production build to dist/
npm run preview # preview the production build
What's here
src/index.css— Tailwind v4 setup + the Investment Nerds design tokens (brand colors, fonts, radii) and the prototype's keyframe animations.src/lib/data.ts— GSE ticker data, the six launch features, socials, avatars.src/components/— page sections:lockup/brand-icons— logo mark, hero glasses mascot, social glyphsticker— pinned GSE chip + scrolling live-price stripfeature-cards— numbered, surface-cycling feature cardsjoin-card— waitlist form (validation + success state), live counter, social proof, and follow rowui/— shadcnButtonandInput
src/App.tsx— header, hero (orbiting mascot + bobbing coins), and footer.
Notes
- The waitlist counter drifts upward over time and bumps on submit; the email is
stashed in
localStorage. There is no real backend — wire the form'shandleSubmitinsrc/components/join-card.tsxto your endpoint before launch. - Inter @ 900 stands in for the proprietary Wise Sans display face, per the design system.