update landing page

- use global footer
- removed unused duplicate components

Author: nathakits

landing-page/.vitepress/config.mts

@@ -1,4 +1,4 @@
-import { fileURLToPath, URL } from 'node:url'
+import { fileURLToPath, URL } from "node:url";
 import { defineConfig } from "vitepress";
 
 const url = `https://docs-staging.pupil-labs.com/`;
@@ -26,11 +26,20 @@ const config_additions = {
         {
           find: /^.*\/VPNavBar\.vue$/,
           replacement: fileURLToPath(
-            new URL('./../../components/CustomNavBar.vue', import.meta.url)
-          )
-        }
-      ]
-    }
+            new URL(
+              "./../../components/header/CustomNavBar.vue",
+              import.meta.url
+            )
+          ),
+        },
+        {
+          find: "@components",
+          replacement: fileURLToPath(
+            new URL("./../../components", import.meta.url)
+          ),
+        },
+      ],
+    },
   },
 };
 

landing-page/.vitepress/theme/HomePage.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-  import ArrowIcon from "@theme/components/ArrowIcon.vue";
-  import Footer from "@theme/components/Footer.vue";
+  import ArrowIcon from "@components/ArrowIcon.vue";
+  import Footer from "@components/Footer.vue";
 
   import { useData } from "vitepress";
   const { frontmatter } = useData();

landing-page/.vitepress/theme/components/ArrowIcon.vue

@@ -18,10 +18,12 @@
     "allowJs": true,
     "paths": {
       "@/*": ["../*"],
+      "@components/*": ["../components/*"],
       "@theme/*": ["./.vitepress/theme/*"]
     }
   },
   "include": [
+    "../components/*.vue",
     "./.vitepress/**/*.vue",
     "./.vitepress/**/*.ts",
     "./.vitepress/**/*.mts",