Grand entrance: cinematic product showcases with visual mockups #3939

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

This is the real thing. Complete rebuild of the homepage as a cinematic marketing machine with:

• Full-screen hero with animated sparkle particles, multi-layered background glow orbs, gold gradient headline "The most advanced professional platform ever built", pulsing announcement badge, and staggered entrance animations
• Interactive visual product mockups: Oracle shows a live search with verified citation results, Voice shows email dictation with animated waveform and recording indicator, Law shows a full dashboard with sidebar nav, stats, and active matters
• Each product gets its own grand entrance section with mockup, scroll-triggered reveal animations, and dedicated CTAs
• Animated number counters that count up when scrolled into view (20h saved, $5,250 recovered, 9 languages)
• Glowing accent dividers between sections (emerald + gold)
• Scroll-triggered Reveal component with staggered delays
• Product pages updated with full-screen heroes, sparkles, their own mockups, animated counters, and dramatic CTAs
• Oracle page: purple gradient theme, citation verification cards
• Voice page: green/amber theme, waveform mockup, language pills
• Accounting page: blue gradient theme, animated stat counters
• Every page now tells a story as you scroll through it

https://claude.ai/code/session_01V6ehLGaChTtSTBtmj9jEoQ