Skip to content

feat(landing): features + cursor interactions + scroll-aware nav (Phase 5.5 Batch 2) - #9

Merged
xdroberto merged 1 commit into
developfrom
feature/ui-landing-features
Jul 8, 2026
Merged

feat(landing): features + cursor interactions + scroll-aware nav (Phase 5.5 Batch 2)#9
xdroberto merged 1 commit into
developfrom
feature/ui-landing-features

Conversation

@xdroberto

Copy link
Copy Markdown
Owner

Phase 5.5 — landing redesign · Batch 2 of 5

Builds on Batch 1 (already in develop). Screenshot-gated + approved by Roberto (features, cursor interactions, nav).

What's in this PR

  • Features v2: eyebrow ("01 — PLATFORM", JetBrains Mono), Sora h2, and four glass cards (cyan/violet accent chips, lucide icons) with a scroll-driven reveal (CSS animation-timeline: view() + safe fallback) and hover lift/glow.
  • Cursor interactions (operator feedback): a radial glow follows the pointer across the cards via one delegated listener (SpotlightGroup), and the hero card tilts toward the cursor in 3D (SpotlightCard). Both inert under prefers-reduced-motion; the pointer work is lazy so TBT holds.
  • Scroll-aware nav: fixed + always visible, transparent at the top, transitioning to a glass bar once scrolled (mirrors the operator design).

Scope: src/app/(marketing)/** only. No auth / proxy / deploy / CI / scripts touched.

Verification

  • next build green · tsc --noEmit clean · biome lint clean.
  • Lighthouse mobile: performance 90 stable (two runs; TBT ~40ms, CLS 0, LCP 3.5–3.6s). The delegated pointer listener keeps hydration cheap.
  • Landing e2e green (hero CTA → signup; no horizontal overflow @375).

Remaining batches

3 metrics (99.99% uptime · 340ms P50 · 1,200+ teams) · 4 CTA + marquee ("Trusted by…") · 5 nav/footer full polish.

🤖 Generated with Claude Code

Batch 2 of the Phase 5.5 landing redesign.

- Features v2: eyebrow ("01 — PLATFORM", JetBrains Mono), Sora h2, and four
  glass cards (cyan/violet accent chips, lucide icons) with a scroll-driven
  reveal (CSS animation-timeline + safe fallback) and hover lift/glow.
- Cursor interactions (operator feedback): a radial glow follows the pointer
  across the cards via one delegated listener (SpotlightGroup — cheap to
  hydrate) and the hero card tilts toward the cursor in 3D (SpotlightCard).
  Both inert under prefers-reduced-motion; pointer work is lazy so TBT holds.
- Scroll-aware nav: fixed and always visible, transparent at the top and
  transitioning to a glass bar once scrolled (mirrors the operator design).

Lighthouse mobile: performance 90 stable (TBT ~40ms, CLS 0). Landing e2e green.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_019HXye76z6KXmV7WFirU3sk
@xdroberto
xdroberto merged commit 662160d into develop Jul 8, 2026
3 checks passed
@xdroberto
xdroberto deleted the feature/ui-landing-features branch July 8, 2026 16:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant