# Queue-North-Website — Planning

## Phase 5 — Verification + Release Readiness

Phase 4 is complete. Phase 5 covers the redesign improvements from the review.md assessment, plus fixing remaining issues from Bishop's audit.

**Key principles from review:**
- B2B positioning: "reliable communications and IT partner" not "dev portfolio"
- Trust signals front and center
- Business outcomes over technical jargon
- Evolve the color palette (don't rip-and-replace to light theme)
- 8x8 partnership is a massive trust signal — feature it prominently
- Mobile-first — SMB decision-makers browse on phones
- Small batches, one focused change per dispatch

---

### ~~Batch 0.5.0: SPA Router Fix + Assets + Docker~~ ✅ Complete (Ripley)
- Fixed main.jsx to use RouterProvider (was BrowserRouter with disconnected routes)
- Fixed TS generics in .jsx files (Card, Badge, Dialog, Input, Textarea)
- Fixed useToast import (sonner doesn't export useToast)
- Fixed DialogTrigger outside Dialog (merged mobile menu into Header.jsx)
- Added SPA catch-all route for client-side routing
- Added CSP style-src for Google Fonts
- Copied all image assets to public/ (were 404)
- Replaced placeholder logo.svg with real Queue North logo

### ~~Batch 0.5.1: Hamburger Menu Fix + DialogTitle A11y~~ ✅ Complete (Scarlett)
- Fixed SheetContent missing positional CSS classes (panel was zero-size)
- Installed and configured tailwindcss-animate
- Added visually hidden SheetTitle for accessibility (Radix DialogTitle requirement)
- Forgejo issues #22, #23 closed

### ~~Batch 0.5.2: Hero Section Rewrite~~ ✅ Complete (Scarlett)
**Focus:** Rewrite hero to communicate B2B value proposition instantly
- Replace headline "Modern Communications Infrastructure Without the Vendor Noise" with something clearer and more direct ✅
- Refine subtext to emphasize trust, reliability, outcomes ✅
- Make "8x8 Certified Partner" badge prominent — not a small pill, a featured trust signal ✅
- Ensure CTAs are clear: "Schedule Consultation" (primary), "View Services" (secondary) ✅
- Evolve color palette: keep navy base, add teal/cyan accents, improve contrast and hierarchy ✅
- Mobile-first: hero must look great on small screens ✅
- **Forgejo issue:** Create issue for tracking, close when done

**Files Modified:**
- `src/pages/Home.jsx` — Hero section rewrite

**Changes Summary:**
- New headline: "Reliable Business Communications — Without the Runaround"
- Subtext emphasizes handling phones/internet/IT so business can focus
- 8x8 badge is now prominent (featured card with logo, not small pill)
- Veteran Owned badge and 25+ Years Experience metric now prominent
- CTAs: "Schedule Consultation" (primary, goes to /contact), "View Services" (secondary, goes to /services)
- Color palette evolved: navy base with teal-900 gradient accent
- Trust signals immediately visible on mobile without scrolling

### Batch 0.5.3: Trust Signals Section ✅ Complete (Scarlett)
**Focus:** Add dedicated trust signals section immediately after hero
- 8x8 Certified Partner badge (prominent, not buried)
- Veteran Owned business badge
- "25+ Years Experience" metric with Georgia font
- Uptime/support response time stats (99.99%, <15m, 24/7, 100%)
- Clean card/metric layout with professional B2B feel
- Mobile-first: three-column grid on desktop, stacked on mobile
- Business outcomes over technical jargon
- This is the #1 thing B2B buyers look for after understanding what you do

**Files Modified:**
- `src/pages/Home.jsx` — Added Trust Signals section after hero

**Changes Summary:**
- New section with three feature cards (8x8, Veteran Owned, 25+ Years)
- Metrics grid with 4 key stats (uptime, response time, support hours, satisfaction)
- Professional B2B design with white cards on section-alt background
- Georgia font used for all numeric metrics via `font-numeric` class
- Hover effects and consistent spacing for polished feel

### ~~Batch 0.5.4: Services Rewrite — Business Outcomes~~ ✅ Complete (Scarlett)
- Section title: "Our Services" → "What We Handle"
- Subtitle: "From phones to firewalls, we keep your business running"
- Added homeDesc field to all 7 services with outcome-focused language
- Service cards now show icon + homeDesc (outcome) + shortDesc (technical)
- lucide-react icons per service (MessageCircle, Users, LifeBuoy, GraduationCap, LinkIcon, Wifi, Network)
- B2B professional card layout with icon containers
- Service detail pages unchanged

### Batch 0.5.5: Why Queue North Section Refinement ✅ Complete (Scarlett)
**Focus:** Refine the "Why Queue North" section
- Replace generic pillars with concrete differentiators ✅
- Responsiveness, direct support, proactive monitoring, vendor neutrality ✅
- Added lucide-react icons: Headphones, UserCheck, Activity, ShieldCheck ✅
- Changed grid from 3-col to 4-col responsive layout (1 col mobile, 2 col tablet, 4 col desktop) ✅
- Avoid: "innovative solutions", "digital transformation", "next-gen synergy" ✅
- Version bumped to 0.5.2, HISTORY.md updated ✅

**Files Modified:**
- `src/pages/Home.jsx` — Why Queue North section complete redesign
- `package.json` — Version bumped to 0.5.2
- `HISTORY.md` — Added batch entry

**Verified:**
- Build passes
- Docker test passes
- Home page loads correctly

### Batch 0.5.6: Footer + Contact Improvements ✅ Complete (Scarlett)
**Focus:** Clean up footer and ensure CTAs are everywhere
- Footer: email, phone, status page link ✅
- Every section has a path to "Request Consultation" ✅
- Contact page CTA in hero, prominent phone/email ✅
- Support link visible in nav and footer ✅
- Version bumped to 0.5.3, HISTORY.md updated ✅

**Files Modified:**
- `src/components/layout/Footer.jsx` — Footer cleanup
- `src/pages/Home.jsx` — CTA links in sections
- `src/pages/Contact.jsx` — Hero CTA
- `src/pages/Support.jsx` — Minor updates
- `package.json` — Version bumped to 0.5.3
- `HISTORY.md` — Added batch entry

**Verified:**
- Build passes
- Docker test passes
- Home page loads correctly
- Footer renders with email, phone, and CTA
- Contact page hero displays phone/email and Request Consultation button

---

---

### Remaining Audit Fixes (from Bishop's audit)
- P0: Zoho token null but forwardToZoho continues (#2)
- P0: Zoho fetch no response.ok check (#3)
- P0: Docker su-exec may fail silently (#4)
- P1: No timeout on Zoho fetch (#5)
- P1: No unique constraint on email (#6)
- P1: service_interest NULL inconsistency (#10)
- P2-P3 items deferred to Phase 6

### Deferred (Phase 6+)
- Testimonials/Case Studies section (needs real content from _null)
- Industry use cases rewrite
- Writing/Blog section
- SEO improvements
- Performance audit
- Zoho integration enablement