docs: add screenshots page (#13582)

* docs: add screenshots page

* fmt

docs/about/screenshots.md

@@ -0,0 +1,59 @@
+# Screenshots
+
+## Log in
+
+![Install Coder in your cloud or air-gapped on-premises. Developers simply log in via their browser to access their Workspaces.](../images/screenshots/login.png)
+
+Install Coder in your cloud or air-gapped on-premises. Developers simply log in
+via their browser to access their Workspaces.
+
+## Templates
+
+![Developers provision their own ephemeral Workspaces in minutes using pre-defined Templates that include approved tooling and infrastructure.](../images/screenshots/templates_listing.png)
+
+Developers provision their own ephemeral Workspaces in minutes using pre-defined
+Templates that include approved tooling and infrastructure.
+
+![Template administrators can either create a new Template from scratch or choose a Starter Template](../images/screenshots/starter_templates.png)
+
+Template administrators can either create a new Template from scratch or choose
+a Starter Template.
+
+![Templates define the underlying infrastructure that Coder Workspaces run on.](../images/screenshots/terraform.png)
+
+Template administrators build Templates using Terraform. Templates define the
+underlying infrastructure that Coder Workspaces run on.
+
+## Workspaces
+
+![Developers create and delete their own workspaces. Coder administrators can easily enforce Workspace scheduling and autostop policies to ensure idle Workspaces don’t burn unnecessary cloud budget.](../images/screenshots/workspaces_listing.png)
+
+Developers create and delete their own workspaces. Coder administrators can
+easily enforce Workspace scheduling and autostop policies to ensure idle
+Workspaces don’t burn unnecessary cloud budget.
+
+![Developers launch their favorite web-based or desktop IDE, browse files, or access their Workspace’s Terminal.](../images/screenshots/workspace_launch.png)
+
+Developers launch their favorite web-based or desktop IDE, browse files, or
+access their Workspace’s Terminal.
+
+## Administration
+
+![Coder administrators can access Template usage insights to understand which Templates are most popular and how well they perform for developers.](../images/screenshots/templates_insights.png)
+
+Coder administrators can access Template usage insights to understand which
+Templates are most popular and how well they perform for developers.
+
+![Coder administrators can control *every* aspect of their Coder deployment.](../images/screenshots/settings.png)
+
+Coder administrators can control _every_ aspect of their Coder deployment.
+
+![Coder administrators and auditor roles can review how users are interacting with their Coder Workspaces and Templates.](../images/screenshots/audit.png)
+
+Coder administrators and auditor roles can review how users are interacting with
+their Coder Workspaces and Templates.
+
+![Coder administrators can monitor the health of their Coder deployment, including database latency, active provisioners, and more.](../images/screenshots/healthcheck.png)
+
+Coder administrators can monitor the health of their Coder deployment, including
+database latency, active provisioners, and more.

docs/manifest.json

@@ -5,7 +5,14 @@
       "title": "About",
       "description": "About Coder",
       "path": "./README.md",
-      "icon_path": "./images/icons/home.svg"
+      "icon_path": "./images/icons/home.svg",
+      "children": [
+        {
+          "title": "Screenshots",
+          "description": "Browse screenshots of the Coder platform",
+          "path": "./about/screenshots.md"
+        }
+      ]
     },
     {
       "title": "Installation",