feat: Implement initial VitePress documentation site with multi-language navigation and Open Graph metadata.

docs/.vitepress/config.mts

@@ -8,11 +8,35 @@ export default defineConfig({
   lang: 'en-US',
   cleanUrls: true,
   lastUpdated: true,
+  sitemap: {
+    hostname: 'https://docs.mivo.dyzulk.com'
+  },
   
   head: [
-    ['link', { rel: 'icon', href: '/logo-m.svg' }]
+    ['link', { rel: 'icon', href: '/logo-m.svg' }],
+    ['meta', { name: 'theme-color', content: '#0ea5e9' }],
+    ['meta', { property: 'og:type', content: 'website' }],
+    ['meta', { property: 'og:site_name', content: 'MIVO' }],
+    ['meta', { property: 'og:image', content: 'https://docs.mivo.dyzulk.com/og-image.png' }],
+    ['meta', { name: 'twitter:card', content: 'summary_large_image' }],
+    ['meta', { name: 'twitter:image', content: 'https://docs.mivo.dyzulk.com/og-image.png' }],
+    ['meta', { name: 'twitter:site', content: '@dyzulkdev' }]
   ],
 
+  transformHead: ({ pageData }) => {
+    const title = pageData.title ? `${pageData.title} | MIVO` : 'MIVO'
+    const description = pageData.description || "Modern Mikrotik Voucher Management System"
+    const url = `https://docs.mivo.dyzulk.com/${pageData.relativePath.replace(/((^|\/)index)?\.md$/, '$2')}`
+
+    return [
+      ['meta', { property: 'og:title', content: title }],
+      ['meta', { property: 'og:description', content: description }],
+      ['meta', { property: 'og:url', content: url }],
+      ['meta', { name: 'twitter:title', content: title }],
+      ['meta', { name: 'twitter:description', content: description }],
+    ]
+  },
+
   // Shared theme config
   themeConfig: {
     logo: { 
@@ -27,7 +51,7 @@ export default defineConfig({
 
     footer: {
       message: 'Released under the MIT License.',
-      copyright: 'Copyright © 2026 DyzulkDev'
+      copyright: `Copyright © 2026${new Date().getFullYear() > 2026 ? ' - ' + new Date().getFullYear() : ''} DyzulkDev`
     },
 
     search: {