diff --git a/packages/docs/app.config.ts b/packages/docs/app.config.ts
index 1781f1a..f295d21 100644
--- a/packages/docs/app.config.ts
+++ b/packages/docs/app.config.ts
@@ -1,16 +1,12 @@
 export default defineAppConfig({
   docus: {
-    title: 'Docus',
+    title: 'Umbra',
     description: 'The best place to start your documentation.',
-    image: 'https://user-images.githubusercontent.com/904724/185365452-87b7ca7b-6030-4813-a2db-5e65c785bf88.png',
+    image:
+      'https://user-images.githubusercontent.com/904724/185365452-87b7ca7b-6030-4813-a2db-5e65c785bf88.png',
     socials: {
       twitter: 'nuxt_js',
-      github: 'nuxt-themes/docus',
-      nuxt: {
-        label: 'Nuxt',
-        icon: 'simple-icons:nuxtdotjs',
-        href: 'https://nuxt.com'
-      }
+      github: 'nuxt-themes/docus'
     },
     github: {
       dir: '.starters/default/content',
@@ -29,7 +25,7 @@ export default defineAppConfig({
       fluid: true
     },
     header: {
-      logo: true,
+      logo: false,
       showLinkIcon: true,
       exclude: [],
       fluid: true
diff --git a/packages/docs/components/content/Hero.vue b/packages/docs/components/content/Hero.vue
new file mode 100644
index 0000000..50e224a
--- /dev/null
+++ b/packages/docs/components/content/Hero.vue
@@ -0,0 +1,10 @@
+<script lang="ts" setup></script>
+
+<template>
+  <div>
+    <ProseH1>Umbra</ProseH1>
+    <ProseP> Umbra is a design system for building modern websites and applications. </ProseP>
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/packages/docs/content/0.index.md b/packages/docs/content/0.index.md
index a51c70e..f1fbe87 100644
--- a/packages/docs/content/0.index.md
+++ b/packages/docs/content/0.index.md
@@ -8,44 +8,8 @@ main:
 
 :ellipsis{right=0px width=75% blur=150px}
 
-::block-hero
+::Hero
 
----
-cta:
-  - Get started
-  - /introduction/getting-started
-secondary:
-  - Open on GitHub →
-  - https://github.com/nuxt-themes/docus
----
-
-#title
-The best place to start your documentation.
-
-#description
-Write pages in [Markdown](https://content.nuxtjs.org), use [Vue](https://vuejs.org) components and enjoy the power of [Nuxt](https://nuxt.com).
-
-#extra
-  ::list
-  - **+50 Components** ready to build rich pages
-  - **Docs** and **Page** layouts
-  - Start from a `README`, scale to a framework documentation
-  - Navigation and Table of Contents generation
-  - Fully configurable design system
-  - Leverages [**Typography**](https://typography.nuxt.space/) and [**Elements**](https://elements.nuxt.dev)
-  - Used on [Content Documentation](https://content.nuxtjs.org)
-  ::
-
-#support
-  ::terminal
-  ---
-  content:
-  - npx nuxi@latest init -t themes/docus
-  - cd docs
-  - npm install
-  - npm run dev
-  ---
-  ::
 ::
 
 ::card-grid
diff --git a/packages/docs/content/1.introduction/4.configuration.md b/packages/docs/content/1.introduction/4.configuration.md
index d7d8e1a..9af229b 100644
--- a/packages/docs/content/1.introduction/4.configuration.md
+++ b/packages/docs/content/1.introduction/4.configuration.md
@@ -7,7 +7,7 @@ Learn how to configure Docus.
 ```ts [Minimal app.config.ts]
 export default defineAppConfig({
   docus: {
-    title: 'Docus',
+    title: 'Umbra',
     description: 'My Docus Project',
     url: 'http://docus.dev'
   }
@@ -43,7 +43,7 @@ export default defineAppConfig({
     footer: {
       credits: {
         icon: 'IconDocus',
-        text: 'Powered by Docus',
+        text: 'Created by Samuel M. Bednarz',
         href: 'https://docus.dev',
       },
       textLinks: [