| 1 |
import { __ } from "@wordpress/i18n"; |
| 2 |
import React from "react"; |
| 3 |
import LockedPreview from "./LockedPreview"; |
| 4 |
import { |
| 5 |
OverviewMock, |
| 6 |
AiTrafficMock, |
| 7 |
ArticlesMock, |
| 8 |
SearchMock, |
| 9 |
EngagementMock, |
| 10 |
FeedbackMock, |
| 11 |
LinksMock, |
| 12 |
AuthorsMock, |
| 13 |
SettingsMock |
| 14 |
} from "./previews"; |
| 15 |
|
| 16 |
/* Per-route Pro teasers — each renders a real, design-accurate mock of the |
| 17 |
module blurred behind a frosted lock panel, so users see exactly what the |
| 18 |
upgrade unlocks. Used by the Free Dashboard for every route. */ |
| 19 |
|
| 20 |
export function OverviewTeaser() { |
| 21 |
return ( |
| 22 |
<LockedPreview |
| 23 |
title={ __( "Analytics Overview is a Pro feature", "betterdocs" ) } |
| 24 |
subtitle={ __( "See your knowledge base at a glance — views, unique readers, searches, reactions, and your top content. BetterDocs keeps recording in the background, so your history is ready the moment you upgrade.", "betterdocs" ) } |
| 25 |
bullets={ [ |
| 26 |
__( "Views, unique readers, searches & reactions KPIs", "betterdocs" ), |
| 27 |
__( "Top 10 articles and top search queries", "betterdocs" ), |
| 28 |
__( "Search trends and recent reader feedback", "betterdocs" ) |
| 29 |
] } |
| 30 |
> |
| 31 |
<OverviewMock /> |
| 32 |
</LockedPreview> |
| 33 |
); |
| 34 |
} |
| 35 |
|
| 36 |
export function AiTrafficTeaser() { |
| 37 |
return ( |
| 38 |
<LockedPreview |
| 39 |
title={ __( "Full AI Traffic analytics is a Pro feature", "betterdocs" ) } |
| 40 |
subtitle={ __( "See which AI agents read your docs, when, and what they fetch — with brand-recognized icons, trends, and per-page detail.", "betterdocs" ) } |
| 41 |
bullets={ [ |
| 42 |
__( "Per-agent breakdown with brand icons", "betterdocs" ), |
| 43 |
__( "AI vs. human traffic trends over time", "betterdocs" ), |
| 44 |
__( "Most-fetched pages and activity heatmap", "betterdocs" ) |
| 45 |
] } |
| 46 |
> |
| 47 |
<AiTrafficMock /> |
| 48 |
</LockedPreview> |
| 49 |
); |
| 50 |
} |
| 51 |
|
| 52 |
export function ArticlesTeaser() { |
| 53 |
return ( |
| 54 |
<LockedPreview |
| 55 |
title={ __( "Docs Performance is a Pro feature", "betterdocs" ) } |
| 56 |
subtitle={ __( "Drill into each doc — views over time, helpfulness, reactions, and per-article trends.", "betterdocs" ) } |
| 57 |
bullets={ [ |
| 58 |
__( "Views & unique readers per article", "betterdocs" ), |
| 59 |
__( "Helpfulness scores and reaction trends", "betterdocs" ), |
| 60 |
__( "Country breakdown & search sources", "betterdocs" ) |
| 61 |
] } |
| 62 |
> |
| 63 |
<ArticlesMock /> |
| 64 |
</LockedPreview> |
| 65 |
); |
| 66 |
} |
| 67 |
|
| 68 |
export function SearchTeaser() { |
| 69 |
return ( |
| 70 |
<LockedPreview |
| 71 |
title={ __( "Search Analytics is a Pro feature", "betterdocs" ) } |
| 72 |
subtitle={ __( "See what readers look for — trends over time, zero-result queries, and click-through to docs.", "betterdocs" ) } |
| 73 |
bullets={ [ |
| 74 |
__( "Searches vs. zero-results over time", "betterdocs" ), |
| 75 |
__( "Top zero-result queries to fix content gaps", "betterdocs" ), |
| 76 |
__( "Exportable search reports", "betterdocs" ) |
| 77 |
] } |
| 78 |
> |
| 79 |
<SearchMock /> |
| 80 |
</LockedPreview> |
| 81 |
); |
| 82 |
} |
| 83 |
|
| 84 |
export function EngagementTeaser() { |
| 85 |
return ( |
| 86 |
<LockedPreview |
| 87 |
title={ __( "Reader Engagement is a Pro feature", "betterdocs" ) } |
| 88 |
subtitle={ __( "Understand who your readers are — geography, devices, and language reach.", "betterdocs" ) } |
| 89 |
bullets={ [ |
| 90 |
__( "Country & device breakdown", "betterdocs" ), |
| 91 |
__( "Referrer sources and language reach", "betterdocs" ), |
| 92 |
__( "CSV exports for every view", "betterdocs" ) |
| 93 |
] } |
| 94 |
> |
| 95 |
<EngagementMock /> |
| 96 |
</LockedPreview> |
| 97 |
); |
| 98 |
} |
| 99 |
|
| 100 |
export function FeedbackTeaser() { |
| 101 |
return ( |
| 102 |
<LockedPreview |
| 103 |
title={ __( "Feedback Inbox is a Pro feature", "betterdocs" ) } |
| 104 |
subtitle={ __( "Every reader reaction, comment, and broken-link report in one place.", "betterdocs" ) } |
| 105 |
bullets={ [ |
| 106 |
__( "Likes, dislikes & comments in one feed", "betterdocs" ), |
| 107 |
__( "Bulk status, filters, and exports", "betterdocs" ), |
| 108 |
__( "Tie feedback back to each article", "betterdocs" ) |
| 109 |
] } |
| 110 |
> |
| 111 |
<FeedbackMock /> |
| 112 |
</LockedPreview> |
| 113 |
); |
| 114 |
} |
| 115 |
|
| 116 |
export function LinksTeaser() { |
| 117 |
return ( |
| 118 |
<LockedPreview |
| 119 |
title={ __( "Link Health is a Pro feature", "betterdocs" ) } |
| 120 |
subtitle={ __( "Scan your knowledge base for broken links and redirects, with a triage inbox to fix them fast.", "betterdocs" ) } |
| 121 |
bullets={ [ |
| 122 |
__( "Automated broken-link scanning", "betterdocs" ), |
| 123 |
__( "Redirect detection with status codes", "betterdocs" ), |
| 124 |
__( "Triage inbox to resolve issues fast", "betterdocs" ) |
| 125 |
] } |
| 126 |
> |
| 127 |
<LinksMock /> |
| 128 |
</LockedPreview> |
| 129 |
); |
| 130 |
} |
| 131 |
|
| 132 |
export function AuthorsTeaser() { |
| 133 |
return ( |
| 134 |
<LockedPreview |
| 135 |
title={ __( "Author Performance is a Pro feature", "betterdocs" ) } |
| 136 |
subtitle={ __( "Per-author views, helpfulness, and contribution metrics across your knowledge base.", "betterdocs" ) } |
| 137 |
bullets={ [ |
| 138 |
__( "Docs & views per author", "betterdocs" ), |
| 139 |
__( "Helpfulness and reception scores", "betterdocs" ), |
| 140 |
__( "Spot your most effective contributors", "betterdocs" ) |
| 141 |
] } |
| 142 |
> |
| 143 |
<AuthorsMock /> |
| 144 |
</LockedPreview> |
| 145 |
); |
| 146 |
} |
| 147 |
|
| 148 |
export function SettingsTeaser() { |
| 149 |
return ( |
| 150 |
<LockedPreview |
| 151 |
title={ __( "Advanced analytics settings are Pro", "betterdocs" ) } |
| 152 |
subtitle={ __( "Cookieless tracking, MaxMind GeoIP, GA4 forwarding, and configurable retention windows. Analytics From, Unique Visitor Count and Exclude Bot Analytics are already in Free under BetterDocs → Settings, and Free keeps your analytics history with no time limit.", "betterdocs" ) } |
| 153 |
bullets={ [ |
| 154 |
__( "Cookieless, privacy-first tracking", "betterdocs" ), |
| 155 |
__( "MaxMind GeoIP & GA4 forwarding", "betterdocs" ), |
| 156 |
__( "Configurable data-retention windows", "betterdocs" ) |
| 157 |
] } |
| 158 |
> |
| 159 |
<SettingsMock /> |
| 160 |
</LockedPreview> |
| 161 |
); |
| 162 |
} |
| 163 |
|
