Queue-North-Website/FUTURE.md

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