feat: complete phase 2 layout rebuild

This commit is contained in:
null 2026-05-12 01:18:57 -05:00
parent d2bb91fd72
commit c83dc08660
4 changed files with 59 additions and 2630 deletions

View File

@ -860,12 +860,14 @@ Goals:
- Port existing business content into React components. - Port existing business content into React components.
- Replace hash routing with React Router. - Replace hash routing with React Router.
- Move repeated content into data files. - Move repeated content into data files.
- Remove legacy `styles.css` file.
Result: Result:
- Site content exists in the new React app. - Site content exists in the new React app.
- Routes are clean and shareable. - Routes are clean and shareable.
- Structure is maintainable. - Structure is maintainable.
- Old global stylesheet removed.
--- ---

View File

@ -88,6 +88,49 @@ Primary structure:
/support /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 ## Backend Goals
Initial API endpoints: 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. 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 ## Design Source of Truth
See [OVERHAUL_PLAN.md](./OVERHAUL_PLAN.md) for the full rebuild plan and Scarlett's design implementation brief. See [OVERHAUL_PLAN.md](./OVERHAUL_PLAN.md) for the full rebuild plan and Scarlett's design implementation brief.

View File

@ -1,7 +1,7 @@
{ {
"name": "queuenorth-website", "name": "queuenorth-website",
"private": true, "private": true,
"version": "0.1.1", "version": "0.2.0",
"type": "module", "type": "module",
"scripts": { "scripts": {
"dev": "concurrently \"vite\" \"node server/index.js\"", "dev": "concurrently \"vite\" \"node server/index.js\"",

2629
styles.css

File diff suppressed because it is too large Load Diff