diff --git a/src/pages/Introduction.vue b/src/pages/Introduction.vue
index c616e41..bbaa22b 100644
--- a/src/pages/Introduction.vue
+++ b/src/pages/Introduction.vue
@@ -1,12 +1,48 @@
 <template>
-  <component-debug :component="this" />
+  <b-overlay
+    class="intro"
+    :show="page === undefined"
+    z-index="0"
+  >
+    <page-view v-if="page" :page="page" slug="intro" />
+  </b-overlay>
 </template>
 
 <script>
+import { PageView } from '@/components/layouts'
+
+
 export default {
-  name: 'Introduction'
+  name: 'Introduction',
+
+  components: {
+    PageView
+  },
+
+  data () {
+    return {
+      page: undefined
+    }
+  },
+
+  async created () {
+    this.page = await this.$store.dispatch('QUERY_PAGE', 'intro')
+  }
 }
 </script>
 
 <style lang="scss" scoped>
+.intro {
+  min-height: 100%;
+  min-width: 100%;
+
+  .page-intro {
+    font-family: $font-family-text;
+    font-size: 3rem;
+
+    @include media-breakpoint-up($size-bp) {
+      font-size: 5rem;
+    }
+  }
+}
 </style>