feat: add the motion icon

.docs/.vitepress/config.mts

@@ -8,7 +8,7 @@ export default defineConfig({
   description: 'A production-ready motion library for Vue3 and Nuxt3, built on the Web Animations API for the smallest filesize and the fastest performance. Powered by Motion One.',
   /* prettier-ignore */
   head: [
-    // ['link', { rel: 'icon', type: 'image/svg+xml', href: '/pergel-logo-mini.svg' }],
+    ['link', { rel: 'icon', type: 'image/svg+xml', href: '../assets/motion_logo.svg' }],
     // ['link', { rel: 'icon', type: 'image/png', href: '/pergel-logo-mini.png' }],
     // ['meta', { name: 'theme-color', content: '#5f67ee' }],
     ['meta', { property: 'og:type', content: 'website' }],
@@ -29,6 +29,7 @@ export default defineConfig({
   ],
 
   themeConfig: {
+    logo: '../assets/motion_logo.svg',
     // https://vitepress.dev/reference/default-theme-config
     nav: [
       { text: 'Get Started', link: '/started/introduction' },

.docs/.vitepress/theme/custom.css

@@ -0,0 +1,4 @@
+:root {
+  --vp-home-hero-image-background-image: linear-gradient(200deg, #1102D6 50%, #F5C348 50%) !important;
+  --vp-home-hero-image-filter: blur(60px) !important;
+}

.docs/.vitepress/theme/index.ts

@@ -1,4 +1,5 @@
 import './tailwind.postcss'
+import './custom.css'
 import DefaultTheme from 'vitepress/theme'
 
 export default {

.docs/index.md

@@ -14,7 +14,7 @@ hero:
       text: Explore Examples
       link: https://stackblitz.com/@YeSuX/collections/oku-motion-examples
   image:
-    src: assets/oku-motion_logo.jpg
+    src: assets/motion_logo.svg
     alt: Oku motion
 
 features:
@@ -31,18 +31,3 @@ features:
     title: Best in Dev
     details: Motion DevTools, a Chrome extension, allows for seamless inspection, editing, and exporting of animations created with Oku motion or CSS.
 ---
-
-<Logo></Logo>
-
-<script setup lang="ts">
-import Logo from './components/logo.vue'
-import { onMounted } from 'vue'
-import { Application } from '@splinetool/runtime'
-
-onMounted(()=>{
-  const logoComponent = document.getElementById('logo')
-  const logoContainer = document.getElementsByClassName('image-container')
-
-  logoContainer[0].replaceWith(logoComponent)
-})
-</script>

.docs/package.json

@@ -7,8 +7,7 @@
     "preview": "vitepress preview"
   },
   "dependencies": {
-    "@oku-ui/motion": "^0.3.4",
-    "@splinetool/runtime": "^1.0.63"
+    "@oku-ui/motion": "^0.3.4"
   },
   "devDependencies": {
     "@tailwindcss/postcss7-compat": "^2.2.17",
@@ -19,7 +18,7 @@
     "pathe": "^1.1.2",
     "postcss": "^8.4.35",
     "tailwindcss": "^3.4.1",
-    "typescript": "^5.4.2",
+    "typescript": "^5.4.3",
     "vitepress": "^1.0.0-rc.45",
     "vitepress-plugin-twoslash": "^0.10.2"
   }