Overhaul header and hero — full platform navigation + conversion CTAs #3859

Originally written by @ccantynz-alt on GitHub.
Imported from https://github.com/ccantynz-alt/MarcoReid.com/pull/84

$(cat <<'EOF'

Summary

• Header rebuilt from a minimal 2-dropdown nav into a full enterprise mega-menu with an announcement bar, 4 mega-menu sections (Products / Platform / For Professionals / Resources), icons and badge labels on every item, and a prominent "Start free trial" CTA button that was completely missing before
• Hero upgraded with product-category pills above the fold, "Start free trial" as the primary CTA (replacing the vague "See what we built" scroll link), a trust signal row, and a competitive "Replaces all of these" strip showing the 6 tools Marco Reid displaces

What changed

Header (app/components/marketing/Header.tsx)

• Added dismissable announcement bar: live indicator + "Join the founding cohort" link + US/UK rollout note
• Rebuilt nav from 2 sections → 4 full mega-menus:
  • Products: all 5 products with icons, descriptions, AI badges
  • Platform: 10 capabilities (Trust Accounting, Court Rules, Catch-Up Centre etc.)
  • For Professionals: 8 audience segments
  • Resources: Academy, Case Studies, Security, Generate, Find a Lawyer, Changelog
• Added "Start free trial →" button (navy, prominent) — the single biggest conversion gap
• Mobile menu now shows full product + feature depth with badge labels
• Panel width expanded to 780px for 3-column Products grid

Homepage hero (app/(marketing)/page.tsx)

• Added product-category pills (Legal Practice / Accounting / Marco AI Research / Voice Dictation / Courtroom) so visitors understand the scope in 3 seconds
• Rewrote hero subhead to lead with the category-creation angle ("world's first platform to combine…")
• Primary CTA: "Start free trial →" (gold, gold-glow)
• Added trust signal row: no credit card / setup in 10 min / GDPR compliant / SOC 2 in progress
• Added "Replaces all of these" strip with strikethrough competitor names (Westlaw, Clio, QuickBooks, Dragon, DocuSign, LexisNexis)

Test plan

• Header renders on desktop — all 4 mega-menus open/close correctly
• Announcement bar dismisses cleanly
• "Start free trial" button visible on desktop and mobile
• Mobile menu shows all products and features with correct badges
• Hero pills render correctly on mobile (flex-wrap)
• Trust signal row wraps cleanly on small screens
• Competitive strip renders in the hero stats area

https://claude.ai/code/session_013xYaNLb66Q87o1azuQoSLA EOF )

Generated by Claude Code