Skip to content

Rework pricing page and add upgrade button#172

Merged
stophecom merged 6 commits intodevfrom
rework-pricing-page
Apr 10, 2026
Merged

Rework pricing page and add upgrade button#172
stophecom merged 6 commits intodevfrom
rework-pricing-page

Conversation

@stophecom
Copy link
Copy Markdown
Owner

Summary

  • Comparison table: Add feature comparison table with consistent naming (Secret Redirects, Extra password), Organization/SLA rows, retention values
  • Plan cards: Add tooltips with click support, plan subtitles, restructured plan data
  • Pricing page UX: Swiss flag & GitHub SVGs, updated quote, improved contact section copy, smooth scroll anchor link
  • Rainbow upgrade button: New rainbow Button variant with rotating gradient border and glow on hover, shown in header for free-tier users (hidden on pricing page and small screens)
  • Quote component: Add showIcon prop

Test plan

  • Verify comparison table renders correctly with all rows and values
  • Verify tooltips open on hover and click on plan cards
  • Verify rainbow upgrade button appears for Confidential users, hidden on /pricing and xs screens
  • Verify rainbow button hover animation (rotating border, glow, gradient text)
  • Verify dark mode support for rainbow button
  • Verify smooth scroll to comparison table via "Compare plans" button
  • Verify translations render correctly across locales

🤖 Generated with Claude Code

stophecom and others added 6 commits April 9, 2026 21:26
- Add comparison table with feature rows, Organization, and SLA
- Fix naming consistency (Secret Redirects, Extra password)
- Add tooltips with click support and larger hit areas to plan cards
- Add plan subtitles and restructure plan data with label/tooltip objects
- Replace icons: Swiss flag SVG, GitHub logo SVG
- Update UX copy: quote, contact section, "Visit on GitHub"
- Remove unused imports (BadgeCheck, ShieldCheck)
- Update translations across all locales

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Add scroll-behavior: smooth to global CSS
- Add anchor link from "Compare plans" button to comparison table
- Use translated message key for button text

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Add rainbow variant to Button component with rotating gradient border
- Glowing box-shadow and gradient text on hover
- Show upgrade button in header for Confidential users only
- Hide on pricing page and small screens
- Use CSS custom property for dark mode support

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel bot commented Apr 10, 2026

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

Project Deployment Actions Updated (UTC)
scrt-link-v2 Ready Ready Preview, Comment Apr 10, 2026 9:34am

Request Review

@stophecom stophecom self-assigned this Apr 10, 2026
@stophecom stophecom merged commit 2ca7ac0 into dev Apr 10, 2026
5 checks passed
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