Resolves #189

Author: haydenbleasel

apps/docs/app/(docs)/[[...slug]]/page.tsx

@@ -20,6 +20,8 @@ export default async function Page(props: PageProps<"/[[...slug]]">) {
   }
 
   const MDXContent = page.data.body;
+  const parsedUrl = page.url === "/" ? "/index" : page.url;
+  const markdownUrl = `/elements${parsedUrl}.mdx`;
 
   return (
     <DocsPage
@@ -35,10 +37,10 @@ export default async function Page(props: PageProps<"/[[...slug]]">) {
       <DocsTitle>{page.data.title}</DocsTitle>
       <DocsDescription>{page.data.description}</DocsDescription>
       <div className="-mt-8 mb-8 flex flex-row items-center gap-2">
-        <LLMCopyButton markdownUrl={`${page.url}.mdx`} />
+        <LLMCopyButton markdownUrl={markdownUrl} />
         <ViewOptions
           githubUrl={`https://github.com/vercel/ai-elements/blob/main/apps/docs/content/docs/${page.path}`}
-          markdownUrl={`${page.url}.mdx`}
+          markdownUrl={markdownUrl}
         />
       </div>
       <DocsBody>