feat(onboarding): tone down starter-sites listing banners

Two banners on the "Choose a design" step were too intrusive.

1. Remove the full-width "80+ new starter sites" promo notice (added in
   #465) and keep the social proof as a quiet subtitle under the heading:
   "Nearly 200 starter sites for every niche — fresh designs added regularly."
   Removes the OnboardingPromoNotice component + SCSS, the SiteList mount,
   the style import, and the dismiss AJAX handler / show-logic / localization
   in Admin.php, plus the e2e dismiss test.

2. Make the premium-upsell toast compact (smaller padding/font, capped width,
   smaller logo, no fixed 70px height) and sharpen the copy:
   "Unlock every premium template with Neve Business. Upgrade"
   (was "Unlock Access to all premium templates with Neve Business plan.
   Get Started.").

Note: should_show_business_agency_promo_text() + the onboardingShowProNoticeText
localization are now unused (they only varied the removed notice's text); left
in place with their unit tests and can be pruned in a follow-up.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01QrGf4K9upxDKhRPVCztoLs

Author: ineagu

e2e-tests/specs/onboarding.spec.js

@@ -62,41 +62,6 @@ test.describe('Onboarding', () => {
         await expect(firstListedSiteCard.locator('.ss-title')).not.toBeEmpty();
     });
 
-    test('Onboarding promo notice can be dismissed and stays hidden after reload', async ({ page, admin }) => {
-        await admin.visitAdminPage(ONBOARDING_URL);
-
-        const promoNotice = page.locator('.ob-onboarding-promo');
-        await expect(promoNotice).toBeVisible();
-
-        // The client sends the dismiss action via FormData, which fetch encodes as
-        // multipart/form-data. Inspect the raw body bytes so the predicate works
-        // regardless of whether the encoding is multipart or url-encoded.
-        const isDismissCall = (request) =>
-            request.url().includes('admin-ajax.php') &&
-            request.method() === 'POST' &&
-            (request.postDataBuffer()?.toString('utf8') ?? '').includes(
-                'dismiss_onboarding_promo_notice'
-            );
-
-        const dismissRequest = page.waitForRequest(isDismissCall);
-        const dismissResponse = page.waitForResponse((response) =>
-            isDismissCall(response.request())
-        );
-
-        await promoNotice.getByRole('button', { name: 'Dismiss notice' }).click();
-
-        const request = await dismissRequest;
-        const response = await dismissResponse;
-        expect(request.postDataBuffer()?.toString('utf8')).toContain(
-            'dismiss_onboarding_promo_notice'
-        );
-        expect(response.ok()).toBeTruthy();
-
-        await expect(promoNotice).toBeHidden();
-        await page.reload();
-        await expect(promoNotice).toBeHidden();
-    });
-
     test('Site Import Customization Rendering', async ({ page, admin }) => {
         await admin.visitAdminPage(ONBOARDING_URL);
         await openFirstSiteAndWaitForData( page );

includes/Admin.php

@@ -26,7 +26,6 @@ class Admin {
 
 	const TC_REMOVED_KEY                    = 'tiob_tc_removed';
 	const TC_NEW_NOTICE_DISMISSED           = 'tiob_new_tc_notice_dismissed';
-	const ONBOARDING_PROMO_NOTICE_DISMISSED = 'tiob_onboarding_promo_notice_dismissed';
 	const VISITED_LIBRARY_OPT               = 'tiob_library_visited';
 
 	/**
@@ -89,7 +88,6 @@ public function init() {
 		add_action( 'wp_ajax_tpc_get_logs', array( $this, 'external_get_logs' ) );
 
 		add_action( 'wp_ajax_dismiss_new_tc_notice', array( $this, 'dismiss_new_tc_notice' ) );
-		add_action( 'wp_ajax_dismiss_onboarding_promo_notice', array( $this, 'dismiss_onboarding_promo_notice' ) );
 
 		$this->register_feedback_settings();
 
@@ -163,52 +161,6 @@ public function dismiss_new_tc_notice() {
 		$this->ensure_ajax_response( $response );
 	}
 
-	/**
-	 * Dismiss onboarding promo notice.
-	 *
-	 * @return void
-	 */
-	public function dismiss_onboarding_promo_notice() {
-		$response = array(
-			'success' => false,
-			'code'    => 'ti__ob_not_allowed',
-			'message' => 'Not allowed!',
-		);
-
-		if ( ! isset( $_REQUEST['nonce'] ) ) {
-			$this->ensure_ajax_response( $response );
-			return;
-		}
-
-		$nonce = sanitize_text_field( wp_unslash( $_REQUEST['nonce'] ) );
-
-		if ( ! wp_verify_nonce( $nonce, 'dismiss_onboarding_promo_notice' ) ) {
-			$this->ensure_ajax_response( $response );
-			return;
-		}
-
-		if ( ! current_user_can( 'install_plugins' ) ) {
-			$this->ensure_ajax_response( $response );
-			return;
-		}
-
-		$response['success'] = true;
-		unset( $response['code'] );
-		unset( $response['message'] );
-
-		update_option( self::ONBOARDING_PROMO_NOTICE_DISMISSED, 'yes' );
-		$this->ensure_ajax_response( $response );
-	}
-
-	/**
-	 * Decide if the onboarding promo notice should be shown.
-	 *
-	 * @return bool
-	 */
-	private function should_show_onboarding_promo_notice() {
-		return get_option( self::ONBOARDING_PROMO_NOTICE_DISMISSED, 'no' ) !== 'yes';
-	}
-
 	/**
 	 * Decide if the business/agency variant of the onboarding promo text should be shown.
 	 *
@@ -937,11 +889,6 @@ private function get_localization() {
 				'ajaxURL' => esc_url( admin_url( 'admin-ajax.php' ) ),
 				'nonce'   => wp_create_nonce( 'dismiss_new_tc_notice' ),
 			),
-			'onboardingPromoNotice'         => array(
-				'show'    => $this->should_show_onboarding_promo_notice(),
-				'ajaxURL' => esc_url( admin_url( 'admin-ajax.php' ) ),
-				'nonce'   => wp_create_nonce( 'dismiss_onboarding_promo_notice' ),
-			),
 			'onboardingPluginCompatibility' => array(
 				'hyve-lite' => is_php_version_compatible( '8.1' ),
 			),

onboarding/src/Components/OnboardingPromoNotice.js

@@ -11,7 +11,6 @@ import Toast from '../Toast';
 import Filters from '../Filters';
 import Sites from '../Sites';
 import EditorSelector from '../EditorSelector';
-import OnboardingPromoNotice from '../OnboardingPromoNotice';
 import SVG from '../../utils/svg';
 import { get, track } from '../../utils/rest';
 
@@ -41,7 +40,7 @@ const SiteList = ( {
 
 	const toastMessage = createInterpolateElement(
 		__(
-			'Unlock Access to all premium templates with Neve Business plan. <a></a>.',
+			'Unlock every premium template with Neve Business. <a></a>',
 			'templates-patterns-collection'
 		),
 		{
@@ -51,7 +50,7 @@ const SiteList = ( {
 					target="_blank"
 					rel="external noreferrer noopener"
 				>
-					{ __( 'Get Started', 'templates-patterns-collection' ) }
+					{ __( 'Upgrade', 'templates-patterns-collection' ) }
 				</a>
 			),
 		}
@@ -211,13 +210,23 @@ const SiteList = ( {
 		<div className="ob-container">
 			<div className="ob-container-inner">
 				<div className="ob-title-wrap">
-					<h1>
-						{ __( 'Choose a design', 'templates-patterns-collection' ) }
-					</h1>
+					<div className="ob-title-text">
+						<h1>
+							{ __(
+								'Choose a design',
+								'templates-patterns-collection'
+							) }
+						</h1>
+						<p className="ob-subtitle">
+							{ __(
+								'Nearly 200 starter sites for every niche — fresh designs added regularly.',
+								'templates-patterns-collection'
+							) }
+						</p>
+					</div>
 					<EditorSelector />
 				</div>
 				<Filters />
-				<OnboardingPromoNotice />
 				{ ( personalizing || searching ) && (
 					<div
 						className="ob-ranking-loader"

onboarding/src/Components/Steps/SiteList.js

@@ -135,6 +135,25 @@ iframe {
   display: flex;
   align-items: center;
   justify-content: space-between;
+  gap: 16px;
+}
+
+.ob-title-text {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+
+  h1 {
+    margin: 0;
+  }
+}
+
+.ob-subtitle {
+  margin: 0;
+  color: $secondary-text;
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 400;
 }
 
 /**