diff --git a/docs/components/content/BlockHero.vue b/docs/components/content/BlockHero.vue
index e72efb7bd..fe46dab31 100644
--- a/docs/components/content/BlockHero.vue
+++ b/docs/components/content/BlockHero.vue
@@ -21,8 +21,8 @@ defineProps({
 
 <template>
   <section class="py-6 sm:py-12 lg:py-24 lg:pb-16">
-    <Container padded class="my-16 flex flex-col lg:flex-row">
-      <div class="mb-8 flex flex-col items-center pr-0 lg:mb-0 lg:w-2/3 lg:items-start lg:pr-12">
+    <Container padded class="my-16 flex flex-col items-center lg:flex-row">
+      <div class="mb-8 flex flex-col items-center justify-center pr-0 lg:mb-0 lg:w-2/3 lg:items-start lg:pr-12">
         <NuxtLink v-if="announcement" :to="announcement[1]" class="hover:bg-primary-200 text-primary-900 bg-primary-100 transition dark:bg-transparent hover:dark:bg-primary-900 dark:border-primary-700 dark:text-primary-100 border border-primary-400 mb-8 px-4 py-2 rounded-md flex gap-x-1 flex items-center justify-center">
           <Icon name="heroicons-solid:sparkles" class="h-4 w-4" />
           <span class="font-medium text-sm">{{ announcement[0] }}</span>
@@ -49,7 +49,7 @@ defineProps({
       </div>
 
       <div class="sm:w-580px mx-auto lg:w-1/3">
-        <VideoPlayer poster="/video-cover.jpeg" src="https://www.youtube.com/watch?v=o9e12WbKrd8" />
+        <VideoPlayer class="border-2 shadow-lg surface-border" poster="/video-cover.jpeg" src="https://www.youtube.com/watch?v=o9e12WbKrd8" />
       </div>
     </Container>
   </section>
diff --git a/docs/content/1.index.md b/docs/content/1.index.md
index e8273d626..0fecaecc7 100755
--- a/docs/content/1.index.md
+++ b/docs/content/1.index.md
@@ -26,10 +26,6 @@ Nuxt Content reads the `content/` directory in your project, parses `.md`, `.yml
 ::
 
 ::card-grid
-#root
-::ellipsis{.-z-[1]}
-::
-
 #title
 Powerful Features
 
@@ -79,6 +75,9 @@ Powerful Features
   description: Nuxt Content support both Static or Node server hosting.
   ---
   ::
+
+#root
+:ellipsis
 ::
 
 ::container{padded .py-8 .mb-8 .flex .items-center .justify-center}
diff --git a/docs/nuxt.config.ts b/docs/nuxt.config.ts
index 95b68abd5..98e83c7c7 100755
--- a/docs/nuxt.config.ts
+++ b/docs/nuxt.config.ts
@@ -45,7 +45,7 @@ export default defineNuxtConfig({
   generate: {
     routes: []
   },
-  modules: ['@nuxthq/admin', '@docus/github'],
+  modules: ['@nuxthq/admin', '@docus/github', 'vue-plausible'],
   alias,
   extends: [
     (process.env.DOCUS_THEME_PATH || './node_modules/@docus/docs-theme')
@@ -63,6 +63,9 @@ export default defineNuxtConfig({
       'process.env.FORCE_TERM': {}
     }
   },
+  plausible: {
+    domain: 'content.nuxtjs.org'
+  },
   tailwindcss: {
     config: {
       theme: {
diff --git a/docs/package.json b/docs/package.json
index 6dafa0379..163f0e79c 100755
--- a/docs/package.json
+++ b/docs/package.json
@@ -12,7 +12,8 @@
     "@docus/docs-theme": "npm:@docus/docs-theme-edge@latest",
     "@docus/github": "npm:@docus/github-edge@latest",
     "monaco-editor-core": "^0.33.0",
-    "nuxt": "^3.0.0-rc.3"
+    "nuxt": "^3.0.0-rc.3",
+    "vue-plausible": "^1.3.1"
   },
   "dependencies": {
     "@typescript/ata": "^0.9.3",