Skip to content

feat(docsite): add testimonials marquee to the home page#3701

Closed
ernestt wants to merge 1 commit into
mainfrom
feat/home-testimonials-marquee
Closed

feat(docsite): add testimonials marquee to the home page#3701
ernestt wants to merge 1 commit into
mainfrom
feat/home-testimonials-marquee

Conversation

@ernestt

@ernestt ernestt commented Jul 9, 2026

Copy link
Copy Markdown
Contributor

Summary

Adds a Testimonials section to the marketing home page — a two-row, opposite-direction marquee of real public launch reception (LinkedIn, X, Threads, and press), placed between the About and Blog sections.

  • Seamless loop (Magic UI / beui technique): each row renders two identical side-by-side groups animating translateX(0 → -100% - gap), so there's no half-gap drift; each copy is padded to fill the viewport so the strip is always full (no blank gaps).
  • Clickable cards: the whole card surface links to the public source (opens in a new tab); pause-on-hover + user-select: none keep moving cards clickable. Every visible instance is a link (not just the first copy).
  • Full-bleed strip with a gutter gradient mask aligned to the ~1200px content column used by the other sections.
  • Accessibility: duplicate/looping cards are aria-hidden + tabindex="-1"; prefers-reduced-motion drops the animation and makes the strip horizontally scrollable; a component-scoped StyleX marker scopes pause-on-hover.
  • Content: curated, public-only opinion quotes with name + @handle attribution and profile photos (GitHub/X CDNs). No internal Workplace content.

Test plan

  • pnpm -F @astryxdesign/docsite dev → home page shows the Testimonials section between About and Blog
  • Marquee loops seamlessly with no blank gap (both rows), at narrow and wide viewports
  • Hovering pauses the row; cards show a pointer cursor and open the source in a new tab
  • Profile photos load for Dominic, Yangshun, and Wataryo; others fall back to initials
  • prefers-reduced-motion → static, horizontally scrollable strip
  • Edges fade in the gutters, aligned to the content column

Add a "Testimonials" section to the marketing home page: a two-row,
opposite-direction marquee of real public launch reception (LinkedIn, X,
Threads, and press), placed between the About and Blog sections.

- Magic UI / beui-style seamless loop: two identical side-by-side groups
  per row, each animating translateX(0 -> -100% - gap) so there is no
  half-gap drift; each copy is padded to fill the viewport so the strip
  is always full.
- Fixed-height ClickableCard-style link cards (whole surface links to the
  public source, opens in a new tab); pause-on-hover + user-select:none so
  moving cards stay clickable; prefers-reduced-motion falls back to a
  static, horizontally scrollable strip.
- Full-bleed strip with a gutter gradient mask aligned to the ~1200px
  content column; component-scoped StyleX marker for pause-on-hover.
- Curated, public-only quotes with @handle attribution and profile photos
  (no internal Workplace content).

Co-authored-by: Cursor <cursoragent@cursor.com>
@meta-cla meta-cla Bot added the CLA Signed This label is managed by the Meta Open Source bot. label Jul 9, 2026
@vercel

vercel Bot commented Jul 9, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
astryx Ready Ready Preview, Comment Jul 9, 2026 12:39am

Request Review

@cixzhang cixzhang left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Happy to unblock though I'm a bit iffy on testimonials. My general thought is solutions like this should speak for themselves and allow people to make informed decisions and tradeoffs that work well for them. I think testimonials add a bit of social engineering for building trust, but maybe I'm just skeptical that people should be making decisions that way about our system.

@ernestt ernestt closed this Jul 9, 2026
@ernestt

ernestt commented Jul 9, 2026

Copy link
Copy Markdown
Contributor Author

Decided that we will favor case studies over quote testimonials

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CLA Signed This label is managed by the Meta Open Source bot.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants