Skip to content

Add homepage persona modal A/B test variant#17184

Merged
pettinarip merged 2 commits into
devfrom
personas
Jan 29, 2026
Merged

Add homepage persona modal A/B test variant#17184
pettinarip merged 2 commits into
devfrom
personas

Conversation

@pettinarip
Copy link
Copy Markdown
Member

@pettinarip pettinarip commented Jan 28, 2026 •
edited
Loading

Summary

  • Adds a new A/B test variation for the homepage CTAs section
  • Replaces the four CTA grid with a single "Start here" button that opens a persona selection modal
  • Modal allows users to self-identify as beginners, developers, or enterprise and routes them to relevant pages
  • Also updates the hero section title/description for the persona variant

Test plan

  • Verify original variant (four CTAs grid) still renders correctly
  • Verify persona variant displays "Start here" button
  • Test modal opens on button click and tracks Matomo event
  • Test each persona link navigates correctly and closes modal
  • Verify external links open in new tab with proper attributes
  • Test responsive layout on mobile and desktop
  • Verify A/B test debug panel shows correct variants

@pettinarip
Use React portal for ABTestDebugPanel
3001c3d 
Render the debug panel to document.body via createPortal to avoid
z-index and styling conflicts when nested inside other components.
@netlify
Copy link
Copy Markdown

netlify Bot commented Jan 28, 2026 •
edited
Loading

✅ Deploy Preview for ethereumorg ready!

Name Link
🔨 Latest commit fdb69e1
🔍 Latest deploy log https://app.netlify.com/projects/ethereumorg/deploys/697b09c64eb5230008536969
😎 Deploy Preview https://deploy-preview-17184.ethereum.it
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse		 7 paths audited
Performance: 55 (🔴 down 1 from production)
Accessibility: 94 (no change from production)
Best Practices: 100 (no change from production)
SEO: 100 (no change from production)
PWA: 59 (no change from production)
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

@pettinarip
add homepage persona modal A/B test variant
fdb69e1 
Introduces a new A/B test variation for the homepage that replaces the
four CTA grid with a single "Start here" button that opens a persona
selection modal. The modal lets users self-identify as beginners,
developers, or enterprise and routes them to relevant pages.
pettinarip
pettinarip commented Jan 28, 2026
View reviewed changes
Comment thread src/components/AB/TestDebugPanel.tsx
Copy link
Copy Markdown
Member Author

@pettinarip pettinarip Jan 28, 2026

Choose a reason for hiding this comment

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

maybe out of scope but this is setting the debug panel to render in a portal to avoid pending an extra hidden node in the place where the ABTestWrapper is used.

@pettinarip
Copy link
Copy Markdown
Member Author

pettinarip commented Jan 29, 2026

New variant approved by @konopkja. Merging after getting a successful build.

@pettinarip pettinarip merged commit 24b3283 into dev Jan 29, 2026
9 checks passed
@pettinarip pettinarip deleted the personas branch January 29, 2026 07:57
@pettinarip pettinarip mentioned this pull request Jan 29, 2026
Merged
@konopkja konopkja mentioned this pull request Feb 12, 2026
Merged
7 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@wackerow wackerow Awaiting requested review from wackerow wackerow is a code owner

@minimalsm minimalsm Awaiting requested review from minimalsm

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@pettinarip