Skip to content

Add the travelling arrow to the components page CTAs - #690

Merged
hansmartensdev merged 1 commit into
mainfrom
claude/hansmartens-market-positioning-mlt89z
Sep 15, 2026
Merged

hansmartensdev merged 1 commit into
mainfrom
claude/hansmartens-market-positioning-mlt89z

Conversation

@hansmartensdev

Copy link
Copy Markdown
Owner

Matches the blog band. Four buttons carry the GitHub mark and a Clone Repository label and none of them responded to a hover: the page's own closing CTA, the two band demos, and the showcase example of the CTA component - which should look like the real thing sitting below it.

The GitHub mark stays in front of the label and the arrow goes behind it. No CSS needed; .group:hover [data-icon="arrow-right"] already matches what Icon renders.

Checked at 1350px and 800px: every visible button animates and the GitHub mark holds still. The LetterGlitch demo is hidden below 1024px, as intended.

Claude-Session: https://claude.ai/code/session_01BwJB1u6U3vdEZ9LrHRebST

What does this PR do?

A clear description of the change and why it was made.

Fixes # (issue number, if applicable)

Type of change

  • Bug fix
  • New feature or component
  • Documentation update
  • Refactor or code quality improvement
  • Other: ___

Checklist

  • pnpm lint passes with 0 errors
  • pnpm check passes with 0 errors
  • pnpm build completes successfully
  • I have tested this change in the browser
  • No unnecessary files are included in this PR

Screenshots (if relevant)

Add before/after screenshots for visual changes.

Matches the blog band. Four buttons carry the GitHub mark and a Clone
Repository label and none of them responded to a hover: the page's own closing
CTA, the two band demos, and the showcase example of the CTA component - which
should look like the real thing sitting below it.

The GitHub mark stays in front of the label and the arrow goes behind it. No
CSS needed; `.group:hover [data-icon="arrow-right"]` already matches what Icon
renders.

Checked at 1350px and 800px: every visible button animates and the GitHub mark
holds still. The LetterGlitch demo is hidden below 1024px, as intended.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01BwJB1u6U3vdEZ9LrHRebST
@vercel

vercel Bot commented Sep 15, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated
astro-rocket Ready Ready Preview Sep 15, 2026 12:41am UTC

@hansmartensdev
hansmartensdev merged commit 30382c7 into main Sep 15, 2026
4 checks passed

This branch was successfully deployed

1 active deployment
Preview — dcf35a57 Deployed Sep 15, 2026 by vercel[bot]
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.

2 participants