Skip to content

docs: "Add to wallet" buttons + route get-started CTAs to Celopedia#2221

Open
GigaHierz wants to merge 1 commit into
mainfrom
GigaHierz/add-network-wallet-buttons
Open

docs: "Add to wallet" buttons + route get-started CTAs to Celopedia#2221
GigaHierz wants to merge 1 commit into
mainfrom
GigaHierz/add-network-wallet-buttons

Conversation

@GigaHierz

Copy link
Copy Markdown
Contributor

What & why

Two goals: give developers a one-click way to add Celo networks to their wallet, and reposition Celopedia as the primary "get started" entry point.

1. "Add Celo to your wallet" buttons

  • New reusable snippet snippets/AddNetworkButton.jsx that calls wallet_addEthereumChain for Celo Mainnet and Celo Sepolia. Network params live in one place (single source of truth).
  • Styled to be visually identical to the homepage cards — copied the live Mintlify card classes (theme tokens: primary / primary-light = the brand #fcff52), so it matches light/dark modes and the yellow hover-border behavior.
  • Surfaced in two spots: a dedicated "Add Celo to your wallet" section on the homepage, and under each network table on the Network Information page.
  • Provider handling mirrors the Celo faucet's @metamask/detect-provider approach (prefers MetaMask when multiple wallets are injected) and surfaces the wallet's real error instead of masking failures.

2. Homepage tidy-up

  • Reordered sections: AI Agent Infrastructure → Real World Use Cases → Builder Support → Networks.
  • Added a Celopedia card to AI Agent Infrastructure (links to celopedia.celo.org).

3. Get-started CTAs → Celopedia

Routed the prominent "Start Building" / "Quickstart" / "Get started" CTAs from the Celo Composer quickstart to the Celopedia page: homepage (both cards), /tooling/overview, /build-on-celo landing, and Composer Kit "Next Steps". Genuine step-by-step tutorial cross-links were intentionally left pointing at the Composer guide.

4. Celopedia page rewrite

Punchier hero, four value highlights (find your idea, shape it, get feedback, go live fast), a clear install CTA, and trimmed length.

Verification

  • mint broken-links passes.
  • Rendered locally via mint dev; buttons, cards, and redirected CTAs confirmed in the output.
  • ⚠️ Wallet click-flow still needs a manual browser test with an actual wallet — the add-network prompt can't be exercised headlessly.

🤖 Generated with Claude Code

…a, refresh Celopedia page

- Add reusable AddNetworkButton snippet (wallet_addEthereumChain) styled to
  match the homepage cards; surface it on the homepage and under each table on
  the Network Information page for Celo Mainnet and Celo Sepolia
- Reorder homepage sections (AI Agent Infra → Real World Use Cases → Builder
  Support → Networks) and add a Celopedia card to AI Agent Infrastructure
- Point the "Start Building" / "Quickstart" / "Get started" CTAs to Celopedia
  instead of the Celo Composer quickstart (homepage, tooling overview, build
  landing, Composer Kit next steps)
- Rewrite the Celopedia page with a punchier hero, four value highlights
  (find your idea, shape it, get feedback, go live fast), and a clear install CTA

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@GigaHierz
GigaHierz requested review from a team as code owners July 17, 2026 15:41
@GigaHierz
GigaHierz requested review from palango, piersy and viral-sangani and removed request for a team July 17, 2026 15:41
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