Skip to content

feat(web): update homepage content and add hero A/B test#3529

Merged
ComputelessComputer merged 6 commits intomainfrom
devin/1769959953-homepage-update
Feb 2, 2026
Merged

feat(web): update homepage content and add hero A/B test#3529
ComputelessComputer merged 6 commits intomainfrom
devin/1769959953-homepage-update

Conversation

@devin-ai-integration
Copy link
Contributor

@devin-ai-integration devin-ai-integration bot commented Feb 1, 2026

feat(web): update homepage content and add hero A/B test

Summary

Updates the homepage content based on the Google Doc "Homepage copy A/B Test" Version 2 tab, adds a new FAQ section, and implements A/B testing for the hero section using PostHog feature flags.

Key content changes:

  • Hero section: "Take Meeting Notes With AI of Your Choice" emphasizing STT/LLM provider flexibility
  • Value props: "No Forced Stack" / "You Own Your Data" / "Just Works"
  • Secure by Design section: Updated descriptions for no-bots and fully-local features
  • Features: Updated descriptions for transcription, summary, chat; replaced "Daily Note" with "Keyboard shortcuts"
  • Details: Replaced "Contacts" with "Custom templates"
  • CTA: "Your meetings. Your data. Your control."

Updates since last revision

  • Data consistency fix: Fixed bug where unknown PostHog variants (e.g., "variant_b") would be tracked in analytics but control content would be displayed. Now the variant is validated first and used for both content lookup and tracking.
  • FAQ section refactored: Now uses shared FAQ and FAQItem components from mdx-jobs.tsx for consistent styling with the /jobs/designteer page (uses native <details> elements instead of custom accordion)
  • Hero A/B test: Implemented PostHog feature flag hero-ab-test with two variants:
    • control: Current Version 2 copy ("Take Meeting Notes With AI of Your Choice")
    • variant_a: Version 1 copy ("AI Notepad for Meetings—No Strings Attached.")
  • Tracking: Added hero_section_viewed event and hero_variant property to conversion events
  • Fixed manifesto typo: "are not added value" → "are not adding value"

Review & Testing Checklist for Human

  • Create PostHog feature flag: The flag hero-ab-test must be created in PostHog dashboard with variants control and variant_a (50/50 split recommended) - code will show control variant until this is configured
  • Test A/B variants: Override the feature flag in PostHog to verify both hero variants render correctly with their respective value props
  • Verify tracking consistency: Confirm that the tracked hero_variant in analytics matches the content actually displayed (especially test with an unknown variant value)
  • Test FAQ section: Verify the FAQ accordion expands/collapses correctly and matches the styling on /jobs/designteer
  • Visual review: Load the Netlify preview and verify homepage displays correctly on desktop and mobile

Notes

  • The A/B test uses useFeatureFlagVariantKey from @posthog/react - shows control variant while flags are loading or if flag doesn't exist
  • PostHog dashboard configuration required: create multivariate flag hero-ab-test with string variants control and variant_a
  • ValuePropsGrid component now accepts dynamic props to support variant-specific value propositions
  • FAQ section uses shared components from mdx-jobs.tsx (same as job posting pages)
  • Formatting verified with dprint check on the modified file

Link to Devin run: https://app.devin.ai/sessions/e31917453f12498fb724358eca5c334c
Requested by: @ComputelessComputer

- Update hero section title to 'Take Meeting Notes With AI of Your Choice'
- Update subtitle to emphasize STT and LLM provider choice
- Update value props grid: No Forced Stack, You Own Your Data, Just Works
- Update CoolStuffSection to 'Secure by Design' with updated descriptions
- Update mainFeatures with new descriptions for transcription, summary, chat
- Add Keyboard shortcuts feature, update Floating panel description
- Replace Contacts with Custom templates in detailsFeatures
- Update CTA section to 'Your meetings. Your data. Your control.'

Co-Authored-By: john@hyprnote.com <john@hyprnote.com>
@devin-ai-integration
Copy link
Contributor Author

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

  • Address comments on this PR that start with 'DevinAI' or '@devin'.
  • Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

  • Disable automatic comment and CI monitoring

@netlify
Copy link

netlify bot commented Feb 1, 2026

Deploy Preview for hyprnote ready!

Name Link
🔨 Latest commit 76772bd
🔍 Latest deploy log https://app.netlify.com/projects/hyprnote/deploys/698012de3c825a0008810ab5
😎 Deploy Preview https://deploy-preview-3529--hyprnote.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

@netlify
Copy link

netlify bot commented Feb 1, 2026

Deploy Preview for hyprnote-storybook canceled.

Name Link
🔨 Latest commit 76772bd
🔍 Latest deploy log https://app.netlify.com/projects/hyprnote-storybook/deploys/698012de5c5d7400086b279a

devin-ai-integration bot and others added 2 commits February 1, 2026 16:41
- Fix typo: 'are not added value' -> 'are not adding value'
- Add FAQ section with 5 questions from Google Doc:
  1. What languages does Hyprnote support?
  2. Can I import existing recordings?
  3. Does Hyprnote train AI models on my data?
  4. Is Hyprnote safe?
  5. How is Hyprnote different from other AI note-takers?

Co-Authored-By: john@hyprnote.com <john@hyprnote.com>
- Add PostHog feature flag 'hero-ab-test' for hero section A/B testing
- Control variant: 'Take Meeting Notes With AI of Your Choice'
- Variant A: 'AI Notepad for Meetings—No Strings Attached.'
- Track hero_section_viewed event with variant info
- Include hero_variant in conversion tracking events
- Update ValuePropsGrid to accept dynamic props based on variant

Co-Authored-By: john@hyprnote.com <john@hyprnote.com>
@devin-ai-integration devin-ai-integration bot changed the title feat(web): update homepage content based on new copy feat(web): update homepage content and add hero A/B test Feb 2, 2026
- Fix type narrowing for useFeatureFlagVariantKey return type
- Use more flexible ReadonlyArray type for ValuePropsGrid props

Co-Authored-By: john@hyprnote.com <john@hyprnote.com>
devin-ai-integration bot and others added 2 commits February 2, 2026 02:45
Use FAQ and FAQItem components from mdx-jobs for consistent styling
with the /jobs/designteer page

Co-Authored-By: john@hyprnote.com <john@hyprnote.com>
Fix data inconsistency where unknown PostHog variants would be tracked
but control content would be displayed. Now the variant is validated
first and used for both content lookup and tracking.

Co-Authored-By: john@hyprnote.com <john@hyprnote.com>
@ComputelessComputer ComputelessComputer merged commit 543c0f2 into main Feb 2, 2026
15 of 16 checks passed
@ComputelessComputer ComputelessComputer deleted the devin/1769959953-homepage-update branch February 2, 2026 03:10
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