From c083ef7faf8cea1a49a6213f01f8dfe27400a593 Mon Sep 17 00:00:00 2001
From: "mintlify[bot]" <109931778+mintlify[bot]@users.noreply.github.com>
Date: Tue, 19 May 2026 21:18:15 +0000
Subject: [PATCH] Refactor image tags and add accordion to quickstart

Mintlify-Source: dashboard-editor
---
 index.mdx      | 38 +++++++++-----------------------------
 quickstart.mdx |  6 ++++--
 2 files changed, 13 insertions(+), 31 deletions(-)

diff --git a/index.mdx b/index.mdx
index 1d55eec22..3edeee349 100644
--- a/index.mdx
+++ b/index.mdx
@@ -25,18 +25,13 @@ export const HeroCard = ({ filename, title, description, href }) => {
   );
 };
 
+faewfawfawefawefaewfewaf
+
 <div className="relative">
   <div className="absolute -top-14 left-0 right-0 opacity-80">
-    <img
-      src="/images/hero/background-light.svg"
-      className="block dark:hidden pointer-events-none w-full h-auto"
-      alt="Decorative background image."
-    />
-    <img
-      src="/images/hero/background-dark.svg"
-      className="hidden dark:block pointer-events-none w-full h-auto"
-      alt="Decorative background image."
-    />
+    <img src="/images/hero/background-light.svg" className="block dark:hidden pointer-events-none w-full h-auto" alt="Decorative background image." />
+
+    <img src="/images/hero/background-dark.svg" className="hidden dark:block pointer-events-none w-full h-auto" alt="Decorative background image." />
   </div>
 
   <div className="relative z-10 px-4 py-16 lg:py-48 lg:pb-24 max-w-3xl mx-auto">
@@ -51,26 +46,11 @@ export const HeroCard = ({ filename, title, description, href }) => {
     <div className="px-6 lg:px-0 mt-12 lg:mt-24 grid sm:grid-cols-2 gap-x-6 gap-y-4">
       <HeroCard filename="rocket" title="Quickstart" description="Deploy your first docs site in minutes with our step-by-step guide" href="/quickstart" />
 
-      <HeroCard
-        filename="cli"
-        title="CLI installation"
-        description="Install the CLI to preview and develop your docs locally"
-        href="/installation"
-      />
+      <HeroCard filename="cli" title="CLI installation" description="Install the CLI to preview and develop your docs locally" href="/installation" />
 
-      <HeroCard
-        filename="editor"
-        title="Web editor"
-        description="Make quick updates and manage content with our browser-based editor"
-        href="/editor/index"
-      />
+      <HeroCard filename="editor" title="Web editor" description="Make quick updates and manage content with our browser-based editor" href="/editor/index" />
 
-      <HeroCard
-        filename="components"
-        title="Components"
-        description="Build rich, interactive documentation with our ready-to-use components"
-        href="/components/accordions"
-      />
+      <HeroCard filename="components" title="Components" description="Build rich, interactive documentation with our ready-to-use components" href="/components/accordions" />
     </div>
   </div>
-</div>
+</div>
\ No newline at end of file
diff --git a/quickstart.mdx b/quickstart.mdx
index 8e2cb6b5e..152b0ed23 100644
--- a/quickstart.mdx
+++ b/quickstart.mdx
@@ -9,7 +9,10 @@ import SkillMcpPrompt from "/snippets/skill-mcp-prompt.mdx";
 
 After you complete this guide, you'll have a live documentation site ready to customize and update.
 
-## Before you begin
+## Before you begin 
+
+<Accordion title="sean is awesome ">
+</Accordion>
 
 Mintlify uses a docs-as-code approach to manage your documentation. Every page on your site has a corresponding file stored in your documentation <Tooltip tip="Your documentation's source code where all files and their history are stored. The web editor connects to your documentation repository to access and modify content, or you can edit files locally in your preferred IDE.">repository</Tooltip>.
 
@@ -75,7 +78,6 @@ Find your exact URL on the **Overview** page of your [dashboard](https://dashboa
         ```
 
         ```bash pnpm
-        pnpm add -g mint
         ```
 
         </CodeGroup>