A4A: Update a few copies related to Agency Tier and benefits. (#96272)

* Update few copies related to Agency Tier and benefits. * Fix capitalization. * Add 'beta' badge on the Agency tier. * Fix apostrophe errors. * Fix one more apostrophe.
Automattic · Nov 13, 2024 · 42cd4f3 · 42cd4f3
1 parent ccf6fb5
commit 42cd4f3
Show file tree

Hide file tree

Showing 5 changed files with 84 additions and 59 deletions.
diff --git a/...sidebar-menu/hooks/use-main-menu-items.ts → ...idebar-menu/hooks/use-main-menu-items.tsx b/...sidebar-menu/hooks/use-main-menu-items.ts → ...idebar-menu/hooks/use-main-menu-items.tsx
@@ -14,6 +14,7 @@ import {
 import { useTranslate } from 'i18n-calypso';
 import { useMemo } from 'react';
 import { isPathAllowed } from 'calypso/a8c-for-agencies/lib/permission';
+import Badge from 'calypso/components/badge';
 import { isSectionNameEnabled } from 'calypso/sections-filter';
 import { useSelector } from 'calypso/state';
 import { getActiveAgency } from 'calypso/state/a8c-for-agencies/agency/selectors';
@@ -199,6 +200,7 @@ const useMainMenuItems = ( path: string ) => {
 							path: '/',
 							link: A4A_AGENCY_TIER_LINK,
 							title: translate( 'Agency Tier' ),
+							extraContent: <Badge type="info-blue">{ translate( 'beta' ) }</Badge>,
 							trackEventProps: {
 								menu_item: 'Automattic for Agencies / Agency Tier',
 							},

diff --git a/client/a8c-for-agencies/sections/agency-tier/lib/get-agency-tier-info.tsx b/client/a8c-for-agencies/sections/agency-tier/lib/get-agency-tier-info.tsx
@@ -13,11 +13,11 @@ const getAgencyTierInfo = (
 	translate: ( key: string, args?: Record< string, unknown > ) => string
 ) => {
 	let tierInfo: AgencyTierInfo = {
-		title: translate( 'Make your {{b}}first purchase{{/b}} to {{b}}activate your account{{/b}}', {
+		title: translate( '{{b}}Activate your account{{/b}} by {{b}}making your first purchase{{/b}}', {
 			components: { b: <b /> },
 		} ),
 		fullTitle: translate(
-			'{{label}}Make your first purchase to{{/label}} {{title}}Activate your Account{{/title}}',
+			'{{title}}Activate your account{{/title}} {{label}}by making your first purchase{{/label}}',
 			{
 				components: {
 					label: <div className="agency-tier-overview__current-agency-tier-label"></div>,
@@ -50,14 +50,14 @@ const getAgencyTierInfo = (
 					{ args: { amount: '$1,200' }, comment: 'Amount of revenue' }
 				),
 				description: translate(
-					'Progress towards the Agency Partner tier and access extra benefits with additional purchases and referrals.'
+					'Progress towards the Agency Partner Tier and access extra benefits with additional purchases and referrals.'
 				),
 				logo: EmergingPartnerLogo,
 				includedTiers: [ 'emerging-partner' ],
 				celebrationModal: {
-					title: translate( 'You made your first purchase, your account is now activated!' ),
+					title: translate( "Woo-hoo! You've made your first purchase." ),
 					description: translate(
-						'Progress towards the Agency Partner tier and access extra benefits with additional purchases and referrals.'
+						"Your account is now activated, and you're on your way to reaching the next tier of benefits: Agency Partner."
 					),
 					video:
 						'https://automattic.com/wp-content/uploads/2024/10/emerging_partner_tier_celebration.mp4',
@@ -91,13 +91,12 @@ const getAgencyTierInfo = (
 				logo: AgencyPartnerLogo,
 				includedTiers: [ 'emerging-partner', 'agency-partner' ],
 				celebrationModal: {
-					title: translate( "Congratulations! You've reached the Partner tier!" ),
+					title: translate( "Congrats! You've reached the Agency Partner Tier." ),
 					description: translate(
 						"You've reached at least $1,200 in influenced revenue and have unlocked these additional benefits:"
 					),
 					benefits: [
-						translate( 'Inclusion in agency directories.' ),
-						translate( 'A free WordPress.com and Pressable site.' ),
+						translate( 'Eligibility for inclusion in our agency directories.' ),
 						translate( 'Early access to new Automattic products and features.' ),
 					],
 					video:
@@ -126,9 +125,9 @@ const getAgencyTierInfo = (
 				logo: ProAgencyPartnerLogo,
 				includedTiers: [ 'emerging-partner', 'agency-partner', 'pro-agency-partner' ],
 				celebrationModal: {
-					title: translate( "Congratulations, you've reached the Pro Partner tier!" ),
+					title: translate( "Congratulations, you've reached the Pro Partner Tier!" ),
 					description: translate(
-						"You've influenced at least $5,000 in Automattic revenue and have unlocked these additional benefits:"
+						"You've reached top-tier status and unlocked these additional benefits:"
 					),
 					benefits: [
 						translate( 'A dedicated partner manager and priority support access.' ),

diff --git a/client/a8c-for-agencies/sections/agency-tier/lib/get-tier-benefits.ts b/client/a8c-for-agencies/sections/agency-tier/lib/get-tier-benefits.ts
@@ -11,40 +11,42 @@ interface Benefit {
 
 const getTierBenefits = ( translate: ( key: string ) => string ): Benefit[] => [
 	{
-		title: translate( 'Sales Training & Resources' ),
+		title: translate( 'Tools & Platforms' ),
 		description: translate(
-			'Foundational product training, marketing materials, and advanced sales training.'
+			'Intuitive agency dashboard for streamlined client billing, and client and product management.'
 		),
-		features: [
-			translate( 'Pro partners eligible to receive advanced sales training upon request.' ),
-		],
-		isComingSoon: true,
+		features: [],
+		isComingSoon: false,
+		availableTiers: [ 'emerging-partner', 'agency-partner', 'pro-agency-partner' ],
+	},
+	{
+		title: translate( 'Earning Opportunities' ),
+		description: translate(
+			"All partners get access to referral and reseller earning opportunities across all of Automattic's suite of products."
+		),
+		features: [],
+		isComingSoon: false,
 		availableTiers: [ 'emerging-partner', 'agency-partner', 'pro-agency-partner' ],
 	},
 	{
 		title: translate( 'Support' ),
 		description: preventWidows(
-			translate( 'Program support, priority product support*, and dedicated partner managers*.' )
-		),
-		features: [
 			translate(
-				'Pro partners receive access to assigned partner manager & priority support across Automattic products.'
-			),
-		],
-		isComingSoon: true,
+				'All program partners receive unified program and product support. Pro partners receive access to priority support across Automattic products.'
+			)
+		),
+		features: [],
+		isComingSoon: false,
 		availableTiers: [ 'emerging-partner', 'agency-partner', 'pro-agency-partner' ],
 	},
 	{
-		title: translate( 'Earning & Growth Opportunities' ),
+		title: translate( 'Training & Resources' ),
 		description: translate(
-			'Reseller and referral earning opportunities, access to leads generated through agency directory listing(s)*, and pre-qualified leads from Automattic sales teams*.'
+			'Foundational product training, education and best practices on growing your agency, marketing materials, and advanced sales training*.'
 		),
 		features: [
 			translate(
-				'Agency Partners eligible to receive leads generated through agency directory listings.'
-			),
-			translate(
-				'Pro Partners eligible to receive pre-qualified leads from Automattic sales teams when opportunities arise as well as leads generated through agency directory listings.'
+				'Pro partners eligible to receive advanced sales training and strategic consulting upon request.'
 			),
 		],
 		isComingSoon: true,
@@ -53,41 +55,67 @@ const getTierBenefits = ( translate: ( key: string ) => string ): Benefit[] => [
 	{
 		title: translate( 'Networking & Community' ),
 		description: translate(
-			'Access to Automattic community platforms and advisory board* for strategic insights.'
+			"Access Automattic's community platforms and network with like-minded agencies."
 		),
-		features: [
-			translate( 'Pro partners eligible to receive invitation to join Automattic Advisory Board.' ),
-		],
+		features: [],
 		isComingSoon: true,
 		availableTiers: [ 'emerging-partner', 'agency-partner', 'pro-agency-partner' ],
 	},
 	{
-		title: translate( 'Tools & Platforms' ),
-		description: translate(
-			'Agency dash for streamlined client billing, program and product management, and free agency site on WordPress.com or Pressable*.'
+		title: translate( 'Directory Visibility & Badging' ),
+		description: preventWidows(
+			translate(
+				"Eligible for inclusion in Automattic's agency directories and increased exposure to potential clients."
+			)
 		),
-		features: [
-			translate( 'Agency partners receive a free WordPress.com and a Pressable site.' ),
-			translate( 'Pro partners receive a free WordPress.com and a Pressable site.' ),
-		],
-		isComingSoon: true,
-		availableTiers: [ 'emerging-partner', 'agency-partner', 'pro-agency-partner' ],
+		features: [],
+		isComingSoon: false,
+		availableTiers: [ 'agency-partner', 'pro-agency-partner' ],
 	},
 	{
-		title: translate( 'Visibility & Marketing' ),
-		description: preventWidows(
-			translate( 'Inclusion in agency directories and co-marketing opportunities*.' )
+		title: translate( 'Early Access' ),
+		description: translate(
+			'Early access to new Automattic products and features (as available), and opportunities to contribute to the product roadmap.'
 		),
-		features: [ translate( 'Pro partners eligible for co-marketing opportunities.' ) ],
-		isComingSoon: true,
+		features: [],
+		isComingSoon: false,
 		availableTiers: [ 'agency-partner', 'pro-agency-partner' ],
 	},
 	{
-		title: translate( 'Special Features' ),
-		description: translate( 'Early access to new Automattic Products and features.' ),
+		title: translate( 'Co-Marketing' ),
+		description: translate(
+			'Pro Agency Partners are eligible to participate in co-marketing activities with Automattic and our suite of brands, including case studies, co-branded campaigns, and other marketing opportunities as they arise.'
+		),
 		features: [],
-		isComingSoon: true,
-		availableTiers: [ 'emerging-partner', 'agency-partner', 'pro-agency-partner' ],
+		isComingSoon: false,
+		availableTiers: [ 'pro-agency-partner' ],
+	},
+	{
+		title: translate( 'Pre-Qualified Sales Leads' ),
+		description: translate(
+			'Pro Partners eligible to receive pre-qualified leads from Automattic sales teams when opportunities arise as well as leads generated through agency directory listings.'
+		),
+		features: [],
+		isComingSoon: false,
+		availableTiers: [ 'pro-agency-partner' ],
+	},
+	{
+		title: translate( 'Dedicated Agency Partner Manager' ),
+		description: translate(
+			'Pro partners receive access to an assigned agency partner manager for strategic guidance.'
+		),
+		features: [],
+		isComingSoon: false,
+		availableTiers: [ 'pro-agency-partner' ],
+	},
+	{
+		title: translate( 'Automattic Advisory Board' ),
+		description: translate(
+			"Pro partners are eligible to receive an invitation to the Automattic for Agencies advisory board to influence the program and Automattic's products."
+		),
+		features: [],
+		isComingSoon: false,
+		availableTiers: [ 'pro-agency-partner' ],
 	},
 ];
 

diff --git a/client/a8c-for-agencies/sections/agency-tier/primary/agency-tier-overview/index.tsx b/client/a8c-for-agencies/sections/agency-tier/primary/agency-tier-overview/index.tsx
@@ -6,7 +6,6 @@ import Layout from 'calypso/a8c-for-agencies/components/layout';
 import LayoutBody from 'calypso/a8c-for-agencies/components/layout/body';
 import LayoutHeader, {
 	LayoutHeaderTitle as Title,
-	LayoutHeaderSubtitle as Subtitle,
 	LayoutHeaderActions as Actions,
 } from 'calypso/a8c-for-agencies/components/layout/header';
 import LayoutTop from 'calypso/a8c-for-agencies/components/layout/top';
@@ -27,7 +26,7 @@ export default function AgencyTierOverview() {
 
 	const agency = useSelector( getActiveAgency );
 
-	const title = translate( 'Agency Tiers' );
+	const title = translate( 'Agency Tier and benefits' );
 	const benefits = getTierBenefits( translate );
 
 	const currentAgencyTier = agency?.tier?.id;
@@ -47,9 +46,6 @@ export default function AgencyTierOverview() {
 			<LayoutTop>
 				<LayoutHeader>
 					<Title>{ title } </Title>
-					<Subtitle>
-						{ translate( 'Experience the rewards of selling Automattic products and hosting.' ) }
-					</Subtitle>
 					<Actions>
 						<MobileSidebarNavigation />
 						{ showDownloadBadges && <DownloadBadges /> }
@@ -149,7 +145,7 @@ export default function AgencyTierOverview() {
 						{ translate( 'Take a closer look' ) }
 					</div>
 					<div className="agency-tier-overview__bottom-content-heading">
-						{ translate( 'Explore the benefits of using Automattic for Agencies' ) }
+						{ translate( 'Experience the benefits of being an Automattic Agency Partner' ) }
 					</div>
 					<div className="agency-tier-overview__bottom-content-cards">
 						{ benefits.map( ( benefit ) => (

diff --git a/client/a8c-for-agencies/sections/overview/sidebar/agency-tier/index.tsx b/client/a8c-for-agencies/sections/overview/sidebar/agency-tier/index.tsx
@@ -37,7 +37,7 @@ export default function OverviewSidebarAgencyTier() {
 			<Card className="agency-tier__card">
 				<FoldableCard
 					className="foldable-nav"
-					header={ translate( 'Agency Tiers' ) }
+					header={ translate( 'Your progress' ) }
 					expanded
 					compact
 					iconSize={ 18 }
@@ -71,7 +71,7 @@ export default function OverviewSidebarAgencyTier() {
 							}
 						>
 							<Icon icon={ arrowRight } size={ 18 } />
-							{ translate( 'Explore tiers and benefits' ) }
+							{ translate( 'Explore Tiers and benefits' ) }
 						</Button>
 					</div>
 				</FoldableCard>