From 310746008f83e39abaf17d0b5d328a8f4e019eb3 Mon Sep 17 00:00:00 2001
From: Paulo Trentin <paulo@paulotrentin.com.br>
Date: Tue, 14 Jan 2025 14:14:51 -0300
Subject: [PATCH 1/2] Created initial structure to My Home Launchpad using the
 entire home

---
 client/my-sites/customer-home/main.jsx | 38 +++++++++++++++-----------
 config/development.json                |  1 +
 config/horizon.json                    |  1 +
 config/production.json                 |  1 +
 config/stage.json                      |  1 +
 config/wpcalypso.json                  |  1 +
 6 files changed, 27 insertions(+), 16 deletions(-)

diff --git a/client/my-sites/customer-home/main.jsx b/client/my-sites/customer-home/main.jsx
index 6d8e5e16658de..27e3ac4054e9b 100644
--- a/client/my-sites/customer-home/main.jsx
+++ b/client/my-sites/customer-home/main.jsx
@@ -1,3 +1,4 @@
+import config from '@automattic/calypso-config';
 import { Button } from '@automattic/components';
 import { localizeUrl } from '@automattic/i18n-utils';
 import { SET_UP_EMAIL_AUTHENTICATION_FOR_YOUR_DOMAIN } from '@automattic/urls';
@@ -50,6 +51,7 @@ import {
 } from 'calypso/state/sites/selectors';
 import isJetpackSite from 'calypso/state/sites/selectors/is-jetpack-site';
 import { getSelectedSite, getSelectedSiteId } from 'calypso/state/ui/selectors';
+import LaunchpadPreLaunch from './cards/launchpad/pre-launch';
 import CelebrateLaunchModal from './components/celebrate-launch-modal';
 
 import './style.scss';
