1 files changed, 41 insertions, 0 deletions
diff --git a/components/ui/interests/InterestsHero.vue b/components/ui/interests/InterestsHero.vue
new file mode 100644
index 0000000..36af78a
--- /dev/null
+++ b/components/ui/interests/InterestsHero.vue
@@ -0,0 +1,41 @@
+<template>
+  <div class="container">
+    <div class="hero-content">
+      <br><br><br><br>
+
+      <div class="row">
+        <div class="col-lg-8">
+          <h3 class="wow fadeInUp" data-wow-delay="1s">
+            interests
+          </h3>
+
+          <p class="wow fadeInUp" data-wow-delay="1.2s">
+            <code>
+              handle <- openFile "interest_description.txt" ReadMode <br>
+              contents <- hGetContents handle <br>
+              putStr contents <br>
+              hClose handle <br>
+            </code>
+
+            {{ description }}
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'InterestsHero',
+  props: {
+    description: {
+      type: String,
+      default: () => {
+        return 'just a few things that i think are pretty cool and am ' +
+          'considering picking up sometime in the future.'
+      }
+    }
+  }
+}
+</script>