Skip to content

fix(#617): redesign onboarding/create screen - #665

Open
Hussman256 wants to merge 1 commit into
Miracle656:mainfrom
Hussman256:fix/onboarding-redesign-617
Open

fix(#617): redesign onboarding/create screen#665
Hussman256 wants to merge 1 commit into
Miracle656:mainfrom
Hussman256:fix/onboarding-redesign-617

Conversation

@Hussman256

Copy link
Copy Markdown
Contributor

Summary

Closes #617.

Restyles app/page.tsx to match the redesign spec. All logic (passkey register → fee-payer → factory deploy) is unchanged.

Changes

app/globals.css

  • Added @keyframes pulse-ring + @keyframes pulse-ring-2 — two staggered gold rings expanding outward
  • Added .biometric-pulse class using ::before / ::after pseudo-elements

app/page.tsx

  • Pulse ring: 96×96 .biometric-pulse container wrapping <VeilMark size={64} />
  • Headline: Lora-italic <h1>"Your passkey is your wallet."* — with "your wallet." in the .hl gold highlight
  • Lede: "No seed phrase. No password. Just your biometric — securing a smart contract wallet on Stellar."
  • CTAs: id="onboarding-create" and id="onboarding-recover" for testability
  • Footnote: "Secured by WebAuthn on Stellar" — fixes mis-ID (tutorial-titlewebauthn-footnote)
  • Dead markup removed: empty {/* Main card */} comment block

Acceptance criteria

✅ Centered hero with pulse ring + gold-highlighted Lora headline
✅ Create / Recover CTAs; WebAuthn footnote
✅ Onboarding tutorial + create flow unchanged
✅ Dead markup removed

- Hero: centered biometric pulse ring (two-ring gold animation) wrapping
  the VeilMark at 96px, defined as .biometric-pulse in globals.css
- Headline: Lora-italic h1 with 'your wallet.' highlighted via .hl gold underlay
- Lede: single sentence explaining no seed phrase, biometric, Stellar
- CTAs: Create wallet (btn-gold, id=onboarding-create) and
  Recover existing wallet (btn-ghost, id=onboarding-recover)
- Footnote: 'Secured by WebAuthn on Stellar' id=webauthn-footnote
  (was mis-IDed as tutorial-title)
- Removed dead empty-card comment block
- Onboarding tutorial + registering/deploying/done flow unchanged
@Hussman256
Hussman256 requested a review from Miracle656 as a code owner August 26, 2026 22:07
@vercel

vercel Bot commented Aug 26, 2026

Copy link
Copy Markdown

@Hussman256 is attempting to deploy a commit to the miracle656's projects Team on Vercel.

A member of the Team first needs to authorize it.

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.

Redesign the Onboarding / Create screen

1 participant