1 files changed, 37 insertions, 0 deletions
diff --git a/components/ui/contacts/ContactsHero.vue b/components/ui/contacts/ContactsHero.vue
new file mode 100644
index 0000000..7167b5c
--- /dev/null
+++ b/components/ui/contacts/ContactsHero.vue
@@ -0,0 +1,37 @@
+<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">
+            contacts
+          </h3>
+
+          <p class="wow fadeInUp" data-wow-delay="1.2s">
+            <code>
+              n/a<br>
+            </code>
+
+            {{ description }}
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ContactsHero',
+  props: {
+    description: {
+      type: String,
+      default: () => {
+        return 'a few ways to get a hold of me'
+      }
+    }
+  }
+}
+</script>