Development
Key Components
Map of important components and their responsibilities.
| Component | File | Purpose |
|---|
CategoryPageClient | components/pages/CategoryPageClient.js | Category page orchestrator (theme + ads + content) |
ArticleContentWrapper | components/pages/ArticleContentWrapper.js | Article page loader overlay |
QuestionnairePhaseView | components/pages/QuestionnairePhaseView.js | Two-phase questionnaire page flow |
| Component | File | Theme |
|---|
QuestionnaireModal | components/questionnaire/QuestionnaireModal.js | questionnaire |
WhatsAppTheme | components/whatsapp/WhatsAppTheme.js | whatsapp |
GuideTheme | components/guide/GuideTheme.js | guide, guide2 |
| Component | File | Type |
|---|
DisplayAd | components/ads/DisplayAd.js | Display banner |
InterstitialAd | components/ads/InterstitialAd.js | Full-screen |
RewardedAdManager | components/ads/RewardedAdManager.js | Rewarded video |
SkyscrapperAd | components/ads/SkyscrapperAd.js | Vertical side |
StickyAd | components/ads/StickyAd.js | Fixed banner |
CollapsibleAd | components/ads/CollapsibleAd.js | Anchor ad |
Kv2RewardedPopup | components/ads/Kv2RewardedPopup.js | KV2 fallback |
ArticleRewardedAd | components/ads/ArticleRewardedAd.js | Article rewarded |
| Component | File | Purpose |
|---|
Header | components/layout/Header.js | Site header |
Footer | components/layout/Footer.js | Site footer |
TaboolaWidgets | components/layout/TaboolaWidgets.js | Taboola widget divs |
PageLevelTargeting | components/layout/PageLevelTargeting.js | GAM UTM targeting |
SessionTracker | components/layout/SessionTracker.js | Session heartbeat |
QueryParamPreserver | components/layout/QueryParamPreserver.js | URL param carryover |
| Component | File | Purpose |
|---|
RewardedAdCtaButton | components/ui/RewardedAdCtaButton.js | CTA with shimmer animation |
ApplyLinkButton | components/ui/ApplyLinkButton.js | Apply link CTA |
AdPopupOverlay | components/ui/AdPopupOverlay.js | Portal-based popup overlay |
HiddenAdContainer | components/ui/HiddenAdContainer.js | Off-screen ad wrapper |
TaboolaPageLayout | components/ui/TaboolaPageLayout.js | Two-column Taboola layout |
Root components/*.js files re-export from subdirectories for backward-compatible imports. Do not delete these shims.