feat: complete phase 2 layout rebuild
This commit is contained in:
parent
d2bb91fd72
commit
64c22a5cc9
|
|
@ -860,12 +860,14 @@ Goals:
|
|||
- Port existing business content into React components.
|
||||
- Replace hash routing with React Router.
|
||||
- Move repeated content into data files.
|
||||
- Remove legacy `styles.css` file.
|
||||
|
||||
Result:
|
||||
|
||||
- Site content exists in the new React app.
|
||||
- Routes are clean and shareable.
|
||||
- Structure is maintainable.
|
||||
- Old global stylesheet removed.
|
||||
|
||||
---
|
||||
|
||||
|
|
|
|||
56
README.md
56
README.md
|
|
@ -88,6 +88,49 @@ Primary structure:
|
|||
/support
|
||||
```
|
||||
|
||||
## Overhaul Phases
|
||||
|
||||
Version numbers correlate directly to the active phase:
|
||||
|
||||
- **Phase 1 — Stack Scaffold**: `0.1.x`
|
||||
- Vite + React app foundation
|
||||
- Tailwind CSS setup
|
||||
- shadcn/ui-style primitives
|
||||
- React Router
|
||||
- Express backend
|
||||
- better-sqlite3 database
|
||||
- Initial API health/contact/support paths
|
||||
|
||||
- **Phase 2 — Layout Rebuild**: `0.2.x`
|
||||
- App shell: Header, Footer, layout wrapper, mobile nav
|
||||
- Route pages fully built and navigable
|
||||
- Existing business content ported into React
|
||||
- Repeated service/industry content moved into data files
|
||||
- Static hash routing fully replaced by React Router
|
||||
|
||||
- **Phase 3 — Visual Overhaul**: `0.3.x`
|
||||
- Modern light-first business design
|
||||
- Tailwind theme polish
|
||||
- Typography, spacing, radius, shadows, and responsive rhythm
|
||||
- Refined service/industry cards and CTA sections
|
||||
- Mobile-first layout polish
|
||||
|
||||
- **Phase 4 — Forms + Backend Hardening**: `0.4.x`
|
||||
- Contact and support forms fully wired to Express
|
||||
- SQLite persistence verified
|
||||
- Validation and user feedback with Sonner
|
||||
- Optional Zoho forwarding layer
|
||||
- Backend/API hardening as needed
|
||||
|
||||
- **Phase 5 — Verification + Release Readiness**: `0.5.x`
|
||||
- Build/runtime verification
|
||||
- Route and form testing
|
||||
- Accessibility checks
|
||||
- Documentation and release cleanup
|
||||
- Final push to `dev` for the completed phase
|
||||
|
||||
Patch versions increment for completed agent passes/checkpoints inside each phase. Example: `0.2.0`, then `0.2.1`, `0.2.2`, etc.
|
||||
|
||||
## Backend Goals
|
||||
|
||||
Initial API endpoints:
|
||||
|
|
@ -105,6 +148,19 @@ Initial SQLite tables:
|
|||
|
||||
Contact and support forms should submit through Express, save to SQLite, and show user feedback with Sonner.
|
||||
|
||||
## Agent Plan
|
||||
|
||||
The overhaul is handled through the agent pipeline below:
|
||||
|
||||
1. **Scarlett** — design system, Tailwind/shadcn layout direction, responsive polish, accessibility review
|
||||
2. **Neo** — Vite/React implementation, Express API, SQLite/database work, build-system changes
|
||||
3. **Private Hudson** — security review for API routes, form handling, validation, data exposure, dependency risks, and backend hardening
|
||||
4. **Scarlett** — UI polish pass after implementation changes
|
||||
5. **Bishop** — build/runtime verification, route checks, documentation verification, version consistency
|
||||
6. **Ripley** — final local checks, commit, tag, and push to `dev`
|
||||
|
||||
Agents do not touch git. Ripley owns all commits, tags, and pushes.
|
||||
|
||||
## Design Source of Truth
|
||||
|
||||
See [OVERHAUL_PLAN.md](./OVERHAUL_PLAN.md) for the full rebuild plan and Scarlett's design implementation brief.
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"name": "queuenorth-website",
|
||||
"private": true,
|
||||
"version": "0.1.1",
|
||||
"version": "0.2.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "concurrently \"vite\" \"node server/index.js\"",
|
||||
|
|
|
|||
2629
styles.css
2629
styles.css
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue