init: Initial Commit

services/frontend/src/App.vue

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import Header from './components/Header.vue'
+import Home from './components/Home.vue'
+import About from './components/About.vue'
+import Footer from './components/Footer.vue'
+
+const isHome = ref(true)
+const setHome = (value: boolean) => {
+    isHome.value = value
+}
+
+</script>
+
+<template>
+    <div class="min-h-screen w-full bg-slate-100 flex flex-col justify-between items-center p-16 gap-5 text-neutral-700">
+        <Header @setHome="setHome" />
+        <Home v-if="isHome" />
+        <About v-else />
+        <Footer />
+    </div>
+</template>