diff --git a/pinry-spa/src/components/Pins.vue b/pinry-spa/src/components/Pins.vue
new file mode 100644
index 0000000..dc7a83c
--- /dev/null
+++ b/pinry-spa/src/components/Pins.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="pins">
+    <section class="section">
+      <div class="container">
+        hello world
+      </div>
+    </section>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'pins',
+};
+</script>
+
+<style scoped>
+
+</style>
diff --git a/pinry-spa/src/pages/Home.vue b/pinry-spa/src/pages/Home.vue
index e836794..e897745 100644
--- a/pinry-spa/src/pages/Home.vue
+++ b/pinry-spa/src/pages/Home.vue
@@ -1,20 +1,19 @@
 <template>
   <div class="hello">
     <PHeader></PHeader>
-    <section class="section">
-      <div class="container">
-      </div>
-    </section>
+    <Pins></Pins>
   </div>
 </template>
 
 <script>
 import PHeader from '../components/PHeader.vue';
+import Pins from '../components/Pins.vue';
 
 export default {
   name: 'p-header',
   components: {
     PHeader,
+    Pins,
   },
 };
 </script>