Skip to content

feat(webapp): streamline onboarding v2 landing layout and hero#5897

Open
tsahimatsliah wants to merge 5 commits intomainfrom
feat/onboarding-v2-landing-refresh
Open

feat(webapp): streamline onboarding v2 landing layout and hero#5897
tsahimatsliah wants to merge 5 commits intomainfrom
feat/onboarding-v2-landing-refresh

Conversation

@tsahimatsliah
Copy link
Copy Markdown
Member

@tsahimatsliah tsahimatsliah commented Apr 20, 2026

Summary

This PR refreshes the Onboarding V2 landing experience (hero step) to reduce friction: a focused full-viewport layout, clearer headline typography, and footer always visible without scrolling the page.

Feature flag (no new flag)

  • GrowthBook / featureManagement: still gated by existing featureOnboardingV2 → key onboarding_v2 (default false).
  • Webapp: packages/webapp/pages/onboarding.tsx renders <OnboardingV2 /> when this flag is on; no additional experiment flag was added.

UX / layout

  • Focused landing: GitHub + AI chooser (OnboardingChooserGrid) lives in the hero; removed the live feed preview on the hero step, dummy left sidebar, animated rising tags, long subtitle, and duplicate hero CTAs (the two paths are only in the chooser cards).
  • Headline: Copy remains “Staying sharp shouldn’t be hard” / “A dev feed built around your stack”, with typo-title1 on small screens and tablet:typo-large-title plus slightly relaxed line height on tablet+.
  • Full screen, no body scroll on hero: Root uses min-h-dvh flex column when step === 'hero'; footer uses mt-auto; document.body overflow is hidden on the hero step so the page does not scroll behind the layout.
  • Footer: FooterLinks stays at the bottom of the viewport on the hero step (with safe-area padding where relevant).

Flow unchanged

Signup/auth modals, import overlay, tags fallback, extension promo, completion screen, and other steps after leaving the hero are unchanged.

Testing

  • node ./scripts/typecheck-strict-changed.js
  • pnpm exec eslint components/onboarding/OnboardingV2.tsx (webapp)

How to QA: Enable onboarding_v2 for your user/session, open /onboarding, confirm hero-only layout, no page scroll on hero, footer visible, and both chooser paths still work.

Made with Cursor

Preview domain

https://feat-onboarding-v2-landing-refre.preview.app.daily.dev

@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 20, 2026

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

Project Deployment Actions Updated (UTC)
daily-webapp Building Building Preview Apr 22, 2026 11:35am
1 Skipped Deployment
Project Deployment Actions Updated (UTC)
storybook Ignored Ignored Apr 22, 2026 11:35am

Request Review

Copy link
Copy Markdown
Contributor

@capJavert capJavert left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Added some style/events adjustments.

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.

2 participants