@@ -293,27 +295,31 @@ const Home = ( {
 	return (
 		<Main wideLayout className="customer-home__main">
 			<PageViewTracker path="/home/:site" title={ translate( 'My Home' ) } />
-			<DocumentHead title={ translate( 'My Home' ) } />
-			{ siteId && isJetpack && isPossibleJetpackConnectionProblem && (
-				<JetpackConnectionHealthBanner siteId={ siteId } />
+			{ ! config.isEnabled( 'home-launchpad' ) && (
+				<>
+					<DocumentHead title={ translate( 'My Home' ) } />
+					{ siteId && isJetpack && isPossibleJetpackConnectionProblem && (
+						<JetpackConnectionHealthBanner siteId={ siteId } />
+					) }
+					{ header }
+					{ ! isLoading && ! layout && homeLayoutError && (
+						<TrackComponentView
+							eventName="calypso_customer_home_my_site_view_layout_error"
+							eventProperties={ {
+								site_id: siteId,
+								error: homeLayoutError?.message ?? 'Layout is not available.',
+							} }
+						/>
+					) }
+				</>
 			) }
-			{ header }
-			{ ! isLoading && ! layout && homeLayoutError ? (
-				<TrackComponentView
-					eventName="calypso_customer_home_my_site_view_layout_error"
-					eventProperties={ {
-						site_id: siteId,
-						error: homeLayoutError?.message ?? 'Layout is not available.',
-					} }
-				/>
-			) : null }
-
 			{ renderStudioSyncNotice() }
 			{ renderUnverifiedEmailNotice() }
 			{ renderDnsSettingsDiagnosticNotice() }
 
 			{ isLoading && <div className="customer-home__loading-placeholder"></div> }
-			{ ! isLoading && layout && ! homeLayoutError ? (
+			{ config.isEnabled( 'home-launchpad' ) && <LaunchpadPreLaunch></LaunchpadPreLaunch> }
+			{ ! isLoading && layout && ! homeLayoutError && ! config.isEnabled( 'home-launchpad' ) && (
 				<>
 					<Primary cards={ layout?.primary } />
 					<div className="customer-home__layout">
@@ -329,7 +335,7 @@ const Home = ( {
 						</div>
 					</div>
 				</>
-			) : null }
+			) }
 			{ celebrateLaunchModalIsOpen && (
 				<CelebrateLaunchModal
 					setModalIsOpen={ setCelebrateLaunchModalIsOpen }
diff --git a/config/development.json b/config/development.json
index 3c30404621a1f..0cff91864976b 100644
--- a/config/development.json
+++ b/config/development.json
@@ -77,6 +77,7 @@
 		"help": true,
 		"help/gpt-response": true,
 		"home/layout-dev": true,
+		"home-launchpad": false,
 		"hosting-server-settings-enhancements": true,
 		"hosting/datacenter-picker": true,
 		"i18n/community-translator": false,
diff --git a/config/horizon.json b/config/horizon.json
index a0e5c42007da7..8a97aff6d7747 100644
--- a/config/horizon.json
+++ b/config/horizon.json
@@ -43,6 +43,7 @@
 		"global-styles/on-personal-plan": false,
 		"help": true,
 		"home/layout-dev": true,
+		"home-launchpad": false,
 		"hosting-server-settings-enhancements": true,
 		"i18n/empathy-mode": false,
 		"i18n/translation-scanner": true,
diff --git a/config/production.json b/config/production.json
index 11305acc45d50..5c16864e36469 100644
--- a/config/production.json
+++ b/config/production.json
@@ -55,6 +55,7 @@
 		"global-styles/on-personal-plan": false,
 		"help": true,
 		"help/gpt-response": true,
+		"home-launchpad": false,
 		"hosting-server-settings-enhancements": true,
 		"i18n/empathy-mode": false,
 		"i18n/translation-scanner": true,
diff --git a/config/stage.json b/config/stage.json
index 6df4a0f8f6365..ec48300fa2f83 100644
--- a/config/stage.json
+++ b/config/stage.json
@@ -55,6 +55,7 @@
 		"global-styles/on-personal-plan": false,
 		"help": true,
 		"help/gpt-response": true,
+		"home-launchpad": false,
 		"hosting-server-settings-enhancements": true,
 		"i18n/empathy-mode": true,
 		"importer/site-backups": true,
diff --git a/config/wpcalypso.json b/config/wpcalypso.json
index 5983d00f728a2..07e3baf82f3ae 100644
--- a/config/wpcalypso.json
+++ b/config/wpcalypso.json
@@ -62,6 +62,7 @@
 		"help": true,
 		"help/gpt-response": true,
 		"home/layout-dev": true,
+		"home-launchpad": false,
 		"hosting/datacenter-picker": true,
 		"hosting-server-settings-enhancements": true,
 		"i18n/translation-scanner": true,

From 1ec67d4b7831063fe259be746d6113702e0b612a Mon Sep 17 00:00:00 2001
From: Paulo Trentin <paulo@paulotrentin.com.br>
Date: Tue, 14 Jan 2025 14:31:58 -0300
Subject: [PATCH 2/2] lauchpadOnly URL parameter used to gate the home changes

---
 client/my-sites/customer-home/main.jsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/client/my-sites/customer-home/main.jsx b/client/my-sites/customer-home/main.jsx
index 27e3ac4054e9b..506b9d158ba05 100644
--- a/client/my-sites/customer-home/main.jsx
+++ b/client/my-sites/customer-home/main.jsx
@@ -90,6 +90,9 @@ const Home = ( {
 	const customDomain = customDomains?.length ? customDomains[ 0 ] : undefined;
 	const primaryDomain = customDomains?.find( ( domain ) => domain.isPrimary );
 
+	const homeLaunchpad =
+		config.isEnabled( 'home-launchpad' ) && getQueryArgs().launchpadOnly === 'true';
+
 	const {
 		data: domainDiagnosticData,
 		isFetching: isFetchingDomainDiagnostics,
@@ -318,8 +321,8 @@ const Home = ( {
 			{ renderDnsSettingsDiagnosticNotice() }
 
 			{ isLoading && <div className="customer-home__loading-placeholder"></div> }
-			{ config.isEnabled( 'home-launchpad' ) && <LaunchpadPreLaunch></LaunchpadPreLaunch> }
-			{ ! isLoading && layout && ! homeLayoutError && ! config.isEnabled( 'home-launchpad' ) && (
+			{ homeLaunchpad && <LaunchpadPreLaunch></LaunchpadPreLaunch> }
+			{ ! isLoading && layout && ! homeLayoutError && ! homeLaunchpad && (
 				<>
 					<Primary cards={ layout?.primary } />
 					<div className="customer-home__layout">