docs: separate offer pages

docs/free-offer.md

@@ -0,0 +1,59 @@
+---
+title: Get free offer
+description: Get in touch.
+nype_config:
+  js:
+    contact_form: true
+    contact_form_free_subject: 'Fiori Role Testing: Get for free request'
+---
+# Free Offer Form
+
+!!! info
+    Read more about what is needed [to get Fiori Role Testing for free](get-for-free.md).
+
+Contact us on <span class="nype-code-button nype-show-email">`Show e-mail`</span> or fill out the form below.
+
+<div class="nype-form-wrapper">
+    <form class="nype-form" method="POST">
+        <label for="fullname">Full Name:</label>
+        <input 
+            class="md-input" 
+            id="fullname"
+            name="fullname"
+            placeholder="Input your name"
+            required
+            type="text"
+        >
+        <label for="companyname">Company Name:</label>
+        <input 
+            class="md-input" 
+            id="companyname"
+            name="companyname"
+            placeholder="Input your company name"
+            required
+            type="text"
+        >
+        <label for="email">E-mail:</label>
+        <input
+            autocomplete="email"
+            class="md-input"
+            id="email"
+            name="email"
+            placeholder="Input your e-mail"
+            required
+            type="email"
+        >
+        <label for="message">What can we do for you?:</label>
+        <textarea
+            class="md-input"
+            id="message"
+            name="message"
+            placeholder="Input your message"
+            required
+        ></textarea>
+        <button 
+            class="md-button md-button--primary"
+            type="submit"
+        >Submit</button>
+    </form>
+</div>

docs/get-for-free.md

@@ -8,5 +8,5 @@ Get our product for free by allowing us to feature your company name as a Fiori
 
 Limited slots available!
 
-[Get it for free](contact.md?free=true){ .md-button .md-button--primary }
+[Get it for free](free-offer.md){ .md-button .md-button--primary }
 

docs/index.md

@@ -12,9 +12,9 @@ Fiori Role Testing tracks role testing to ensure the team tests all applications
 
 ## Offer
 
-[Get an offer](contact.md){ .md-button .md-button--primary }
+[Get an offer](offer.md){ .md-button .md-button--primary }
 
-[Get it for free](contact.md?free=true){ .md-button .md-button--primary }
+[Get it for free](free-offer.md){ .md-button .md-button--primary }
 
 by allowing us to feature your company name as a Fiori Role Testing customer. 
 

docs/offer.md

@@ -0,0 +1,55 @@
+---
+title: Get offer
+description: Get in touch.
+nype_config:
+  js:
+    contact_form: true
+---
+# Offer Form
+
+Contact us on <span class="nype-code-button nype-show-email">`Show e-mail`</span> or fill out the form below.
+
+<div class="nype-form-wrapper">
+    <form class="nype-form" method="POST">
+        <label for="fullname">Full Name:</label>
+        <input 
+            class="md-input" 
+            id="fullname"
+            name="fullname"
+            placeholder="Input your name"
+            required
+            type="text"
+        >
+        <label for="companyname">Company Name:</label>
+        <input 
+            class="md-input" 
+            id="companyname"
+            name="companyname"
+            placeholder="Input your company name"
+            required
+            type="text"
+        >
+        <label for="email">E-mail:</label>
+        <input
+            autocomplete="email"
+            class="md-input"
+            id="email"
+            name="email"
+            placeholder="Input your e-mail"
+            required
+            type="email"
+        >
+        <label for="message">What can we do for you?:</label>
+        <textarea
+            class="md-input"
+            id="message"
+            name="message"
+            placeholder="Input your message"
+            required
+        ></textarea>
+        <button 
+            class="md-button md-button--primary"
+            type="submit"
+        >Submit</button>
+    </form>
+</div>