Fixing broken images

auchenberg · Jan 16, 2024 · Jan 16, 2024 · Jan 16, 2024 · Jan 16, 2024 · Jan 16, 2024
commit 9f3bede6ad0bb498b552b1a7484008e9b2d753b7
diff --git a/docs/guides/user-guide/assets/codeflow-ide-white-dots-cut.png b/docs/guides/user-guide/assets/codeflow-ide-white-dots-cut.png
diff --git a/docs/guides/user-guide/assets/error-out-of-memory-popup.png b/docs/guides/user-guide/assets/error-out-of-memory-popup.png
diff --git a/docs/guides/user-guide/assets/settings-json.png b/docs/guides/user-guide/assets/settings-json.png
diff --git a/docs/guides/user-guide/assets/settings-view-json-highlightened.png b/docs/guides/user-guide/assets/settings-view-json-highlightened.png
diff --git a/docs/guides/user-guide/assets/vsc-to-sb-settings.webp b/docs/guides/user-guide/assets/vsc-to-sb-settings.webp
diff --git a/docs/guides/user-guide/importing-projects.md b/docs/guides/user-guide/importing-projects.md
@@ -6,15 +6,6 @@ og_image: importing-projects.png
 
 # {{ $frontmatter.title }}
 
-## Upload from your computer
-
-With your desired StackBlitz project open, drag and drop any files or a folder you want to import:
-
-<img
-  alt="Animation of dragging files from a local folder onto the StackBlitz sidebar"
-  src="./assets/import-drag-and-drop-files.gif"
-/>
-
 ## Import from GitHub
 
 You can run any public GitHub repository on StackBlitz by adding the username and repository name to the URL like so:
@@ -71,29 +62,14 @@ You can chain the URL query parameters by adding the `&` sign between them, for
 [stackblitz.com/github/antfu/vitesse?title=Hello](https://stackblitz.com/github/antfu/vitesse?title=Hello&startScript=dev)
 :::
 
-## Importing private projects
-
-:::info Note
-Importing private GitHub repos is a feature available with our memberships. If you're interested in becoming a member, check details on our [StackBlitz Membership](https://stackblitz.com/membership) page.
-:::
-
-**1.** Go to your dashboard and open a new JavaScript blank project.
-
-![Dashboard for JavaScript Blank Project](./assets/private-repo-starter.png)
-
-**2.** Click on 'Connect repository' on the top left.
-
-**3.** Click on the 'importing from an existing repository' link.
-
-![Connect and import GitHub repository](./assets/connect-to-existing-repo.png)
-
-**4.** Paste your full GitHub repository URL.
-
-![Paste GitHub repository URL to import](./assets/import-existing-repo.png)
+## Upload from your computer
 
-The video below outlines a workaround to edit collaboratively in a private repository:
+With your desired StackBlitz project open, drag and drop any files or a folder you want to import:
 
-<iframe src="https://www.loom.com/embed/54c9f65e05494b00b6aa1bb9e0bbe7ab" style="width: 100%; height: 400px;"></iframe>
+<img
+  alt="Animation of dragging files from a local folder onto the StackBlitz sidebar"
+  src="./assets/import-drag-and-drop-files.gif"
+/>
 
 ## Importing or creating projects with StackBlitz API
 

diff --git a/docs/guides/user-guide/working-in-stackblitz-editor.md b/docs/guides/user-guide/working-in-stackblitz-editor.md
@@ -1,5 +1,5 @@
 ---
-title: Working in StackBlitz editor
+title: Using our next gen editor
 description: This page covers what to expect when using StackBlitz editor.
 og_image: working-in-codeflow-ide.png
 ---
@@ -8,17 +8,7 @@ og_image: working-in-codeflow-ide.png
 
 This page covers what to expect when using StackBlitz.
 
-## What is StackBlitz?
-
-<!-- @include: ./parts/codeflow-ide.md -->
-
-It is designed for enabling you to quickly spin up the entire environment without the hassle of cloning and installing dependencies.
-
-:::tip Fun fact
-
-At StackBlitz, we have been using Codeflow IDE in our daily internal development, including PR reviews. This docs site was also built on Codeflow IDE and Web Publisher!
-
-:::
+<hr>
 
 ## Opening GitHub repositories in Codeflow IDE
 

diff --git a/docs/links.ts b/docs/links.ts
@@ -5,10 +5,16 @@ import type { CardLink, FooterSection, MenuLinkGroup, MenuLinkItem } from '@them
 
 const groupLinks: Record<MenuLinkGroup, MenuLinkItem[]> = {
   userGuide: [
-    { text: 'What is StackBlitz?', link: '/guides/user-guide/what-is-stackblitz' },
-    { text: 'Getting started', link: '/guides/user-guide/getting-started' },
-    { text: 'Create a new project', link: '/guides/user-guide/create-a-new-project' },
-    { text: 'Importing projects', link: '/guides/user-guide/importing-projects' },
+    {
+      text: 'Getting started',
+      link: '/guides/user-guide/getting-started',
+      items: [
+        { text: 'Quick start', link: '/guides/user-guide/getting-started' },
+        { text: 'What is StackBlitz', link: '/guides/user-guide/what-is-stackblitz' },
+        { text: 'Create a new project', link: '/guides/user-guide/create-a-new-project' },
+        { text: 'Importing projects', link: '/guides/user-guide/importing-projects' },
+      ]
+    },
     { text: 'Working in StackBlitz', link: '/guides/user-guide/working-in-stackblitz-editor' },
     { text: 'User interface', link: '/guides/user-guide/user-interface' },
     {