diff --git a/docs/.prettierrc b/docs/.prettierrc
new file mode 100644
index 00000000..03af2a8b
--- /dev/null
+++ b/docs/.prettierrc
@@ -0,0 +1,8 @@
+{
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "bracketSpacing": true,
+  "jsxBracketSameLine": true
+}
\ No newline at end of file
diff --git a/docs/content/docs/v1/index.mdx b/docs/content/docs/v1/index.mdx
index 5a100a6c..8d6a7868 100644
--- a/docs/content/docs/v1/index.mdx
+++ b/docs/content/docs/v1/index.mdx
@@ -1,6 +1,6 @@
 ---
-title: C/ua Documentation
-description: C/ua Documentation
+title: Home
+description: c/ua Documentation Home
 ---
 
 ## What is C/ua?
diff --git a/docs/content/docs/v1/meta.json b/docs/content/docs/v1/meta.json
index d3fb1e75..66ebbf81 100644
--- a/docs/content/docs/v1/meta.json
+++ b/docs/content/docs/v1/meta.json
@@ -4,7 +4,7 @@
   "root": true,
   "defaultOpen": true,
   "pages": [
-    "---[House]C/ua---",
+    "---[House]c/ua---",
     "...cua",
     "---[Library]Libraries---",
     "...libraries",
diff --git a/docs/src/app/(home)/[[...slug]]/page.tsx b/docs/src/app/(home)/[[...slug]]/page.tsx
index 91d29d92..5c13f492 100644
--- a/docs/src/app/(home)/[[...slug]]/page.tsx
+++ b/docs/src/app/(home)/[[...slug]]/page.tsx
@@ -45,8 +45,11 @@ export async function generateMetadata(props: {
   const page = source.getPage(params.slug);
   if (!page) notFound();
 
+  let title = `c/ua Docs: ${page.data.title}`;
+  if (page.url.includes('api')) title = `c/ua API: ${page.data.title}`;
+
   return {
-    title: page.data.title,
+    title,
     description: page.data.description,
   };
 }
diff --git a/docs/src/app/(home)/layout.tsx b/docs/src/app/(home)/layout.tsx
index 0b7fee10..2dc168a7 100644
--- a/docs/src/app/(home)/layout.tsx
+++ b/docs/src/app/(home)/layout.tsx
@@ -1,34 +1,34 @@
-import { DocsLayout } from "fumadocs-ui/layouts/docs";
-import type { ReactNode } from "react";
-import { baseOptions } from "@/app/layout.config";
-import { source } from "@/lib/source";
-import { CodeXml } from "lucide-react";
+import { DocsLayout } from 'fumadocs-ui/layouts/docs';
+import type { ReactNode } from 'react';
+import { baseOptions } from '@/app/layout.config';
+import { source } from '@/lib/source';
+import { CodeXml } from 'lucide-react';
 
 export default function Layout({ children }: { children: ReactNode }) {
-	return (
-		<DocsLayout
-			tree={source.pageTree}
-			sidebar={{
-				tabs: [
-					{
-						url: "/v1",
-						title: "API v1",
-						icon: <div
-										className="rounded-lg bg-blue-500/10 border max-md:p-1.5 p-1"
-										style={
-											{
-												color: 'var(--color-blue-500)',
-											} as object
-										}
-									>
-										<CodeXml />                
-									</div>
-					},
-				],
-			}}
-			{...baseOptions}
-		>
-			{children}
-		</DocsLayout>
-	);
+  return (
+    <DocsLayout
+      tree={source.pageTree}
+      sidebar={{
+        tabs: [
+          {
+            url: '/v1',
+            title: 'API v1',
+            icon: (
+              <div
+                className="rounded-lg bg-blue-500/10 border max-md:p-1.5 p-1"
+                style={
+                  {
+                    color: 'var(--color-blue-500)',
+                  } as object
+                }>
+                <CodeXml />
+              </div>
+            ),
+          },
+        ],
+      }}
+      {...baseOptions}>
+      {children}
+    </DocsLayout>
+  );
 }