User Flows
Guide Theme
User flow for the guide theme with content blur and rewarded popup.
Guide Theme
Component: components/guide/GuideTheme.js
Activated when: category.questionnaireType is guide or guide2
User flow
What the user sees
- Question modal — clean step-based questions (no CTA during questions)
- Loading spinner — brief transition between questions and content
- Blurred content — category sections visible but unreadable
- Rewarded popup — overlay with CTA button appears when ad is ready
- "Show me how" button — user must click to watch the ad
- Content unlock — blur removed, full content accessible
Guide vs Guide2
| Difference | Guide | Guide2 |
|---|---|---|
| Display ads during theme | Start at theme visible | Wait until theme closed |
| Interstitial during theme | Start at theme visible | Wait until theme closed |
| User experience | Same | Same |
| Content blur | Yes | Yes |
Component architecture
Key difference from Questionnaire
- No CTA during questions — the rewarded ad prompt comes AFTER questions via a separate popup
- Content blur — creates urgency; user can see content exists but cannot read it
- Auto-trigger —
REWARDED_TRIGGER.PAGE_MOUNTloads the ad after questions complete