From 962c6ad26258a0f6b44b137f9b2f2df660cc3190 Mon Sep 17 00:00:00 2001
From: Takashi Irie <takashi@automattic.com>
Date: Wed, 10 Jun 2026 18:28:00 +0100
Subject: [PATCH] [my-wordpress] Redesign welcome + About content and serve
 Welcome as a static front page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replaces the emoji-card welcome content and About page with a calmer,
more confident layout, and makes the welcome content a page set as the
static front page so users no longer land on the default Posts index
with its "Blog" heading.

Changes:
- `welcome-post.html` → `welcome.html` (matches `about.html` naming;
  also renamed in `de/`, `es/`, `pl/`).
- `playground-welcome.php`:
  - Convert default Hello World post (ID 1) to a page; close comments
    and pings on it; delete the default "Hi, this is a comment…" comment.
  - Set `show_on_front` = `page` and `page_on_front` to the welcome ID.
  - Rename internal helpers `get_welcome_post_path/content` →
    `get_welcome_path/content`.
  - Bump plugin version 1.1.0 → 1.2.0.
- `about.html`: tightened copy, "The site runs through Playground…"
  resolves an ambiguous-`this` reading.
- Localized bodies in `de/`, `es/`, `pl/` still contain the previous
  English-equivalent content and are intentionally left for a follow-up
  re-translation pass.

Refs THE-183.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 blueprints/my-wordpress/plugin/about.html     | 108 +++++---
 .../de/{welcome-post.html => welcome.html}    |   0
 .../es/{welcome-post.html => welcome.html}    |   0
 .../pl/{welcome-post.html => welcome.html}    |   0
 .../plugin/playground-welcome.php             |  35 ++-
 .../my-wordpress/plugin/welcome-post.html     | 232 ------------------
 blueprints/my-wordpress/plugin/welcome.html   | 172 +++++++++++++
 7 files changed, 265 insertions(+), 282 deletions(-)
 rename blueprints/my-wordpress/plugin/de/{welcome-post.html => welcome.html} (100%)
 rename blueprints/my-wordpress/plugin/es/{welcome-post.html => welcome.html} (100%)
 rename blueprints/my-wordpress/plugin/pl/{welcome-post.html => welcome.html} (100%)
 delete mode 100644 blueprints/my-wordpress/plugin/welcome-post.html
 create mode 100644 blueprints/my-wordpress/plugin/welcome.html

diff --git a/blueprints/my-wordpress/plugin/about.html b/blueprints/my-wordpress/plugin/about.html
index 311e25ce..04f9da35 100644
--- a/blueprints/my-wordpress/plugin/about.html
+++ b/blueprints/my-wordpress/plugin/about.html
@@ -1,56 +1,86 @@
-<!-- wp:paragraph {"fontSize":"medium"} -->
-<p class="has-medium-font-size">This is a real WordPress, running entirely in your browser. No server, no account, no data leaving your machine.</p>
+<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|40"}}},"fontSize":"large"} -->
+<p class="has-large-font-size" style="margin-top:var(--wp--preset--spacing--40)">A real WordPress running entirely in your browser. No server, no account, no data leaving your machine.</p>
 <!-- /wp:paragraph -->
 
-<!-- wp:heading -->
-<h2 class="wp-block-heading">How is this possible?</h2>
+<!-- wp:heading {"style":{"spacing":{"margin":{"top":"var:preset|spacing|50"}}}} -->
+<h2 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--50)">How it works</h2>
 <!-- /wp:heading -->
 
-<!-- wp:paragraph -->
-<p>This WordPress runs through <a href="https://wordpress.org/playground/">WordPress Playground</a>, a technology that lets WordPress run directly in your browser using WebAssembly. Your content is stored in your browser's local storage.</p>
+<!-- wp:paragraph {"fontSize":"medium"} -->
+<p class="has-medium-font-size">The site runs through <a href="https://wordpress.org/playground/">WordPress Playground</a>, a technology that lets WordPress run directly in your browser via WebAssembly. Your content is stored in your browser's local storage.</p>
 <!-- /wp:paragraph -->
 
