docs: update cloud getting-started and project pages

PR-URL: https://github.com/hasura/graphql-engine-mono/pull/8582
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
GitOrigin-RevId: bfd8f4fbdfea6e54da1a9a9335ff3d2efbe8f851

docs/docs/getting-started/getting-started-cloud.mdx

@@ -30,9 +30,18 @@ Navigate to
 [cloud.hasura.io](https://cloud.hasura.io/signup/?pg=docs&plcmt=body&cta=navigate-to-cloud-hasura-io&tech=default), and
 create a new Hasura Cloud account.
 
-## Step 2: Create project {#cloud-connect-db}
+## Step 2: Create a project
 
-When getting started with Hasura Cloud, regardless of tier, you have the choice of either Amazon Web Services (AWS) or
+On creating a new account, Hasura Cloud automatically creates an initial project for you.
+
+Click `Launch Console` to open the Hasura Console in your browser.
+
+<Thumbnail src="/img/getting-started/cloud-initial-project-launch-console.png" alt="Connect new or existing database" width="556px" />
+
+If you already have an account, you can create a new project by clicking the `New Project` link on the
+[Projects](https://cloud.hasura.io/projects) page.
+
+Regardless of tier, you have the choice of either Amazon Web Services (AWS) or
 Google Cloud Platform (GCP) as hosting providers.
 
 <Thumbnail
@@ -45,31 +54,38 @@ Make your selection and then click `Create Free Project`:
 
 <Thumbnail src="/img/getting-started/getting-started-cloud-create-project.png" alt="Create project" width="556px" />
 
-Hasura Cloud creates an initial project. Click `Launch Console` to open the Hasura Console in your browser.
+## Step 3: Connect a database {#cloud-connect-db}
 
-<Thumbnail src="/img/getting-started/create-project.png" alt="Connect new or existing database" width="556px" />
-
-## Step 3: Connect new/existing database {#create-new-db-with-cloud}
-
-On the Hasura Console, navigate to `Data -> Manage -> Connect Database`:
+Hit the `Launch console` button to open the Hasura Console and navigate to `Data -> Manage -> Connect Database`:
 
 <Thumbnail src="/img/getting-started/connect-db-console.png" alt="Connect database" width="1000px" />
 
+- To try out quickly with a new Postgres database, choose `Create New Database`.
 - To use an existing database, choose `Connect existing database`.
-- To try out with a new Postgres database, choose `Create Neon Database`.
 
 <Thumbnail src="/img/getting-started/db-setup.png" alt="DB setup" width="1000px" />
 
-### Step 3.1: Enter database connection URL (for existing database)
+### Option 3.1: Create and connect a new database {#create-new-db-with-cloud}
 
-If you chose `Connect existing database`, enter your database connection URL.
+If you chose `Create New Database`:
 
-Click `Connect Database`.
+Click on `Connect Neon Database` to create and connect a new Postgres database to your Hasura Project.
 
-<Thumbnail src="/img/getting-started/connect-db-cloud.png" alt="Enter URL for existing database" width="1000px" />
+<Thumbnail src="/img/cloud-dbs/neon/connect_neon_database.png" alt="Connect Neon database" width="700px" />
 
-Check out our [extensive list of databases](/databases/overview.mdx) that Hasura Cloud supports in order to get the
-database connection URL and for other steps required to ensure connectivity from Hasura Cloud.
+
+### Option 3.2: Connect an existing database
+
+If you chose `Connect existing database`:
+- Give the database a name, say `default`
+- Choose the database type from the list of [supported databases](/databases/overview.mdx#supported-databases)
+- Enter your database connection details
+- Click `Connect Database`.
+
+<Thumbnail src="/img/getting-started/connect-db-cloud.png" alt="Enter URL for existing database" width="700px" />
+
+Check out [this section](databases/quickstart.mdx#cloud-projects-create-allow-nat-ip) for other steps
+required to ensure connectivity to your database from Hasura Cloud if needed.
 
 ## Step 4: Try out Hasura
 
@@ -106,13 +122,6 @@ You'll see that you get all the inserted data!
 
 <Thumbnail src="/img/getting-started/profile-query.png" alt="Try out a query" />
 
-### Check out monitoring
-
-You can navigate to the `Monitoring` tab in the Console to check out the extra features for reliability and security
-that Hasura Cloud has set up for you.
-
-<Thumbnail src="/img/observability/monitoring-tab-overview.png" alt="Hasura Console: Monitoring tab" />
-
 ## Next steps
 
 ### Learn tutorial

docs/docs/hasura-cloud/projects/create.mdx

@@ -25,15 +25,14 @@ IP address. For a list of supported databases and features [see here](/databases
 
 ## Project setup
 
-You can quickly and easily create a new Hasura Cloud Project. To begin, navigate to the
-[Projects](https://cloud.hasura.io/projects) page on Hasura Cloud and click the "New Project" link.
+Navigate to the [Projects](https://cloud.hasura.io/projects) page on Hasura Cloud and click the `New Project` link.
 
 This opens a form on the right where you can create your new project.
 
 Choose a pricing plan and select a region for your project.
 
 <Thumbnail
-  src="/img/projects/create-project_console_2.12.png"
+  src="/img/projects/create-project.png"
   alt="Create new project in Hasura Console"
   width="900px"
 />

docs/docs/hasura-cloud/projects/index.mdx

@@ -24,16 +24,21 @@ The `Projects` page shows a list of your projects.
 
 <Thumbnail src="/img/projects/projects-list.png" alt="Projects list" width="1200px" />
 
+## Basic project actions
+
 For each project, you can do the one of the following actions:
 
 <Thumbnail src="/img/projects/project-actions.png" alt="Project actions" width="860px" />
 
-- Click `Launch Console` to open the Hasura Console in your browser. The `Monitoring` tab lets you use the Pro features
-  that Hasura Cloud has set up for you.
+### Open project console
 
-<Thumbnail src="/img/observability/monitoring-tab-overview.png" alt="Hasura Console: Monitoring tab" width="900px" />
+Click `Launch Console` to open the project's Hasura Console in your browser.
 
-- Click the gear icon to manage your project
+<Thumbnail src="/img/cloud-dbs/hasura-console.png" alt="Project console" width="860px" />
+
+### Manage project settings
+
+Click the gear icon to manage your project settings.
 
 <Thumbnail src="/img/projects/project-details.png" alt="General tab" width="900px" />