diff --git a/docs/app.config.ts b/docs/app.config.ts
index 3f0e120..c4b2920 100644
--- a/docs/app.config.ts
+++ b/docs/app.config.ts
@@ -2,8 +2,9 @@ export default defineAppConfig({
   docus: {
     title: 'Nuxt Mongoose',
     description: 'A Nuxt module for simplifying the use of Mongoose in your project.',
-    image: 'https://user-images.githubusercontent.com/904724/185365452-87b7ca7b-6030-4813-a2db-5e65c785bf88.png',
+    image: '/cover.jpg',
     socials: {
+      twitter: 'arash_sheyda',
       github: 'arashsheyda/nuxt-mongoose',
     },
     github: {
diff --git a/docs/components/content/Logo.vue b/docs/components/content/Logo.vue
index fff5f16..f4d0ec5 100644
--- a/docs/components/content/Logo.vue
+++ b/docs/components/content/Logo.vue
@@ -1,12 +1,18 @@
 <template>
-  <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 235.5 33.2">
+  <svg id="NuxtMongooseLogo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 235.5 33.2">
     <rect width="32" height="32" rx="7.5" style="fill:#023430" />
     <path d="M21.4,13.4C20.1,7.6,17.3,6.1,16.6,5a10.1,10.1,0,0,1-.7-1.5,1.6,1.6,0,0,1-.6,1.2,14.1,14.1,0,0,0-4.9,10.5c-.3,6.1,4.5,9.9,5.1,10.3a1.4,1.4,0,0,0,1.4-.2,12.1,12.1,0,0,0,4.5-11.9" style="fill:#10aa50" />
     <path d="M16.1,22.2a17.8,17.8,0,0,1-.5,3.3s.2,1.5.3,3h.5a30.6,30.6,0,0,1,.5-3.2C16.3,25,16.1,23.6,16.1,22.2Z" style="fill:#b8c4c2" />
     <path d="M16.9,25.3c-.6-.3-.8-1.7-.8-3.1s.2-4.3.1-6.5,0-10.7-.3-12.1L16.6,5c.7,1.1,3.5,2.6,4.8,8.4A12,12,0,0,1,16.9,25.3Z" style="fill:#12924f" />
-    <text transform="translate(32.8 25.6)" style="font-size:25.818214416503906px;font-family:OpenSans-Bold, Open Sans;font-weight:700">
+    <text transform="translate(32.8 25.6)" style="font-size:25.818214416503906px;font-family:var(--font-sans);font-weight:700">
       <tspan fill="currentColor" x="4" y="0">Nuxt</tspan>
-      <tspan x="70.8" y="0" style="fill:#10aa50">Mongoose</tspan>
+      <tspan x="67.8" y="0" style="fill:#10aa50">Mongoose</tspan>
     </text>
   </svg>
 </template>
+
+<style>
+.NuxtMongooseLogo {
+  font-family: serif;
+}
+</style>
diff --git a/docs/content/0.index.md b/docs/content/0.index.md
index 15b555b..d71a381 100644
--- a/docs/content/0.index.md
+++ b/docs/content/0.index.md
@@ -19,7 +19,7 @@ secondary:
 ---
 
 #title
-Nuxt Mongoose
+Nuxt [Mongoose]{style="color: var(--color-primary-500)"}
 
 #description
 A Nuxt module for simplifying the use of [Mongoose](https://mongoosejs.com/) in your project.
@@ -33,4 +33,4 @@ A Nuxt module for simplifying the use of [Mongoose](https://mongoosejs.com/) in
   ::
 ::
 
-<!-- TODO: features -->
\ No newline at end of file
+<!-- TODO: features -->
diff --git a/docs/public/cover.jpg b/docs/public/cover.jpg
new file mode 100644
index 0000000..62d2417
Binary files /dev/null and b/docs/public/cover.jpg differ
diff --git a/docs/public/cover.png b/docs/public/cover.png
deleted file mode 100644
index c8b3473..0000000
Binary files a/docs/public/cover.png and /dev/null differ
diff --git a/docs/public/favicon.ico b/docs/public/favicon.ico
deleted file mode 100644
index dfe4163..0000000
Binary files a/docs/public/favicon.ico and /dev/null differ