From 477543d63de088eea67a2dd8ceda84c905fda2a3 Mon Sep 17 00:00:00 2001
From: Ivan Ottinger <ivan.ottinger@automattic.com>
Date: Wed, 11 Sep 2024 16:30:15 +0200
Subject: [PATCH] A4A Dev Sites: Update copy related to the "create free
 development site" CTA and `isFullyManagedAgencySite` setting section (#94412)

* Update copy of the `isFullyManagedAgencySite` setting section

* Update copy of the "create free development site" CTA

* Add linebreak

* Update A4A dev site CTA copy
---
 .../components/add-new-site-button/index.tsx  | 27 ++++++++-----------
 .../a4a-fully-managed-site-setting.tsx        |  4 +--
 2 files changed, 13 insertions(+), 18 deletions(-)

diff --git a/client/a8c-for-agencies/components/add-new-site-button/index.tsx b/client/a8c-for-agencies/components/add-new-site-button/index.tsx
index 6d451c57cbdc01..389e15e9af712b 100644
--- a/client/a8c-for-agencies/components/add-new-site-button/index.tsx
+++ b/client/a8c-for-agencies/components/add-new-site-button/index.tsx
@@ -207,13 +207,13 @@ export default function AddNewSiteButton( {
 			{ devSitesEnabled && (
 				<div className="site-selector-and-importer__popover-column">
 					{ menuItem( {
-						icon: <img src={ devSiteBanner } alt="WordPress.com Development Site" />,
-						heading: translate( 'WordPress.com Development Site' ),
+						icon: <img src={ devSiteBanner } alt="Start Building for Free" />,
+						heading: translate( 'Start Building for Free' ),
 						description: translate(
-							'Try our hosting for free indefinitely.{{br/}}Only pay when you launch.',
+							'Develop up to 5 WordPress.com sites at{{nbsp/}}once with free development licenses.{{br/}}Only pay when you launch!',
 							{
-								components: { br: <br /> },
-								comment: 'br is a line break',
+								components: { br: <br />, nbsp: <>&nbsp;</> },
+								comment: 'br is a line break, nbsp is a non-breaking space character',
 							}
 						),
 						disabled: ! hasAvailableDevSites,
@@ -237,17 +237,12 @@ export default function AddNewSiteButton( {
 						extraContent: (
 							<div>
 								<div className="site-selector-and-importer__popover-site-count">
-									{ translate(
-										'%(pendingSites)d site available',
-										'%(pendingSites)d sites available',
-										{
-											args: {
-												pendingSites: availableDevSites,
-											},
-											count: availableDevSites,
-											comment: '%(pendingSites)s is the number of sites available.',
-										}
-									) }
+									{ translate( '%(pendingSites)d of 5 free licenses available', {
+										args: {
+											pendingSites: availableDevSites,
+										},
+										comment: '%(pendingSites)s is the number of free licenses available.',
+									} ) }
 								</div>
 								<div
 									className={ clsx( 'site-selector-and-importer__popover-development-site-cta', {
diff --git a/client/my-sites/site-settings/a4a-fully-managed-site-setting.tsx b/client/my-sites/site-settings/a4a-fully-managed-site-setting.tsx
index 8b14521b1fc99f..cef951bcf716c7 100644
--- a/client/my-sites/site-settings/a4a-fully-managed-site-setting.tsx
+++ b/client/my-sites/site-settings/a4a-fully-managed-site-setting.tsx
@@ -60,7 +60,7 @@ export function A4AFullyManagedSiteSetting( {
 	return (
 		<div className="site-settings__a4a-fully-managed-container">
 			<SettingsSectionHeader
-				title={ translate( 'Help Center and hosting features visibility' ) }
+				title={ translate( 'Agency settings' ) }
 				id="site-settings__a4a-fully-managed-header"
 				disabled={ disabled }
 				isSaving={ isSaving }
@@ -71,7 +71,7 @@ export function A4AFullyManagedSiteSetting( {
 				{ isDevSite ? (
 					<p className="form-setting-explanation">
 						{ translate(
-							"Clients can't access the {{HcLink}}WordPress.com Help Center{{/HcLink}} or {{HfLink}}hosting features{{/HfLink}} on development sites. Once the site is launched, enable access in Site Settings.",
+							"Clients can't access the {{HcLink}}WordPress.com Help Center{{/HcLink}} or {{HfLink}}hosting features{{/HfLink}} on development sites. You may configure access after the site is launched.",
 							{
 								components: translationComponents,
 							}