From c8307e61d6f943bb276ba3638f52242b23001a49 Mon Sep 17 00:00:00 2001 From: null Date: Tue, 12 May 2026 00:34:46 -0500 Subject: [PATCH] docs: add Queue North website objective --- README.md | 116 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 116 insertions(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..e593b78 --- /dev/null +++ b/README.md @@ -0,0 +1,116 @@ +# Queue North Website + +## Objective + +Queue North Website is the modern rebuild of the Queue North Technologies business website. + +The goal is to replace the current static early-2000s-style HTML/CSS/JS site with a polished 2026 business website that clearly presents Queue North as a trustworthy communications, contact center, networking, and managed support partner. + +The site should feel: + +- Bright and professional +- Modern but not flashy +- Business-first, not cyber/gaming/crypto +- Easy to navigate +- Clear about Queue North's 8x8 partnership and service expertise +- Optimized for consultation and support request conversion + +## Target Stack + +- **Vite** — build tool, not Next.js +- **React** — SPA frontend +- **React Router** — client-side routing +- **Tailwind CSS** — utility-first styling +- **shadcn/ui** — component primitives +- **Sonner** — toast notifications +- **TanStack Query** — server state management +- **Express** — backend API +- **better-sqlite3** — SQLite database + +## Layout Direction + +The design direction is a light-first B2B technology layout with strategic dark navy sections. + +Primary structure: + +1. **Hero** + - Dark navy section + - Clear headline and value proposition + - Primary CTA: `Request Consultation` + - Secondary CTA: `Explore Services` + - Trust chips: 8x8 Certified Partner, Veteran Owned, 25+ Years Experience, SMB to Enterprise + +2. **Trust / Certification Bar** + - Light section + - Reinforces 8x8 partner credibility + +3. **Services Preview** + - White cards on a bright background + - Concise service explanations + - Links to service detail pages + +4. **Why Queue North** + - Three-pillar section: + - Architecture + - Deployment + - Lifecycle Support + +5. **Industries** + - Healthcare + - Retail + - Manufacturing + - Education & Finance + +6. **Final CTA** + - Dark navy conversion band + - Consultation-focused message + +## Planned Routes + +```txt +/ +/about +/services +/services/unified-communications +/services/contact-center +/services/managed-support +/services/consulting-training +/services/infrastructure-cabling +/services/wireless-access +/services/local-networking +/industries +/industries/healthcare +/industries/retail +/industries/manufacturing +/industries/education-finance +/8x8 +/contact +/support +``` + +## Backend Goals + +Initial API endpoints: + +```txt +GET /api/health +POST /api/leads +POST /api/support +``` + +Initial SQLite tables: + +- `leads` +- `support_requests` + +Contact and support forms should submit through Express, save to SQLite, and show user feedback with Sonner. + +## Design Source of Truth + +See: + +- `OVERHAUL_PLAN.md` +- `STRUCTURE.md` +- `PROJECT.md` + +`OVERHAUL_PLAN.md` contains the full rebuild plan and Scarlett's design implementation brief.