Pricing page i5: update copy (#47389)

* Pricing page i5: rename products * Pricing page i5: rename Site Search card call-to-action * Pricing page i5: update Jetpack cloud masthead copy * Pricing page i5: update copy for plan cards * Pricing page i5: update product cards copy * Pricing page i5: update Scan description
Automattic · Nov 13, 2020 · 2263208 · 2263208
1 parent f85593a
commit 2263208
Show file tree

Hide file tree

Showing 6 changed files with 259 additions and 165 deletions.
diff --git a/client/components/jetpack/card/jetpack-product-card-i5/style.scss b/client/components/jetpack/card/jetpack-product-card-i5/style.scss
@@ -85,7 +85,7 @@
 	color: var( --studio-gray-60 );
 
 	@include breakpoint-deprecated( '>660px' ) {
-		min-height: 100px;
+		min-height: 108px;
 	}
 }
 
@@ -145,6 +145,10 @@
 
 	font-size: 1rem;
 	font-weight: 700;
+
+	em {
+		font-style: normal;
+	}
 }
 
 .jetpack-product-card-i5__features {
@@ -155,6 +159,10 @@
 	margin: 32px 0;
 
 	list-style-type: none;
+
+	em {
+		font-style: normal;
+	}
 }
 
 .jetpack-product-card-i5__features-item {

diff --git a/client/jetpack-cloud/sections/pricing/header/index.tsx b/client/jetpack-cloud/sections/pricing/header/index.tsx
@@ -30,7 +30,9 @@ const Header: React.FC = () => {
 		{
 			[ Iterations.V1 ]: translate( 'Security, performance, and growth tools for WordPress' ),
 			[ Iterations.V2 ]: translate( 'Security, performance, and growth tools for WordPress' ),
-			[ Iterations.I5 ]: translate( 'Security, performance, and growth tools for WordPress' ),
+			[ Iterations.I5 ]: translate(
+				'Security, performance, and marketing tools made for WordPress'
+			),
 		}[ iteration ] ?? translate( 'Security, performance, and marketing tools for WordPress' );
 	const tagline =
 		{

diff --git a/client/lib/plans/features-list.js b/client/lib/plans/features-list.js
@@ -1078,7 +1078,10 @@ export const FEATURES_LIST = {
 
 	[ constants.FEATURE_BACKUP_REALTIME_V2 ]: {
 		getSlug: () => constants.FEATURE_BACKUP_REALTIME_V2,
-		getTitle: () => i18n.translate( 'Automated real-time site backups' ),
+		getTitle: () =>
+			( {
+				i5: i18n.translate( 'Automated real-time backups' ),
+			}[ getJetpackCROActiveVersion() ] || i18n.translate( 'Automated real-time site backups' ) ),
 	},
 
 	[ constants.FEATURE_PRODUCT_BACKUP_V2 ]: {
@@ -1101,18 +1104,20 @@ export const FEATURES_LIST = {
 		getSlug: () => constants.FEATURE_PRODUCT_BACKUP_DAILY_V2,
 		getIcon: () => 'cloud-upload',
 		getTitle: () =>
-			getJetpackCROActiveVersion() === 'v2'
-				? i18n.translate( 'Backup {{strong}}{{em}}Daily{{/em}}{{/strong}}', {
-						components: {
-							em: <em />,
-							strong: <strong />,
-						},
-				  } )
-				: i18n.translate( 'Backup {{em}}Daily{{/em}}', {
-						components: {
-							em: <em />,
-						},
-				  } ),
+			( {
+				v2: i18n.translate( 'Backup {{strong}}{{em}}Daily{{/em}}{{/strong}}', {
+					components: {
+						em: <em />,
+						strong: <strong />,
+					},
+				} ),
+				i5: i18n.translate( 'Backup Daily (off-site)' ),
+			}[ getJetpackCROActiveVersion() ] ||
+			i18n.translate( 'Backup {{em}}Daily{{/em}}', {
+				components: {
+					em: <em />,
+				},
+			} ) ),
 		getDescription: () =>
 			i18n.translate(
 				'Automatic daily backups of your entire site, with unlimited, WordPress-optimized secure storage. {{link}}Learn more{{/link}}.',
@@ -1129,20 +1134,22 @@ export const FEATURES_LIST = {
 		getSlug: () => constants.FEATURE_PRODUCT_BACKUP_REALTIME_V2,
 		getIcon: () => 'cloud-upload',
 		getTitle: () =>
-			getJetpackCROActiveVersion() === 'v2'
-				? i18n.translate( 'Backup {{strong}}{{em}}Real{{nbh/}}time{{/em}}{{/strong}}', {
-						components: {
-							em: <em />,
-							strong: <strong />,
-							nbh: <>&#8209;</>,
-						},
-						comment: '{{nbh}} represents a non breakable hyphen',
-				  } )
-				: i18n.translate( 'Backup {{em}}Real-time{{/em}}', {
-						components: {
-							em: <em />,
-						},
-				  } ),
+			( {
+				v2: i18n.translate( 'Backup {{strong}}{{em}}Real{{nbh/}}time{{/em}}{{/strong}}', {
+					components: {
+						em: <em />,
+						strong: <strong />,
+						nbh: <>&#8209;</>,
+					},
+					comment: '{{nbh}} represents a non breakable hyphen',
+				} ),
+				i5: i18n.translate( 'Backup Real-time (off-site)' ),
+			}[ getJetpackCROActiveVersion() ] ||
+			i18n.translate( 'Backup {{em}}Real-time{{/em}}', {
+				components: {
+					em: <em />,
+				},
+			} ) ),
 		getDescription: () =>
 			i18n.translate(
 				'Real-time backups of your entire site and database with unlimited secure storage. {{link}}Learn more{{/link}}.',
@@ -1204,11 +1211,14 @@ export const FEATURES_LIST = {
 		getSlug: () => constants.FEATURE_PRODUCT_SCAN_DAILY_V2,
 		getIcon: () => ( { icon: 'security', component: MaterialIcon } ),
 		getTitle: () =>
+			( {
+				i5: i18n.translate( 'Scan Daily (automated)' ),
+			}[ getJetpackCROActiveVersion() ] ||
 			i18n.translate( 'Scan {{em}}Daily{{/em}}', {
 				components: {
 					em: <em />,
 				},
-			} ),
+			} ) ),
 		getDescription: () =>
 			i18n.translate(
 				'Automated daily scanning for security vulnerabilities or threats on your site. Includes instant notifications and automatic security fixes. {{link}}Learn more{{/link}}.',
@@ -1229,11 +1239,14 @@ export const FEATURES_LIST = {
 		getSlug: () => constants.FEATURE_PRODUCT_SCAN_REALTIME_V2,
 		getIcon: () => ( { icon: 'security', component: MaterialIcon } ),
 		getTitle: () =>
+			( {
+				i5: i18n.translate( 'Real-time Scan (automated)' ),
+			}[ getJetpackCROActiveVersion() ] ||
 			i18n.translate( 'Scan {{em}}Real-time{{/em}}', {
 				components: {
 					em: <em />,
 				},
-			} ),
+			} ) ),
 		getDescription: () =>
 			i18n.translate(
 				'Automated real-time scanning for security vulnerabilities or threats on your site. Includes instant notifications and automatic security fixes. {{link}}Learn more{{/link}}.',
@@ -1248,7 +1261,10 @@ export const FEATURES_LIST = {
 
 	[ constants.FEATURE_ANTISPAM_V2 ]: {
 		getSlug: () => constants.FEATURE_ANTISPAM_V2,
-		getTitle: () => i18n.translate( 'Automated spam protection' ),
+		getTitle: () =>
+			( {
+				i5: i18n.translate( 'Always-on spam protection' ),
+			}[ getJetpackCROActiveVersion() ] || i18n.translate( 'Automated spam protection' ) ),
 	},
 
 	[ constants.FEATURE_PRODUCT_ANTISPAM_V2 ]: {
@@ -1300,7 +1316,10 @@ export const FEATURES_LIST = {
 	[ constants.FEATURE_ACTIVITY_LOG_1_YEAR_V2 ]: {
 		getSlug: () => constants.FEATURE_ACTIVITY_LOG_1_YEAR_V2,
 		getIcon: () => 'clipboard',
-		getTitle: () => i18n.translate( 'Activity log: 1-year archive' ),
+		getTitle: () =>
+			( {
+				i5: i18n.translate( "1-year's worth of activity events" ),
+			}[ getJetpackCROActiveVersion() ] || i18n.translate( 'Activity log: 1-year archive' ) ),
 		getDescription: () =>
 			i18n.translate(
 				'View every change to your site in the last year. Pairs with Backup to restore your site to any earlier version. {{link}}Learn more.{{/link}}',
@@ -1321,14 +1340,16 @@ export const FEATURES_LIST = {
 		getSlug: () => constants.FEATURE_PRODUCT_SEARCH_V2,
 		getIcon: () => ( getJetpackCROActiveVersion() === 'v2' ? 'search' : null ),
 		getTitle: () =>
-			getJetpackCROActiveVersion() === 'v2'
-				? i18n.translate( 'Jetpack Search {{strong}}{{em}}Up to 100k records{{/em}}{{/strong}}', {
-						components: {
-							em: <em />,
-							strong: <strong />,
-						},
-				  } )
-				: i18n.translate( 'Search: up to 100k records' ),
+			( {
+				v2: i18n.translate( 'Jetpack Search {{strong}}{{em}}Up to 100k records{{/em}}{{/strong}}', {
+					components: {
+						em: <em />,
+						strong: <strong />,
+					},
+				} ),
+				i5: i18n.translate( 'Site Search: up to 100k records' ),
+			}[ getJetpackCROActiveVersion() ] || i18n.translate( 'Search: up to 100k records' ) ),
+
 		getDescription: () =>
 			i18n.translate(
 				'Help your site visitors find answers instantly so they keep reading and buying. Powerful filtering and customization options. {{link}}Learn more.{{/link}}',
@@ -1496,7 +1517,11 @@ export const FEATURES_LIST = {
 
 	[ constants.FEATURE_ONE_CLICK_RESTORE_V2 ]: {
 		getSlug: () => constants.FEATURE_ONE_CLICK_RESTORE_V2,
-		getTitle: () => i18n.translate( 'One-click restores from desktop or mobile' ),
+		getTitle: () =>
+			( {
+				i5: i18n.translate( 'One-click restores' ),
+			}[ getJetpackCROActiveVersion() ] ||
+			i18n.translate( 'One-click restores from desktop or mobile' ) ),
 	},
 
 	[ constants.FEATURE_ONE_CLICK_FIX_V2 ]: {