website-rebuild-changes plan

This commit is contained in:
2026-04-10 15:33:41 +02:00
parent 4d1bd9aaf2
commit e9aa6f452b
4 changed files with 832 additions and 8 deletions

View File

@@ -23,6 +23,26 @@ Claude Code runs inside a nono sandbox (`nono run --profile claude-openspec -- c
- **Hosting**: Self-hosted VPS behind Cloudflare (orange cloud, Full strict TLS)
- **Git**: Gitea at gitea.qumo.io
## Visual reference
The **staging Webflow site at `https://qumo-pmj.webflow.io/`** is the visual reference for this rebuild — NOT the live production site at qumo.io. The staging site has updated content, layout, and pages compared to production.
## Migration plan
The file `website-rebuild-migration-steps.md` in the project root contains the full sequential list of migration steps for this rebuild, numbered 001028. Each step is designed to be run as an OpenSpec change via `/opsx:explore`. Always consult this document to understand what the current step should accomplish and what comes next.
## Site structure (from the staging site)
| Route (EN) | Route (NL) | Page |
|---|---|---|
| `/` | `/nl` | Homepage — hero, services (AI Launchpad / Data & BI / Embedded Expertise), approach text, cloud logos, mission, delivered solutions, stats ticker, CTA |
| `/about` | `/nl/about` | About — hero, mission, 3 founders with bios, CTA |
| `/ai-launchpad` | `/nl/ai-launchpad` | AI Launchpad — hero, pain points, solutions, 4-step process, practical details, CTA |
| `/contact` | `/nl/contact` | Contact — form, "still not sure" section |
| `/privacy` | `/nl/privacy` | Privacy policy (new — not on staging yet) |
Navigation across all pages: **Services** (`/#services`), **AI Launchpad** (`/ai-launchpad`), **About** (`/about`), **Connect** CTA button (`/contact`).
## Brand guidelines (must follow)
- **Colors**: Midnight #102022 (primary dark), Snow #F3F3F3 (light bg), Gradient #5257E4#F71E3E (accent only, never as flat standalone colors)
@@ -46,7 +66,7 @@ Claude Code runs inside a nono sandbox (`nono run --profile claude-openspec -- c
- Never mention team size, company size, or founding date
- Never name clients in public content (use descriptive labels: "a shipping company")
- The team section shows 5 co-founders: Luigi, Matthijs, Jelle, Jorn, Stijn
- The founders section shows 3 co-founders: Luigi, Jelle, Matthijs (with bios and role titles)
- Engagement models should not be listed as a menu — mention naturally
- Proof points are for calls/follow-ups, not the website
@@ -62,8 +82,4 @@ Claude Code runs inside a nono sandbox (`nono run --profile claude-openspec -- c
- `cd website && npm run build` must succeed (catches broken links, missing imports)
- Check the built output in `website/dist/` for correct HTML structure
- Validate JSON-LD with Google Rich Results Test after deployment
## Current reference
The live Webflow site at https://www.qumo.io is the visual reference. Match the design, layout, and content — but improve the code quality, performance, and SEO.
- Validate JSON-LD with Google Rich Results Test after deployment