147 lines
6.6 KiB
Markdown
147 lines
6.6 KiB
Markdown
|
# 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
|