Skip to content

feat(pricing): redesign pricing page with a plan comparison table - #298

Open
raviships wants to merge 1 commit into
mainfrom
t3code/redesign-pricing-page
Open

raviships wants to merge 1 commit into
mainfrom
t3code/redesign-pricing-page

Conversation

@raviships

Copy link
Copy Markdown
Collaborator

Summary

Redesigns /pricing to match the new landing page. It replaces the old glowing card, shimmer buttons and centered heading with the site's own tokens, type scale and bordered panels.

  • Desktop (≥ 982px): one comparison table with plans as columns and limits as rows. The Starter column is highlighted.
  • Mobile and tablet (≤ 981px): a Free / Starter / Pro switcher, with each plan's price, pinned under the site header. It shows one plan at a time and opens on Starter. It supports arrow keys and uses tab/tabpanel roles.
  • Free plan: shows $0 and "Start for free", which links to dashboard sign-up as on the landing page. The Sponsor button is now a footnote link.
  • Own storage: the intro says the plans cover hosted storage and that the library is free with your own storage provider.
  • Restore deleted files: new row, from canRestore.
  • Campaign countdown: now a slim banner. Campaign strikethrough limits and the scheduled price-change note are unchanged.
Pricing (server, fetches /api/pricing)
├─ CampaignCountdown (client): slim banner, ticks every second
├─ PlanTabs (client, ≤ 981px): tab state only
│   └─ one server-rendered panel per plan
├─ comparison table (≥ 982px)
└─ Custom plan + sponsor link

Both views read one features list built on the server. Each row holds a value per plan, so the table and the tabs can't drift apart.

Evidence

Desktop, before → after

Before, desktop

After, desktop

Desktop, dark

After, desktop dark

Mobile, before → after (light and dark)

Before, mobile

After, mobile

Campaign banner and scheduled price change (sample data injected locally, not committed)

Campaign and scheduled price

Checks:

  • tsc --noEmit in docs: no errors
  • eslint "src/app/(main)/pricing": clean
  • pnpm format --check: all files pass
  • Checked in the browser at 390, 820, 1000 and 1440px, in light and dark

Risk and rollback

Door: Two-way. The change only touches files under docs/src/app/(main)/pricing/_components. Reverting the commit restores the old page.
Blast radius: Only the docs site's /pricing page. No @edgestore/* packages change, so there is no changeset. The page still reads the same /api/pricing response. The paid-plan links still go to /subscription/new?plan=…. The Free button now goes to /sign-up instead of the dashboard root.

Copy to check: the one-line plan descriptions are new.

By: Claude Opus 5.5 on Claude Code

@vercel

vercel Bot commented Oct 11, 2026 •

Copy link
Copy Markdown

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

Project Deployment Actions Updated
edgestore-docs Ready Ready Preview Oct 11, 2026 8:23am UTC
2 Skipped Deployments
Project Deployment Actions Updated
example-access-control Skipped Skipped Oct 11, 2026 8:23am UTC
example-components Skipped Skipped Oct 11, 2026 8:23am UTC

Request Review

@raviships
raviships marked this pull request as ready for review October 11, 2026 08:22
@chatgpt-codex-connector

chatgpt-codex-connector Bot commented Oct 11, 2026 •

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review Status Commit Review trigger
📝 Code Review ✅ Completed 2026-10-11T08:25:25.378300Z f849bd4 Draft marked ready
ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

This branch was successfully deployed

1 active and 2 inactive deployments
Preview – edgestore-docs — f849bd4e Deployed Oct 11, 2026 by vercel[bot]
Preview – example-components — f849bd4e Deployed Oct 11, 2026 by vercel[bot]
Preview – example-access-control — f849bd4e Deployed Oct 11, 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.

1 participant