New 404 Page

.vitepress/config.mts

@@ -10,10 +10,11 @@ export default defineConfig({
     nav: [
       { text: 'Home', link: '/' },
       { text: 'Products', link: '/products' },
-      { text: 'Blog', link: '/blog' }
-
+      { text: 'Blog', link: '/blog' },
     ],
 
+    notFound: '/404',
+
     search: {
       provider: 'local'
     },

.vitepress/theme/404.vue

@@ -0,0 +1,108 @@
+<!-- .vitepress/theme/Custom404.vue -->
+<script setup>
+import { useData } from 'vitepress'
+
+const { site } = useData()
+</script>
+
+<template>
+  <div class="custom-404">
+    <div>
+      <img width="540" src="/img/404_z4xiwg.webp">
+    </div>
+
+    <h1>Womp Womp!</h1>
+    <p>You have reached the end of the internet!</p>
+    <p>Looks like you need to go outside and touch some grass :)</p>
+    <p>Until then, you can get back on track with the following links:</p>
+
+    <ul class="btns">
+      <li><a :href="site.base" class="button-34">Go to Homepage</a> </li>
+     <li> <a href="#" @click="$router.go(-1)" class="button-34"> Go Back</a></li>
+    </ul>
+  </div>
+</template>
+
+<style scoped>
+.custom-404 {
+  padding: 2rem;
+  text-align: center;
+}
+
+h1 {
+  font-size: 2.5rem;
+  margin-bottom: 1rem;
+}
+
+ul {
+  list-style-type: none;
+  padding: 0;
+}
+
+li {
+  margin: 0.5rem 0;
+}
+
+a {
+  color: var(--vp-c-brand);
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+img {
+  display: block;
+  margin: 0 auto;
+  padding: 20px 20px 50px 20px;
+}
+
+/* CSS */
+  .button-34 {
+  background: #5E5DF0;
+  border-radius: 999px;
+  box-shadow: #5E5DF0 0 10px 20px -10px;
+  box-sizing: border-box;
+  color: #FFFFFF;
+  cursor: pointer;
+  font-family: Inter,Helvetica,"Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Noto Color Emoji","Segoe UI Symbol","Android Emoji",EmojiSymbols,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",sans-serif;
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 24px;
+  opacity: 1;
+  outline: 0 solid transparent;
+  padding: 8px 18px;
+  user-select: none;
+  -webkit-user-select: none;
+  touch-action: manipulation;
+  width: fit-content;
+  word-break: break-word;
+  border: 0;
+  transition: ease-in-out 0.2s;
+  }
+
+  .btns {
+    display: flex;
+    flex-direction: row;
+    gap: 1rem;
+    list-style-type: none;
+    padding: 0;
+    margin: 1rem 0;
+    justify-content: center;
+    align-items: center;
+  }
+
+  a,
+  a:hover,
+  a:focus,
+  :hover {
+    text-decoration: none;
+  }
+
+  .button-34:hover {
+    background: #403ff9;
+    transition: ease-in-out 0.2s;
+  }
+
+</style>

.vitepress/theme/index.js

@@ -0,0 +1,13 @@
+// .vitepress/theme/index.js
+import { h } from 'vue'
+import DefaultTheme from 'vitepress/theme'
+import Custom404 from './404.vue'
+
+export default {
+    extends: DefaultTheme,
+    Layout() {
+        return h(DefaultTheme.Layout, null, {
+            'not-found': () => h(Custom404)
+        })
+    }
+}

index.md

@@ -59,13 +59,19 @@ const member = [
       { icon: 'linkedin', link: 'https://www.linkedin.com/in/ofir-hoffman-503518221/' }
     ]
   },
-  {
-    avatar: 'https://www.github.com/justnotro.png',
-    name: 'Eilon Hafzadi',
-    title: 'Contributor',
+{
+    avatar: 'https://www.github.com/ikfir.png',
+    name: 'Elay Sasy',
+    title: 'Senior UX/UI Designer',
     links: [
-      { icon: 'github', link: 'https://github.com/justnotro' },
-      { icon: 'discord', link: 'https://discord.com/users/333628700321120257' }
+      { icon: 'discord', link: 'https://discord.com/users/216930746340868096' },
+      { icon: 'linkedin', link: 'https://www.linkedin.com/in/kfir-botnik/' },
+      { 
+        icon: {
+        svg: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22 7h-7v-2h7v2zm1.726 10c-.442 1.297-2.029 3-5.101 3-3.074 0-5.564-1.729-5.564-5.675 0-3.91 2.325-5.92 5.466-5.92 3.082 0 4.964 1.782 5.375 4.426.078.506.109 1.188.095 2.14h-8.027c.13 3.211 3.483 3.312 4.588 2.029h3.168zm-7.686-4h4.965c-.105-1.547-1.136-2.219-2.477-2.219-1.466 0-2.277.768-2.488 2.219zm-9.574 6.988h-6.466v-14.967h6.953c5.476.081 5.58 5.444 2.72 6.906 3.461 1.26 3.577 8.061-3.207 8.061zm-3.466-8.988h3.584c2.508 0 2.906-3-.312-3h-3.272v3zm3.391 3h-3.391v3.016h3.341c3.055 0 2.868-3.016.05-3.016z"/></svg>'
+    }, 
+        link: 'mailto:[email protected]' 
+      }
     ]
   },
   {
@@ -78,6 +84,15 @@ const member = [
       { icon: 'linkedin', link: 'https://www.linkedin.com/in/idan-k/' }
     ]
   },
+  {
+    avatar: 'https://www.github.com/justnotro.png',
+    name: 'Eilon Hafzadi',
+    title: 'Contributor',
+    links: [
+      { icon: 'github', link: 'https://github.com/justnotro' },
+      { icon: 'discord', link: 'https://discord.com/users/333628700321120257' }
+    ]
+  },
   {
     avatar: 'https://www.github.com/ikfir.png',
     name: 'Kfir Botnik',
@@ -92,7 +107,6 @@ const member = [
         }, 
         link: 'mailto:[email protected]' 
       }
-
     ]
   }
 ]
@@ -103,6 +117,7 @@ const member = [
 
 .VPTeamMembers > div {
     grid-template-columns: repeat(auto-fit, minmax(204px, 1fr)) !important;
+
 }
 
 .image-bg > img {