0cf9c66b6b
All checks were successful
Deploy to Production / deploy (push) Successful in 1m0s
Three coordinated tweaks to the landing-page above-the-fold: 1. **Hero padding restored to py-14/sm:py-20/md:py-28** (was py-12/14/16). Compressing it for the scroll-cue position fight made the hero feel cramped and gave the ParticleHero background less room to breathe. With the cue moved out (see #3), there's no reason to shrink the hero. 2. **Step rotator switches to carousel-style horizontal slide.** The AnimatePresence transition was a fade+y-shift cross-fade — clean but sequential. Now the leaving card slides left out (x:-220) while the entering card slides right in (x:220→0), both coexisting in the same 3D-space and inheriting the same mouse-tilt. The container gets `min-h-[240px]` so the absolutely-positioned cards have layout to anchor to (claude_desktop_config.json is the tallest at 7 lines). Reduced-motion still gets the opacity-only cross-fade — sliding content sideways is exactly the kind of motion that preference is meant to suppress. 3. **`<ScrollCue>` extracted into its own client component**, fixed- positioned at viewport bottom (bottom-5) with a frosted pill style. Fades to opacity:0 once `window.scrollY > 80`, so it doesn't shadow the rest of the page. Lives next to `<section>` in page.tsx rather than inside the hero — that way it anchors to the loadscreen's natural bottom edge whether the hero is short or tall. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| particle-hero | ||
| ui | ||
| code-block.tsx | ||
| cookie-banner.tsx | ||
| country-picker.tsx | ||
| docs-page.tsx | ||
| hero-animation.tsx | ||
| hero-step-rotator.tsx | ||
| input.tsx | ||
| install-snippets.tsx | ||
| json-ld.tsx | ||
| logo.tsx | ||
| marketing-auth-buttons.tsx | ||
| marketing-mobile-menu.tsx | ||
| mobile-action-bar.tsx | ||
| scroll-cue.tsx | ||
| static-code-block.tsx | ||
| status-pill.tsx | ||
| streaming-logs.tsx | ||
| user-menu.tsx | ||