feat(website): lead-form kit and footer newsletter fix - #994
Merged
Conversation
Approved brainstorm outcome for rebuilding the website lead forms: a shared form kit and submission hook, bordered tokenized fields, the enterprise form merged into /contact as an intent variant, the pricing page reduced to a CTA band, whitepaper block and toast rebuilt on the kit, and the footer newsletter's collapsed input fixed structurally. Company domain inference is deferred pending Dawn changes. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Sixteen tasks in three shippable PRs: the form kit, forms.css with style contracts, and useGrowthForm with the footer newsletter fix; the contact page band with the enterprise intent and the pricing CTA band; the whitepaper block and toast on the kit with the old form CSS removed. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
…ints from the token Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
… id override Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
…t passthrough Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
…t no longer collapses Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
…erage; mark kit files client Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
…valid everywhere, compact row rules
…ccess and clearing coverage Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Contributor
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
PR 1 of 3 for
docs/superpowers/specs/2026-09-03-lead-forms-system-design.md(plan:docs/superpowers/plans/2026-09-04-lead-forms-system.md, both included here).What lands
apps/website/src/components/form/:Field(label, optional marker, help, error, wiredaria-describedby/aria-invalid),TextInput/TextArea/Select,FormCard,SubmitButton(width-stable pending state),FormStatus(success/failure/stale with the right ARIA role),emailError/requiredError, anduseGrowthForm, the one submission hook (immutable snapshot, growth envelope, stale-policy branch, in-flight guard, analytics).apps/website/src/styles/forms.csswith website-scoped tokens (control height, radius, focus and error rings, status colors) and four style-contract entries.Verification
nx e2e website --grep "footer newsletter"passes (input measured at 183 px).Analytics note: the whitepaper surface (PR 3) will start splitting
api_errorfromnetwork_errorinmarketing:whitepaper_signup_fail; the old code labelled every failureapi_error.Not in this PR: contact page and enterprise intent (PR 2), whitepaper block and toast (PR 3), company-domain inference (deferred).
🤖 Generated with Claude Code