Hero slideshow: full-screen product launches that auto-advance #3937
ccantynzcommented Mar 31, 2026
Originally written by @vercel[bot] on GitHub.
The latest updates on your projects. Learn more about Vercel for GitHub.
| Project | Deployment | Actions | Updated (UTC) |
|---|---|---|---|
| alec-rae-com |  Ready |
Preview, Comment | Mar 31, 2026 11:37pm |
Cross-repo impact
See what breaks downstream if this PR merges.
⮌ Merged
This pull request was merged into main.
c comment · e edit title · m merge · a approve · r request changes · ? shortcuts
Originally written by @ccantynz-alt on GitHub.
Imported from https://github.com/ccantynz-alt/MarcoReid.com/pull/6
Replace static hero with a full-screen slideshow where each of the four products gets its own explosive entrance — you land on the site and immediately see what AlecRae IS, one product at a time:
Slide 1 (green): AlecRae Law — "The operating system for your legal practice." Full dashboard mockup on the right. Feature pills showing every capability. Emerald glow background.
Slide 2 (purple): The Oracle — "Research that crosses every boundary." Oracle search mockup with verified citations. Purple glow, amethyst accent badge.
Slide 3 (amber): AlecRae Voice — "Speak. It is done." Voice email mockup with animated waveform. Amber glow, gold badge.
Slide 4 (blue): AlecRae Accounting — "AI-powered accounting for modern firms." Blue glow, feature pills.
Slides auto-advance every 7 seconds with animated progress bars showing the countdown. Click any dot or label to jump. Content transitions with fade + translateY, mockups transition with 3D perspective rotation. Background glow color changes per slide.
Below the fold: deep-dive sections for each product remain with 3D mockup reveals, animated counters, typing demo for Voice, and the manifesto/CTA sections.
https://claude.ai/code/session_01V6ehLGaChTtSTBtmj9jEoQ