diff --git a/client/src/App.vue b/client/src/App.vue
index 2da6827..2579ba5 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -2,7 +2,8 @@
   <div id="app">
     <div id="nav">
       <router-link to="/">Home</router-link> |
-      <router-link to="/posts">Posts</router-link>
+      <router-link to="/posts">Posts</router-link> |
+      <router-link to="/qa">QA</router-link>
     </div>
     <router-view />
   </div>
diff --git a/client/src/router/index.js b/client/src/router/index.js
index ab8ee60..a83440c 100644
--- a/client/src/router/index.js
+++ b/client/src/router/index.js
@@ -2,6 +2,7 @@ import Vue from 'vue'
 import VueRouter from 'vue-router'
 import Home from '../views/Home.vue'
 import Posts from '../views/Posts.vue'
+import QAPage from '../views/QAPage'
 
 Vue.use(VueRouter)
 
@@ -16,6 +17,11 @@ const routes = [
     name: "Posts",
     component: Posts,
   },
+  {
+    path: "/qa",
+    name: "QA",
+    component: QAPage
+  },
 ]
 
 const router = new VueRouter({
diff --git a/client/src/views/QAPage.vue b/client/src/views/QAPage.vue
new file mode 100644
index 0000000..685ef77
--- /dev/null
+++ b/client/src/views/QAPage.vue
@@ -0,0 +1,25 @@
+<template>
+  <div id="QAPage">
+    <QA 
+    q="What is this site about? "
+    a="This site is about me and the stuff I make "
+    ></QA>
+
+    <QA
+    q="Why is it still so empty?"
+    a="Because I am framework hopping "
+    ></QA>
+  </div>
+
+</template>
+
+<script>
+import QA from '@/components/QA'
+
+export default {
+  name: "QAPAge",
+  components: { QA }
+}
+</script>
+
+<style scoped></style>
\ No newline at end of file