Merge pull request #290517 from RoseHJM/ade-developer-portal-welcome

ADE - developer portal landing page

Author: v-shils

articles/deployment-environments/includes/developer-portal-landing-page.md

@@ -0,0 +1,25 @@
+---
+author: RoseHJM
+ms.author: rosemalcolm
+ms.date: 11/13/2024
+ms.topic: include
+ms.service: dev-box
+---
+
+1. Go to the [developer portal](https://aka.ms/devbox-portal). The landing page contains useful information and links. When you're ready, select **Sign in**. 
+
+   :::image type="content" source="../media/developer-portal-landing-page/developer-portal-landing-page-sign-in.png" alt-text="Screenshot of the developer portal landing page with sign-in highlighted.":::
+
+#### [No existing environments](#tab/no-existing-environments)
+
+2. If you don't have any dev boxes, you see this screen. Select **New environment**.
+
+   :::image type="content" source="../media/developer-portal-landing-page/developer-portal-new-deployment-environment.png" alt-text="Screenshot of the developer portal with new environment highlighted." lightbox="../media/developer-portal-landing-page/developer-portal-new-deployment-environment.png":::
+
+#### [Existing environments](#tab/existing-environments)
+
+2. Select **New** > **New environment**.
+ 
+   :::image type="content" source="../media/developer-portal-landing-page/developer-portal-new-environment-menu.png" alt-text="Screenshot of the developer portal with the New menu and Dev box option highlighted." lightbox="../media/developer-portal-landing-page/developer-portal-new-environment-menu.png":::
+ 
+---

articles/deployment-environments/media/developer-portal-landing-page/developer-portal-landing-page-sign-in.png

@@ -28,13 +28,9 @@ An environment in Azure Deployment Environments is a collection of Azure resourc
 
 [!INCLUDE [note-deployment-environments-user](includes/note-deployment-environments-user.md)]
 
-1. Sign in to the [developer portal](https://devportal.microsoft.com).
-
-1. From the **New** menu at the top left, select **New environment**.
- 
-   :::image type="content" source="media/quickstart-create-access-environments/dev-new-environment.png" alt-text="Screenshot showing the new menu with new environment highlighted." lightbox="media/quickstart-create-access-environments/dev-new-environment-expanded.png":::
+[!INCLUDE [developer-portal-landing-page](includes/developer-portal-landing-page.md)]
 
-1. In the **Add an environment** pane, select the following information:
+3. In the **Add an environment** pane, select the following information:
 
    |Field  |Value  |
    |---------|---------|
@@ -47,7 +43,7 @@ An environment in Azure Deployment Environments is a collection of Azure resourc
 
    If your environment is configured to accept parameters, you can enter them on a separate pane. In this example, you don't need to specify any parameters.
 
-1. Select **Create**. You see your environment in the developer portal immediately, with an indicator that shows creation in progress.
+4. Select **Create**. You see your environment in the developer portal immediately, with an indicator that shows creation in progress.
 
 ## Access an environment