feat: complete phase 2 layout rebuild

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

View File

@ -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.
---

View File

@ -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.

View File

@ -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

File diff suppressed because it is too large Load Diff