+<!-- wp:separator {"style":{"spacing":{"margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} -->
+<hr class="wp-block-separator has-alpha-channel-opacity" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)"/>
+<!-- /wp:separator -->
+
 <!-- wp:heading -->
-<h2 class="wp-block-heading">What makes this different</h2>
+<h2 class="wp-block-heading">What's different</h2>
 <!-- /wp:heading -->
 
-<!-- wp:list -->
-<ul class="wp-block-list"><!-- wp:list-item -->
-<li><strong>Truly private</strong> — Your data never touches a server. It exists only on your device, in your browser.</li>
-<!-- /wp:list-item -->
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Private by default</h3>
+<!-- /wp:heading -->
 
-<!-- wp:list-item -->
-<li><strong>No account needed</strong> — No signup, no email, no password to remember. Just open the page and it's yours.</li>
-<!-- /wp:list-item -->
+<!-- wp:paragraph {"fontSize":"medium"} -->
+<p class="has-medium-font-size">Your data never touches a server. It exists only on your device.</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
 
-<!-- wp:list-item -->
-<li><strong>Completely free</strong> — No hosting costs, no subscriptions, no catches.</li>
-<!-- /wp:list-item -->
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">No account</h3>
+<!-- /wp:heading -->
 
-<!-- wp:list-item -->
-<li><strong>Full WordPress</strong> — This isn't a limited demo. Install plugins, change themes, customize everything.</li>
-<!-- /wp:list-item --></ul>
-<!-- /wp:list -->
+<!-- wp:paragraph {"fontSize":"medium"} -->
+<p class="has-medium-font-size">No signup, no email, no password.</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Free</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"fontSize":"medium"} -->
+<p class="has-medium-font-size">No hosting costs, no subscriptions, no catches.</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Full WordPress</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"fontSize":"medium"} -->
+<p class="has-medium-font-size">This is not a demo. Install plugins, change themes, and customize everything.</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:separator {"style":{"spacing":{"margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} -->
+<hr class="wp-block-separator has-alpha-channel-opacity" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)"/>
+<!-- /wp:separator -->
 
 <!-- wp:heading -->
 <h2 class="wp-block-heading">Ideas for using it</h2>
 <!-- /wp:heading -->
 
-<!-- wp:paragraph -->
-<p>Because it's private and persistent, this WordPress works well for things you might not publish:</p>
+<!-- wp:paragraph {"fontSize":"medium"} -->
+<p class="has-medium-font-size">Because it's private and persistent, it works well for things you'd rather not publish:</p>
 <!-- /wp:paragraph -->
 
-<!-- wp:list -->
-<ul class="wp-block-list"><!-- wp:list-item -->
+<!-- wp:list {"fontSize":"medium"} -->
+<ul class="wp-block-list has-medium-font-size"><!-- wp:list-item -->
 <li>A personal journal or daily notes</li>
 <!-- /wp:list-item -->
 
 <!-- wp:list-item -->
-<li>Draft posts before publishing elsewhere</li>
+<li>Drafts before publishing elsewhere</li>
 <!-- /wp:list-item -->
 
 <!-- wp:list-item -->
-<li>Collecting recipes, bookmarks, or research</li>
+<li>Recipes, bookmarks, or research</li>
 <!-- /wp:list-item -->
 
 <!-- wp:list-item -->
@@ -58,20 +88,20 @@ <h2 class="wp-block-heading">Ideas for using it</h2>
 <!-- /wp:list-item -->
 
 <!-- wp:list-item -->
-<li>A private space to organize your thoughts</li>
+<li>A quiet space to think</li>
 <!-- /wp:list-item --></ul>
 <!-- /wp:list -->
 
+<!-- wp:separator {"style":{"spacing":{"margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} -->
+<hr class="wp-block-separator has-alpha-channel-opacity" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)"/>
+<!-- /wp:separator -->
+
 <!-- wp:heading -->
-<h2 class="wp-block-heading">Learn WordPress</h2>
+<h2 class="wp-block-heading">Learn more</h2>
 <!-- /wp:heading -->
 
-<!-- wp:paragraph -->
-<p>Want to learn more about what WordPress can do?</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:list -->
-<ul class="wp-block-list"><!-- wp:list-item -->
+<!-- wp:list {"fontSize":"medium"} -->
+<ul class="wp-block-list has-medium-font-size"><!-- wp:list-item -->
 <li><a href="https://wordpress.org/documentation/">WordPress Documentation</a> — Official guides and tutorials</li>
 <!-- /wp:list-item -->
 
@@ -84,10 +114,14 @@ <h2 class="wp-block-heading">Learn WordPress</h2>
 <!-- /wp:list-item --></ul>
 <!-- /wp:list -->
 
+<!-- wp:separator {"style":{"spacing":{"margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} -->
+<hr class="wp-block-separator has-alpha-channel-opacity" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)"/>
+<!-- /wp:separator -->
+
 <!-- wp:heading -->
 <h2 class="wp-block-heading">When you're ready for more</h2>
 <!-- /wp:heading -->
 
-<!-- wp:paragraph -->
-<p>This browser-based WordPress is great for personal use. When you want to access your site from multiple devices, share it publicly, or collaborate with others, you can export everything and move to hosted WordPress. What you build here comes with you.</p>
+<!-- wp:paragraph {"fontSize":"medium"} -->
+<p class="has-medium-font-size">Ready to go further? Move to hosted WordPress whenever you want. Everything you've built comes with you.</p>
 <!-- /wp:paragraph -->
diff --git a/blueprints/my-wordpress/plugin/de/welcome-post.html b/blueprints/my-wordpress/plugin/de/welcome.html
similarity index 100%
rename from blueprints/my-wordpress/plugin/de/welcome-post.html
rename to blueprints/my-wordpress/plugin/de/welcome.html
diff --git a/blueprints/my-wordpress/plugin/es/welcome-post.html b/blueprints/my-wordpress/plugin/es/welcome.html
similarity index 100%
rename from blueprints/my-wordpress/plugin/es/welcome-post.html
rename to blueprints/my-wordpress/plugin/es/welcome.html
diff --git a/blueprints/my-wordpress/plugin/pl/welcome-post.html b/blueprints/my-wordpress/plugin/pl/welcome.html
similarity index 100%
rename from blueprints/my-wordpress/plugin/pl/welcome-post.html
rename to blueprints/my-wordpress/plugin/pl/welcome.html
diff --git a/blueprints/my-wordpress/plugin/playground-welcome.php b/blueprints/my-wordpress/plugin/playground-welcome.php
index 91af26a0..c3aad74d 100644
--- a/blueprints/my-wordpress/plugin/playground-welcome.php
+++ b/blueprints/my-wordpress/plugin/playground-welcome.php
@@ -2,7 +2,7 @@
 /**
  * Plugin Name: Playground Welcome
  * Description: Replaces the default Hello World post and Sample Page with welcome content for WordPress Playground.
- * Version: 1.1.0
+ * Version: 1.2.0
  * Author: Playground
  * License: GPL-2.0+
  * Text Domain: playground-welcome
@@ -33,44 +33,53 @@ private function maybe_setup_content() {
 
         add_filter('wp_kses_allowed_html', [__CLASS__, 'allow_svg_tags']);
 
-        $post = get_post(1);
-        if ($post) {
+        $welcome = get_post(1);
+        if ($welcome) {
             wp_update_post([
-                'ID' => $post->ID,
+                'ID' => $welcome->ID,
+                'post_type' => 'page',
                 'post_title' => __('Welcome to Your WordPress', 'playground-welcome'),
-                'post_content' => self::get_welcome_post_content(),
+                'post_content' => self::get_welcome_content(),
                 'post_name' => 'welcome-to-your-wordpress',
+                'comment_status' => 'closed',
+                'ping_status' => 'closed',
             ]);
+            wp_delete_comment(1, true);
         }
 
-        $sample_page = get_post(2);
-        if ($sample_page) {
+        $about = get_post(2);
+        if ($about) {
             wp_update_post([
-                'ID' => $sample_page->ID,
+                'ID' => $about->ID,
                 'post_title' => __('About this WordPress', 'playground-welcome'),
                 'post_content' => self::get_about_page_content(),
                 'post_name' => 'about',
             ]);
         }
 
+        if ($welcome) {
+            update_option('show_on_front', 'page');
+            update_option('page_on_front', (int) $welcome->ID);
+        }
+
         update_option($this->content_created_option, true);
     }
 
-    public static function get_welcome_post_path() {
+    public static function get_welcome_path() {
         $locale = determine_locale();
         $lang = substr($locale, 0, 2);
         $plugin_dir = plugin_dir_path(__FILE__);
 
-        $localized_file = $plugin_dir . $lang . '/welcome-post.html';
+        $localized_file = $plugin_dir . $lang . '/welcome.html';
         if (file_exists($localized_file)) {
             return $localized_file;
         }
 
-        return $plugin_dir . 'welcome-post.html';
+        return $plugin_dir . 'welcome.html';
     }
 
-    public static function get_welcome_post_content() {
-        $path = self::get_welcome_post_path();
+    public static function get_welcome_content() {
+        $path = self::get_welcome_path();
         if (file_exists($path)) {
             return file_get_contents($path);
         }
diff --git a/blueprints/my-wordpress/plugin/welcome-post.html b/blueprints/my-wordpress/plugin/welcome-post.html
deleted file mode 100644
index 2d54d11a..00000000
--- a/blueprints/my-wordpress/plugin/welcome-post.html
+++ /dev/null
@@ -1,232 +0,0 @@
-<!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"var:preset|spacing|40"},"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}}} -->
-<div
-	class="wp-block-columns"
-	style="
-		padding-top: var(--wp--preset--spacing--30);
-		padding-bottom: var(--wp--preset--spacing--30);
-	"
->
-	<!-- wp:column -->
-	<div class="wp-block-column">
-		<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}},"color":{"background":"#ffe8d6"},"border":{"radius":"12px"}}} -->
-		<div
-			class="wp-block-group has-background"
-			style="
-				border-radius: 12px;
-				background-color: #ffe8d6;
-				padding-top: var(--wp--preset--spacing--40);
-				padding-right: var(--wp--preset--spacing--30);
-				padding-bottom: var(--wp--preset--spacing--40);
-				padding-left: var(--wp--preset--spacing--30);
-			"
-		>
-			<!-- wp:paragraph {"align":"center"} -->
-			<p class="has-text-align-center" style="font-size: 2.5rem">🎨</p>
-			<!-- /wp:paragraph -->
-
-			<!-- wp:paragraph {"align":"center"} -->
-			<p class="has-text-align-center">
-				<strong>Experiment freely</strong><br />Change anything, try
-				things out, make it yours
-			</p>
-			<!-- /wp:paragraph -->
-		</div>
-		<!-- /wp:group -->
-	</div>
-	<!-- /wp:column -->
-
-	<!-- wp:column -->
-	<div class="wp-block-column">
-		<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}},"color":{"background":"#d4eaff"},"border":{"radius":"12px"}}} -->
-		<div
-			class="wp-block-group has-background"
-			style="
-				border-radius: 12px;
-				background-color: #d4eaff;
-				padding-top: var(--wp--preset--spacing--40);
-				padding-right: var(--wp--preset--spacing--30);
-				padding-bottom: var(--wp--preset--spacing--40);
-				padding-left: var(--wp--preset--spacing--30);
-			"
-		>
-			<!-- wp:paragraph {"align":"center"} -->
-			<p class="has-text-align-center" style="font-size: 2.5rem">💾</p>
-			<!-- /wp:paragraph -->
-
-			<!-- wp:paragraph {"align":"center"} -->
-			<p class="has-text-align-center">
-				<strong>It stays</strong><br />Your changes are saved and will
-				be here tomorrow
-			</p>
-			<!-- /wp:paragraph -->
-		</div>
-		<!-- /wp:group -->
-	</div>
-	<!-- /wp:column -->
-
-	<!-- wp:column -->
-	<div class="wp-block-column">
-		<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}},"color":{"background":"#e8def8"},"border":{"radius":"12px"}}} -->
-		<div
-			class="wp-block-group has-background"
-			style="
-				border-radius: 12px;
-				background-color: #e8def8;
-				padding-top: var(--wp--preset--spacing--40);
-				padding-right: var(--wp--preset--spacing--30);
-				padding-bottom: var(--wp--preset--spacing--40);
-				padding-left: var(--wp--preset--spacing--30);
-			"
-		>
-			<!-- wp:paragraph {"align":"center"} -->
-			<p class="has-text-align-center" style="font-size: 2.5rem">🔒</p>
-			<!-- /wp:paragraph -->
-
-			<!-- wp:paragraph {"align":"center"} -->
-			<p class="has-text-align-center">
-				<strong>It's private</strong><br />Runs in your browser, no
-				account needed
-			</p>
-			<!-- /wp:paragraph -->
-		</div>
-		<!-- /wp:group -->
-	</div>
-	<!-- /wp:column -->
-</div>
-<!-- /wp:columns -->
-
-<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}},"color":{"background":"#e8f5e9"},"border":{"radius":"12px"}}} -->
-<div
-	class="wp-block-group has-background"
-	style="
-		border-radius: 12px;
-		background-color: #e8f5e9;
-		padding-top: var(--wp--preset--spacing--40);
-		padding-right: var(--wp--preset--spacing--40);
-		padding-bottom: var(--wp--preset--spacing--40);
-		padding-left: var(--wp--preset--spacing--40);
-	"
->
-	<!-- wp:paragraph {"align":"center"} -->
-	<p class="has-text-align-center">
-		<strong><svg
-			viewBox="0 0 24 24"
-			xmlns="http://www.w3.org/2000/svg"
-			width="20"
-			height="20"
-			aria-hidden="true"
-			focusable="false"
-			style="vertical-align: middle"
-		>
-			<path
-				d="M6 5.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM4 6a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2V6zm11-.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5h-3a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM13 6a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2h-3a2 2 0 01-2-2V6zm5 8.5h-3a.5.5 0 00-.5.5v3a.5.5 0 00.5.5h3a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5zM15 13a2 2 0 00-2 2v3a2 2 0 002 2h3a2 2 0 002-2v-3a2 2 0 00-2-2h-3zm-9 1.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5v-3a.5.5 0 01.5-.5zM4 15a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2v-3z"
-				fill-rule="evenodd"
-				clip-rule="evenodd"
-			></path></svg> Check out the Apps menu</strong> — Look for this icon in the top bar to install apps and more.
-	</p>
-	<!-- /wp:paragraph -->
-</div>
-<!-- /wp:group -->
-
-<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}},"color":{"background":"#f0f7ff"},"border":{"radius":"12px"}}} -->
-<div
-	class="wp-block-group has-background"
-	style="
-		border-radius: 12px;
-		background-color: #f0f7ff;
-		padding-top: var(--wp--preset--spacing--40);
-		padding-right: var(--wp--preset--spacing--40);
-		padding-bottom: var(--wp--preset--spacing--40);
-		padding-left: var(--wp--preset--spacing--40);
-	"
->
-	<!-- wp:paragraph {"align":"center"} -->
-	<p class="has-text-align-center">
-		<strong>⭐ Bookmark this page</strong> — This is your WordPress now. Add
-		it to your bookmarks so you can easily come back.
-	</p>
-	<!-- /wp:paragraph -->
-</div>
-<!-- /wp:group -->
-
-<!-- wp:heading -->
-<h2 class="wp-block-heading">What can you do here?</h2>
-<!-- /wp:heading -->
-
-<!-- wp:list -->
-<ul class="wp-block-list">
-	<li>
-		<strong>A space of your own</strong> — WordPress powers much of the web,
-		but here it's just for you. Use it as a notebook, project space, or
-		creative sandbox—no publishing required.
-	</li>
-	<li>
-		<strong>Fully customizable</strong> — Change your theme, organize things
-		however you like. You'll learn WordPress naturally as you go.
-	</li>
-</ul>
-<!-- /wp:list -->
-
-<!-- wp:heading -->
-<h2 class="wp-block-heading">Things to know</h2>
-<!-- /wp:heading -->
-
-<!-- wp:list -->
-<ul class="wp-block-list">
-	<li>
-		<strong>It's bound to this browser</strong> — Your Playground lives in
-		this browser's storage, so you can't access it from other devices. This
-		makes it a very private space.
-	</li>
-	<li>
-		<strong>Ready to go bigger?</strong> — Move your Playground to dedicated
-		WordPress hosting to access it from any device, share it publicly, or
-		invite specific people to collaborate.
-	</li>
-</ul>
-<!-- /wp:list -->
-
-<!-- wp:heading -->
-<h2 class="wp-block-heading">The top menu</h2>
-<!-- /wp:heading -->
-
-<!-- wp:paragraph -->
-<p>
-	Look for the grid icon (<svg
-		viewBox="0 0 24 24"
-		xmlns="http://www.w3.org/2000/svg"
-		width="20"
-		height="20"
-		aria-hidden="true"
-		focusable="false"
-		style="vertical-align: middle"
-	>
-		<path
-			d="M6 5.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM4 6a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2V6zm11-.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5h-3a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM13 6a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2h-3a2 2 0 01-2-2V6zm5 8.5h-3a.5.5 0 00-.5.5v3a.5.5 0 00.5.5h3a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5zM15 13a2 2 0 00-2 2v3a2 2 0 002 2h3a2 2 0 002-2v-3a2 2 0 00-2-2h-3zm-9 1.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5v-3a.5.5 0 01.5-.5zM4 15a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2v-3z"
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-		></path></svg
-	>) in the top bar. From there you can:
-</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:list -->
-<ul class="wp-block-list">
-	<li>
-		<strong>Install Apps</strong> — We've picked some plugins that work well
-		for private use. The full WordPress plugin directory is there too if you
-		want to explore.
-	</li>
-	<li>
-		<strong>Start over</strong> — Reset your WordPress or visit
-		<a href="https://playground.wordpress.net" target="_blank"
-			>playground.wordpress.net</a
-		>
-		for quick, temporary experiments
-	</li>
-</ul>
-<!-- /wp:list -->
-
-<!-- wp:paragraph -->
-<p>Enjoy your WordPress!</p>
-<!-- /wp:paragraph -->
diff --git a/blueprints/my-wordpress/plugin/welcome.html b/blueprints/my-wordpress/plugin/welcome.html
new file mode 100644
index 00000000..dc107716
--- /dev/null
+++ b/blueprints/my-wordpress/plugin/welcome.html
@@ -0,0 +1,172 @@
+<!-- wp:heading {"style":{"spacing":{"margin":{"top":"var:preset|spacing|40"}}}} -->
+<h2 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--40)">About your WordPress</h2>
+<!-- /wp:heading -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Make it yours</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"fontSize":"medium"} -->
+<p class="has-medium-font-size">Change everything, undo anything. This is your space to try things out.</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Don't lose a thing</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"fontSize":"medium"} -->
+<p class="has-medium-font-size">All your changes are saved and will be here when you get back.</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Private by design</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"fontSize":"medium"} -->
+<p class="has-medium-font-size">Nothing leaves your browser. No account, no one else involved.</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Apps menu</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"fontSize":"medium"} -->
+<p class="has-medium-font-size">Install plugins, manage backups, and more from the grid icon in the top bar.</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Bookmark this page</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"fontSize":"medium"} -->
+<p class="has-medium-font-size">It's yours. Treat it like a tab you never want to lose.</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:separator {"style":{"spacing":{"margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} -->
+<hr class="wp-block-separator has-alpha-channel-opacity" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)"/>
+<!-- /wp:separator -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">What can you do here?</h2>
+<!-- /wp:heading -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">A space of your own</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"fontSize":"medium"} -->
+<p class="has-medium-font-size">Use it as a notebook, project space, or creative sandbox. A private corner of the web, just for you.</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Fully customizable</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"fontSize":"medium"} -->
+<p class="has-medium-font-size">Update your theme, set it up in a way that makes sense to you. You'll pick up WordPress naturally as you go.</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:separator {"style":{"spacing":{"margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} -->
+<hr class="wp-block-separator has-alpha-channel-opacity" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)"/>
+<!-- /wp:separator -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Things to know</h2>
+<!-- /wp:heading -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">It's tied to this browser</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"fontSize":"medium"} -->
+<p class="has-medium-font-size">Your WordPress lives in this browser's storage. It won't be accessible from other devices, which also makes it completely private.</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Back up your work</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"fontSize":"medium"} -->
+<p class="has-medium-font-size">Save your site from the top menu. Useful if you ever want to restore it in another browser.</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Want more?</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"fontSize":"medium"} -->
+<p class="has-medium-font-size">You can move your WordPress to hosted infrastructure anytime — to access it from other devices, share it, or collaborate.</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:separator {"style":{"spacing":{"margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} -->
+<hr class="wp-block-separator has-alpha-channel-opacity" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)"/>
+<!-- /wp:separator -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">The top menu</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"fontSize":"medium"} -->
+<p class="has-medium-font-size">Find the grid icon (<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="20" height="20" aria-hidden="true" focusable="false" style="vertical-align: middle"><path d="M6 5.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H6a.5.5
+   0 01-.5-.5V6a.5.5 0 01.5-.5zM4 6a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2V6zm11-.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5h-3a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM13 6a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2h-3a2 2 0
+  01-2-2V6zm5 8.5h-3a.5.5 0 00-.5.5v3a.5.5 0 00.5.5h3a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5zM15 13a2 2 0 00-2 2v3a2 2 0 002 2h3a2 2 0 002-2v-3a2 2 0 00-2-2h-3zm-9 1.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5v-3a.5.5 0
+  01.5-.5zM4 15a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2v-3z" fill-rule="evenodd" clip-rule="evenodd"></path></svg>) in the top bar to:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Install apps</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"fontSize":"medium"} -->
+<p class="has-medium-font-size">Curated plugins for private use, plus the full WordPress directory.</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Backups</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"fontSize":"medium"} -->
+<p class="has-medium-font-size">Save and restore your site.</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Start over</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"fontSize":"medium"} -->
+<p class="has-medium-font-size">Reset, or head to <a href="https://playground.wordpress.net">playground.wordpress.net</a> for quick experiments.</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:separator -->
+<hr class="wp-block-separator has-alpha-channel-opacity"/>
+<!-- /wp:separator -->
+
+<!-- wp:paragraph {"fontSize":"medium"} -->
+<p class="has-medium-font-size">Enjoy your WordPress.</p>
+<!-- /wp:paragraph -->