diff --git a/src/content/partials/paid-addon-callout.mdx b/src/content/partials/paid-addon-callout.mdx
new file mode 100644
index 0000000..f1106b4
--- /dev/null
+++ b/src/content/partials/paid-addon-callout.mdx
@@ -0,0 +1,3 @@
+<div class="anhh-accent-callout">
+  **Add-on, billed separately.** This feature is not included in the base hosting plan. You can enable and price it from your [client portal](https://secure.anhonesthost.com/clientarea.php).
+</div>
diff --git a/src/content/partials/service-hostnames.mdx b/src/content/partials/service-hostnames.mdx
new file mode 100644
index 0000000..9e47def
--- /dev/null
+++ b/src/content/partials/service-hostnames.mdx
@@ -0,0 +1,11 @@
+Some applications need to connect to databases, caches, or other internal services. Use these hostnames from inside your site — they only resolve within your hosting container, so they don't work from your laptop.
+
+| Service                | Hostname                | Default port | Notes                                                  |
+| ---------------------- | ----------------------- | ------------ | ------------------------------------------------------ |
+| MySQL                  | `mysql`                 | 3306         | Username, password, and database from your WHP panel.  |
+| PostgreSQL             | `postgres`              | 5432         | Available on most plans; ask support if it's missing.  |
+| Memcached              | `memcache`              | 11211        | No auth; isolated per container.                       |
+| Redis                  | `redis`                 | 6379         | Single DB per site; password in panel.                 |
+| SMTP (outbound)        | `smtp.anhonesthost.com` | 587          | Use your full email address as the username.           |
+
+**Connecting from your laptop?** Use the panel's **phpMyAdmin** (MySQL) or **Adminer** (PostgreSQL) for ad-hoc queries — direct external connections to these internal services are not exposed for security reasons.
diff --git a/src/content/partials/signing-in.mdx b/src/content/partials/signing-in.mdx
new file mode 100644
index 0000000..f55954f
--- /dev/null
+++ b/src/content/partials/signing-in.mdx
@@ -0,0 +1,6 @@
+import { URLS } from './urls.mdx';
+
+You can sign in to WHP two ways:
+
+1. **Through your client portal** (recommended). Go to [{URLS.whmcs}]({URLS.whmcs}), sign in to your account, open **Services → My Services**, click your hosting plan, then click **Login to WHP**. No extra password to remember.
+2. **Directly with your WHP credentials.** Visit `https://<your-server-hostname>:8443` and sign in with the WHP username and password you set up. Your server hostname is in your welcome email and on the service page in the client portal.
diff --git a/src/content/partials/support-link.mdx b/src/content/partials/support-link.mdx
new file mode 100644
index 0000000..50894a6
--- /dev/null
+++ b/src/content/partials/support-link.mdx
@@ -0,0 +1,5 @@
+import { URLS } from './urls.mdx';
+
+<div class="anhh-accent-callout">
+  **Still stuck?** Open a [support ticket]({URLS.whmcsTicket}) and our team will help.
+</div>
diff --git a/src/content/partials/urls.mdx b/src/content/partials/urls.mdx
new file mode 100644
index 0000000..45b6c9a
--- /dev/null
+++ b/src/content/partials/urls.mdx
@@ -0,0 +1,7 @@
+export const URLS = {
+  whmcs: 'https://secure.anhonesthost.com',
+  whmcsTicket: 'https://secure.anhonesthost.com/submitticket.php',
+  whmcsClientArea: 'https://secure.anhonesthost.com/clientarea.php',
+  publicSite: 'https://anhonesthost.com',
+  whpDirectExample: 'https://your-server-hostname:8443',
+};
diff --git a/src/content/templates/how-to.mdx.example b/src/content/templates/how-to.mdx.example
new file mode 100644
index 0000000..3cbcc7b
--- /dev/null
+++ b/src/content/templates/how-to.mdx.example
@@ -0,0 +1,54 @@
+---
+title: Your title here
+description: One-sentence summary — drives meta description and sidebar tooltip.
+sidebar:
+  order: 1
+---
+
+import { Steps, Aside } from '@astrojs/starlight/components';
+import SignIn from '~/content/partials/signing-in.mdx';
+import Support from '~/content/partials/support-link.mdx';
+
+## Before you start
+
+- What the reader needs ready (e.g., a registered domain, admin access)
+- Approximate time to complete
+
+## Sign in to WHP
+
+<SignIn />
+
+## Steps
+
+<Steps>
+
+1. First action.
+   ![Description of screenshot](~/assets/screenshots/whp/example.png)
+
+2. Second action.
+
+3. Third action.
+
+</Steps>
+
+## Verify it worked
+
+How the reader confirms success — what they should see, where, and what to do if they don't.
+
+<Aside type="tip">
+  Optional tip that helps but isn't strictly required.
+</Aside>
+
+## Troubleshooting
+
+**Symptom 1.** Cause and fix.
+
+**Symptom 2.** Cause and fix.
+
+## Related
+
+- [Some related article](/whp/how-to/some-article/)
+
+## Still stuck?
+
+<Support />