From addf4eb7ef28fb92500a697b5f969d2a13d24a6f Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Wed, 12 Apr 2017 12:08:37 +0200
Subject: [PATCH] prototype enterprise form

---
 _src/_assets/styles/_page-enterprise.scss |  5 ++
 _src/_includes/form-enterprise.html       | 87 +++++++++++++++++++++++
 _src/enterprise.html                      | 14 +++-
 3 files changed, 105 insertions(+), 1 deletion(-)
 create mode 100644 _src/_includes/form-enterprise.html

diff --git a/_src/_assets/styles/_page-enterprise.scss b/_src/_assets/styles/_page-enterprise.scss
index e1db684..6b7745f 100644
--- a/_src/_assets/styles/_page-enterprise.scss
+++ b/_src/_assets/styles/_page-enterprise.scss
@@ -33,3 +33,8 @@
         }
     }
 }
+
+.form--enterprise {
+    padding: $spacer ($spacer * 2);
+    background: $gray-dark;
+}
diff --git a/_src/_includes/form-enterprise.html b/_src/_includes/form-enterprise.html
new file mode 100644
index 0000000..7842dfd
--- /dev/null
+++ b/_src/_includes/form-enterprise.html
@@ -0,0 +1,87 @@
+
+<form id="form-enterprise" class="form form--enterprise js-parsley" action="" method="POST" accept-charset="UTF-8">
+
+    <div class="grid grid--full grid-small--half">
+
+        <p class="form-group grid__col">
+            <input class="form-control" type="text" id="name" name="name" required>
+            <label class="form-label" for="name">Name</label>
+        </p>
+        <p class="form-group grid__col">
+            <input class="form-control" type="text" id="company" name="company" required>
+            <label class="form-label" for="company">Company</label>
+        </p>
+        <p class="form-group grid__col">
+            <input class="form-control" type="email" id="email" name="_replyto" required>
+            <label class="form-label" for="email">Email</label>
+        </p>
+        <p class="form-group grid__col">
+            <input class="form-control" type="tel" id="phone" name="phone" required>
+            <label class="form-label" for="phone">Phone</label>
+        </p>
+        <p class="form-group grid__col">
+            <input class="form-control" type="text" id="country" name="country" required>
+            <label class="form-label" for="country">Country</label>
+        </p>
+        <p class="form-group grid__col">
+            <select class="form-control" id="industry" name="industry">
+                <option>Automotive</option>
+                <option>Banking</option>
+                <option>Consulting</option>
+                <option>Data</option>
+                <option>Energy</option>
+                <option>Government</option>
+                <option>Healthcare</option>
+                <option>Identity &amp; Security</option>
+                <option>Insurance</option>
+                <option>Information Technology</option>
+                <option>Logistics &amp; Shipping</option>
+                <option>Manufacturing</option>
+                <option>Media &amp; Content</option>
+                <option>Other</option>
+            </select>
+            <label class="form-label" for="industry">Industry</label>
+        </p>
+
+        <p class="form-group grid__col">
+            <select class="form-control" id="interest" name="interest">
+                <option>Education</option>
+                <option>Partnership</option>
+                <option>Proof-of-Concept / Prototype / Pilot</option>
+                <option>Implementation</option>
+                <option>BigchainDB Enterprise Subscription</option>
+            </select>
+            <label class="form-label" for="interest">Interested in</label>
+        </p>
+
+    </div>
+
+    <p class="form-group">
+        <textarea class="form-control" id="comment" name="comment" rows="4" required></textarea>
+        <label class="form-label" for="comment">Comments</label>
+    </p>
+    <p class="form-group">
+        <input class="btn btn-primary" type="submit" value="Send">
+    </p>
+
+    <div class="alert alert-success animation-slide-in-from-bottom hide">
+        <svg class="alert__icon icon icon-success">
+            <use xlink:href="/assets/img/sprite.svg#icon-success"></use>
+        </svg>
+        <p>
+            <strong class="alert__title">Great to hear you’re interested!</strong>
+            We’ll get in touch soon.
+        </p>
+    </div>
+    <div class="alert alert-danger hide">
+        <svg class="alert__icon icon icon-fail">
+            <use xlink:href="/assets/img/sprite.svg#icon-fail"></use>
+        </svg>
+        <p>
+            <strong class="alert__title">Ops, there was an error</strong>
+            Would you mind trying again?
+        </p>
+    </div>
+
+    <input type="hidden" name="_subject" value="New contact form submission" />
+</form>
diff --git a/_src/enterprise.html b/_src/enterprise.html
index 62dd639..9f4f414 100644
--- a/_src/enterprise.html
+++ b/_src/enterprise.html
@@ -27,7 +27,7 @@ js: page-enterprise.min.js
             <p class="section-description">Using BigchainDB in enterprises makes so much sense because this and that and this.</p>
         </header>
 
-        <div class="section-intro__main grid grid--full grid-small--fit grid--gutters">
+        <div class="section-intro__main grid grid--full grid-small--half grid--gutters">
             <div class="grid__col">
                 <h3>Speed up processes</h3>
                 <p>Unlock data from existing systems and share it.</p>
@@ -43,3 +43,15 @@ js: page-enterprise.min.js
         </div>
     </div>
 </section>
+
+<section class="section section--enterprisecontact">
+    <div class="row">
+        <header class="section-header">
+            <h1 class="section-title">Get in touch</h1>
+            <p class="section-description">La la la.</p>
+        </header>
+
+        {% include form-enterprise.html %}
+
+    </div>
+</section>