split out app launcher customization

Author: ranbel

src/content/docs/cloudflare-one/reusable-components/custom-pages/app-launcher-customization.mdx

@@ -0,0 +1,44 @@
+---
+pcx_content_type: how-to
+title: App Launcher customization
+sidebar:
+  order: 2
+---
+
+import { Render } from "~/components";
+
+:::note
+
+Only available on Pay-as-you-go and Enterprise plans.
+:::
+
+You can display your own branding, messages, and links to users when they open the [Access App Launcher](/cloudflare-one/access-controls/access-settings/app-launcher/).
+
+To customize the App Launcher appearance:
+
+1. In [Zero Trust](https://one.dash.cloudflare.com/), go to **Settings** > **Custom Pages**.
+2. Find the **Customize App Launcher** setting and select **Customize**.
+3. Give the App Launcher the look and feel of your organization by adding:
+   - Your organization's name
+   - A logo
+   - A preferred background color for the header
+   - A preferred background color for the page
+   - A custom footer with links to your organization's help desk or other internal resources.
+
+:::note
+
+We recommend lighter background colors because the font defaults to black.
+:::
+
+4. Next, customize the landing page that users will see when they login to the App Launcher. Available properties include:
+   - A custom title
+   - A custom subtitle
+   - An image
+   - A preferred color for the **Log in** button
+   - A preferred color for the **Log in** button text
+
+   All of the properties configured in Step 3 will also apply to the landing page.
+
+5. Once you are satisfied with your customization, select **Save**.
+
+The App Launcher screens are now updated. To view your changes, select **Preview**.

src/content/docs/cloudflare-one/reusable-components/custom-pages/gateway-block-page.mdx

@@ -2,7 +2,7 @@
 pcx_content_type: how-to
 title: Block page
 sidebar:
-  order: 14
+  order: 1
 ---
 
 import { Render, Tabs, TabItem } from "~/components";

src/content/partials/cloudflare-one/access/app-launcher.mdx

@@ -58,38 +58,4 @@ To show an Access application in the App Launcher:
 
 ## Customize App Launcher appearance
 
-:::note
-
-Only available on Pay-as-you-go and Enterprise plans.
-:::
-
-You can display your own branding, messages, and links to users when they open the App Launcher.
-
-To customize the App Launcher appearance:
-
-1. In [Zero Trust](https://one.dash.cloudflare.com/), go to **Settings** > **Custom Pages**.
-2. Find the **Customize App Launcher** setting and select **Customize**.
-3. Give the App Launcher the look and feel of your organization by adding:
-   - Your organization's name
-   - A logo
-   - A preferred background color for the header
-   - A preferred background color for the page
-   - A custom footer with links to your organization's help desk or other internal resources.
-
-:::note
-
-We recommend lighter background colors because the font defaults to black.
-:::
-
-4. Next, customize the landing page that users will see when they login to the App Launcher. Available properties include:
-   - A custom title
-   - A custom subtitle
-   - An image
-   - A preferred color for the **Log in** button
-   - A preferred color for the **Log in** button text
-
-   All of the properties configured in Step 3 will also apply to the landing page.
-
-5. Once you are satisfied with your customization, select **Save**.
-
-The App Launcher screens are now updated. To view your changes, select **Preview**.
+To customize the App Launcher with your own branding, messages, and links, refer to the [Custom pages documentation](/cloudflare-one/reusable-components/custom-pages/app-launcher-customization/).