diff --git a/frontend/app/components/Footer.vue b/frontend/app/components/Footer.vue
new file mode 100644
index 0000000..c6684e3
--- /dev/null
+++ b/frontend/app/components/Footer.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts"></script>
+
+<template>
+    <div>
+        Component: Footer
+    </div>
+</template>
+
+<style scoped></style>
diff --git a/frontend/app/components/NavBar.vue b/frontend/app/components/NavBar.vue
new file mode 100644
index 0000000..0978bac
--- /dev/null
+++ b/frontend/app/components/NavBar.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts"></script>
+
+<template>
+    <div>
+        Component: NavBar
+    </div>
+</template>
+
+<style scoped></style>
diff --git a/frontend/app/components/PageCard.vue b/frontend/app/components/PageCard.vue
new file mode 100644
index 0000000..2834e01
--- /dev/null
+++ b/frontend/app/components/PageCard.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts"></script>
+
+<template>
+    <div>
+        Component: PageCard
+    </div>
+</template>
+
+<style scoped></style>