Update quickstart website

Author: handotdev

images/quickstart/custom-domain-dark.png

@@ -112,7 +112,6 @@ description: "This is the introduction to the documentation"
 ---
 ```
 
-
 ### Preview the changes
 
 To preview the changes locally, run the following command.
@@ -137,87 +136,90 @@ Mintlify will automatically detect the changes, build your documentation, and de
 Once the deployment is complete, your last update will be available at `<your-project-name>.mintlify.app`.
 
 <Card title="Jump to adding a custom domain" icon="arrow-down" href="#adding-a-custom-domain" horizontal>
-  Skip the web editor workflow and jump to adding a custom domain.
+  Optionally skip the web editor workflow and jump to adding a custom domain.
 </Card>
 
 ## Web Editor Workflow
 
-The web editor workflow provides an intuitive interface for creating and editing documentation without requiring local development tools. It's ideal for non-technical team members or for making quick updates.
+The web editor workflow provides a WYSIWYG interface for creating and editing documentation without requiring local development tools. It's ideal for non-technical team members or for making quick updates.
+
+### Access the Web Editor
+
+Log in to your Mintlify Dashboard and select your project. Navigate to `Editor` on the left sidebar to open the web editor.
+
+<Info>
+  If you haven't installed the GitHub App, you will be prompted to do so upon opening the web editor.
+</Info>
 
-<Steps>
-<Step title="Access the Web Editor">
-Log in to your Mintlify Dashboard and select your project. Click the Edit button to open the web editor.
 <Frame>
-<img alt="Web Editor Access" src="/images/web-editor-access.png" />
+  <img alt="Web Editor" src="/images/quickstart/web-editor-light.png" className="block dark:hidden" />
+  <img alt="Web Editor" src="/images/quickstart/web-editor-dark.png" className="hidden dark:block" />
 </Frame>
-</Step>
-<Step title="Make Changes to Your Documentation">
-In the web editor, you can navigate your documentation files in the sidebar. Let's update the introduction page:
-Find and click on introduction.mdx in the file explorer
-In the visual editor, update the title field to "Hello World"
-You'll see your changes reflected in the live preview on the right
-<Frame caption="Web Editor Interface">
-<img alt="Editing in Web Editor" src="/images/web-editor-interface.png" />
+
+### Edit the documentation
+
+In the web editor, you can navigate your documentation files in the sidebar. Let's update the introduction page.
+
+Find and click on `introduction.mdx` in the file explorer.
+
+Then, in the visual editor, update the title field to "Hello World".
+
+<Frame>
+  <img alt="Editing in Web Editor" src="/images/quickstart/web-editor-editing-light.png" className="block dark:hidden" />
+  <img alt="Editing in Web Editor" src="/images/quickstart/web-editor-editing-dark.png" className="hidden dark:block" />
 </Frame>
+
 <Tip>
-The editor provides a rich set of formatting tools and components. Access them by clicking the "+" button or typing "/" in the editor to open the command menu.
+  The editor provides a rich set of formatting tools and components. Access them by typing "/" in the editor to open the command menu.
 </Tip>
-</Step>
-<Step title="Publish Your Changes">
-When you're satisfied with your edits:
-Click the Publish button in the top-right corner
-Review your changes in the confirmation dialog
-Add a commit message describing your updates
-Click Confirm and Publish
+
+### Publish Your Changes
+
+When you're satisfied with your edits, click the `Publish` button in the top-right corner.
+
 Your changes will be deployed immediately to your documentation site.
-<Frame>
-<img alt="Publishing Changes" src="/images/web-editor-publish.png" />
-</Frame>
-<Note>
-For teams using Git workflows, the web editor can create branches and pull requests instead of publishing directly to the main branch. This allows for proper review processes.
-</Note>
-</Step>
-<Step title="Add a Custom Domain (Optional)">
-Just as with the code-based workflow, you can add a custom domain through the dashboard:
-From your Mintlify dashboard, go to Settings > Custom Domain
-Enter your domain (e.g., docs.yourcompany.com)
-Follow the provided instructions to configure DNS settings with your domain provider
-</Step>
-</Steps>
-For more details about using the web editor, including advanced features like slash commands and image uploads, see our Web Editor documentation.
-Next Steps
-Congratulations! You've successfully deployed your first documentation site with Mintlify. Here are some suggested next steps to enhance your documentation:
-<CardGroup cols={2}>
-<Card title="Customize Your Theme" icon="paintbrush" href="/core-concepts/styling/themes">
-Learn how to customize colors, fonts, and the overall appearance of your documentation site.
-</Card>
-<Card title="Organize Navigation" icon="sitemap" href="/core-concepts/navigation/overview">
-Structure your documentation with intuitive navigation to help users find what they need.
-</Card>
-<Card title="Add Interactive Components" icon="puzzle-piece" href="/components/accordions">
-Enhance your documentation with interactive components like accordions, tabs, and code samples.
-</Card>
-<Card title="Set Up API References" icon="code" href="/api-playground/overview">
-Create interactive API references with OpenAPI and AsyncAPI specifications.
-</Card>
-</CardGroup>
+
+For more details about using the web editor, including advanced features like slash commands and image uploads, see our [Web Editor documentation](/editor).
 
 ## Adding a Custom Domain
 
-While your `<name>.mintlify.app` subdomain works well for testing, most teams prefer using a custom domain for production documentation.
-From your Mintlify dashboard, go to Settings > Custom Domain
+While your `<your-project-name>.mintlify.app` subdomain works well for testing and development, most teams prefer using a custom domain for production documentation.
+
+To add a custom domain, go to `Settings` > `Custom Domain` from the dashboard.
 
-Enter your domain (e.g., docs.yourcompany.com)
-Follow the provided instructions to configure DNS settings with your domain provider
+<Frame>
+  <img src="/images/quickstart/custom-domain-light.png" alt="Custom Domain" className="block dark:hidden" />
+  <img src="/images/quickstart/custom-domain-dark.png" alt="Custom Domain" className="hidden dark:block" />
+</Frame>
+
+Enter your domain (e.g., docs.yourcompany.com) and follow the provided instructions to configure DNS settings with your domain provider.
 
 <Table>
 | Record Type | Name | Value | TTL |
 |-------------|------|-------|-----|
 | CNAME | docs (or subdomain) | cname.mintlify.app | 3600 |
 </Table>
-<Note>
-DNS changes can take up to 48 hours to propagate, though they often complete much sooner.
-</Note>
+
+<Info>
+  DNS changes can take up to 48 hours to propagate, though they often complete much sooner.
+</Info>
+
+## Next Steps
+
+Congratulations! You've successfully deployed your documentation site with Mintlify. Here are some suggested next steps to enhance your documentation:
+
+<Card title="Customize Your Theme" icon="paintbrush" href="/core-concepts/styling/themes" horizontal>
+  Learn how to customize colors, fonts, and the overall appearance of your documentation site.
+</Card>
+<Card title="Organize Navigation" icon="map" href="/core-concepts/navigation/overview" horizontal>
+  Structure your documentation with intuitive navigation to help users find what they need.
+</Card>
+<Card title="Add Interactive Components" icon="puzzle" href="/components/accordions" horizontal>
+  Enhance your documentation with interactive components like accordions, tabs, and code samples.
+</Card>
+<Card title="Set Up API References" icon="code" href="/api-playground/overview" horizontal>
+  Create interactive API references with OpenAPI and AsyncAPI specifications.
+</Card>
 
 ## Troubleshooting
 
@@ -236,6 +238,4 @@ Verify that your DNS records are set up correctly and allow sufficient time for
 </AccordionGroup>
 
 
-
-
-Need more help? Join our Community Discord or contact our Support Team.
+Need more help? [Contact our Support Team](mailto:[email protected]).