diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts
index 240e3c2..52b4869 100644
--- a/docs/.vitepress/config.mts
+++ b/docs/.vitepress/config.mts
@@ -6,6 +6,25 @@ export default defineConfig({
   description: "🚀 Your git AI copilot",
   head: [
     ['link', { rel: 'icon', href: '/gcop-logo.ico' }],
+    [
+      'script',
+      {
+        defer: 'true',
+        'data-website-id': '77d0dd59-9095-463b-a317-b49b373af92d',
+        src: 'https://umami.zeeland.top/script.js'
+      }
+    ],
+    ['meta', { property: 'description', content: 'GCOP is an intelligent assistant designed to enhance your Git workflow by automating commit message generation using AI.' }],
+    ['meta', { property: 'keywords', content: 'gcop, git, git copilot, LLM' }],
+    ['meta', { property: 'og:site_name', content: 'GCOP' }],
+    ['meta', { property: 'og:url', content: 'https://gcop.zeeland.top' }],
+    ['meta', { property: 'og:title', content: 'GCOP' }],
+    ['meta', { property: 'og:description', content: 'GCOP is an intelligent assistant designed to enhance your Git workflow by automating commit message generation using AI.' }],
+    ['meta', { property: 'og:image', content: 'https://r2.zeeland.top/images/2024/10/b03949e6bc43d71b7ddab3d70515eee0.png' }],
+    ['meta', { property: 'twitter:card', content: 'summary_large_image' }],
+    ['meta', { property: 'twitter:image', content: 'https://r2.zeeland.top/images/2024/10/b03949e6bc43d71b7ddab3d70515eee0.png' }],
+    ['meta', { property: 'twitter:title', content: 'GCOP' }],
+    ['meta', { property: 'twitter:description', content: 'GCOP is an intelligent assistant designed to enhance your Git workflow by automating commit message generation using AI.' }],
   ],
   themeConfig: {
     // https://vitepress.dev/reference/default-theme-config
diff --git a/docs/.vitepress/theme/style.css b/docs/.vitepress/theme/style.css
index 1945088..a3905a9 100644
--- a/docs/.vitepress/theme/style.css
+++ b/docs/.vitepress/theme/style.css
@@ -47,7 +47,7 @@
 @tailwind components;
 @tailwind utilities;
 
- :root {
+:root {
   --vp-c-bg: #f0efea;
   --vp-c-bg-alt: #fafaf8;
   --vp-c-bg-elv: #ffffff;
@@ -61,14 +61,14 @@
   --vp-c-bg-soft: #383735;
 }
 
- :root {
+:root {
   --vp-c-default-1: var(--vp-c-gray-1);
   --vp-c-default-2: var(--vp-c-gray-2);
   --vp-c-default-3: var(--vp-c-gray-3);
   --vp-c-default-soft: var(--vp-c-gray-soft);
 
   --vp-c-brand-1: #d77a59;
-  --vp-c-brand-2: #dfa691 ;
+  --vp-c-brand-2: #dfa691;
   --vp-c-brand-3: #b15f3b;
   --vp-c-brand-soft: #8b4424;
 
@@ -157,10 +157,22 @@
 
 .VPFeature * {
   transition: transform 0.25s ease;
- }
- 
- .VPFeature:hover * {
+}
+
+.grid-3 {
+  margin-top: 100px;
+}
+
+.VPHome {
+  margin-top: 100px;
+}
+
+.VPFeature {
+  padding: 10px;
+}
+
+.VPFeature:hover * {
   color: var(--vp-c-text-1);
   transform: scale(1.01);
   border-color: var(--vp-c-brand-1);
- }
\ No newline at end of file
+}