diff --git a/pages/contact/_expectations.html b/pages/contact/_expectations.html
new file mode 100644
index 000000000..36255e771
--- /dev/null
+++ b/pages/contact/_expectations.html
@@ -0,0 +1,12 @@
+<div class="card h-100">
+  <div class="card-body">
+    <h5 class="card-title">During your live demo we will:</h5>
+    <ul class="card-text list-group-flush list-unstyled">
+      <li class="list-group-item">1. Discuss your specific use case and requirements.</li>
+      <li class="list-group-item">2. Walk you through the Gruntwork platform tailored to your needs.</li>
+      <li class="list-group-item">3. Offer additional training and DevOps support.</li>
+      <li class="list-group-item">4. Discover game-changing solutions to your most pressing challenges.</li>
+    </ul>
+  </div>
+</div>
+
diff --git a/pages/contact/_form.html b/pages/contact/_form.html
index 0d2dd29f8..0a5e95600 100644
--- a/pages/contact/_form.html
+++ b/pages/contact/_form.html
@@ -1,4 +1,16 @@
 <div id="error-message"></div>
+<style>
+  .form-control {
+    background-color: #333;
+    border-color: #555;
+    color: #fff;
+  }
+
+  #submit-button {
+    background-color: #007bff;
+    border-color: #007bff;
+  }
+</style>
 <form
   id="contact-form"
   method="post"
@@ -15,44 +27,35 @@
   <input type="hidden" name="_next" id="_next" value="{{ site.url }}/thanks/" />
   <input type="hidden" name="hello_gruntwork" value=""/>
   <input type="text" name="_gotcha" style="display:none" />
+
   {% include_relative _input-text.html id="contact-name" label="Name"
-  required=true placeholder="Jon Doe" %} {% include_relative _input-text.html
+  required=true placeholder="Jon Doe" %}
+
+  {% include_relative _input-text.html
   id="contact-email" label="Email" required=true placeholder="jon@acme.com"
   type="email" %}
+
   <div class="form-group">
-    <div class="row">
-      <div class="col-xs-12 col-md-4">
-        <label for="contact-message">How can we help?</label>
-      </div>
-      <div class="col-xs-12 col-md-8">
-        <textarea
-          id="contact-message"
-          name="contact-message"
-          class="form-control"
-          rows="3"
-          required="required"
-          placeholder="Enter a message"
-        ></textarea>
-      </div>
-    </div>
+    <label for="contact-message">How can we help?</label>
+    <textarea
+      id="contact-message"
+      name="contact-message"
+      class="form-control"
+      rows="5"
+      required="required"
+      placeholder="Enter a message"
+    ></textarea>
   </div>
+
 <div class="form-group">
-    <div class="row">
-      <div class="col-xs-12 col-md-4">
-        <label for="contact-message"></label>
-      </div>
-      <div class="col-xs-12 col-md-8">
-        <div class="text-center" style="text-align:right;display: block;">
+  <div class="text-center">
     <br>
-    <button type="submit" id="submit-button" class="col-xs-8 btn btn-primary" ga-on="click" ga-event-category="contact" ga-event-action="submit" style="
-">
+    <button type="submit" id="submit-button" class="btn btn-primary" ga-on="click" ga-event-category="contact" ga-event-action="submit" style="width: 100%;">
       Book a Demo
     </button>
   </div>
-      </div>
-    </div>
-  </div>
-</form>
-
+</div>
+<!-- ... other code ... -->
 
+</form>
 
diff --git a/pages/contact/_hero.html b/pages/contact/_hero.html
index ee2ffe4a4..aee99fd9d 100644
--- a/pages/contact/_hero.html
+++ b/pages/contact/_hero.html
@@ -1,7 +1,12 @@
 <div class="container">
   <div class="row">
-    <div class="col-xs-12 text-center">
-      <h1>Book a Gruntwork Demo</h1>
+    <div class="col-xs-12">
+      <p class="lead">
+      <h1>Discover Gruntwork</h1>
+      </p>
+      <p class="lead"> Unlock Success in the Cloud: Save Time, Money, and Effort with Gruntwork
+      </p>
     </div>
   </div>
 </div>
+
diff --git a/pages/contact/_input-text.html b/pages/contact/_input-text.html
index 09aef2739..6ed234c86 100644
--- a/pages/contact/_input-text.html
+++ b/pages/contact/_input-text.html
@@ -1,10 +1,12 @@
 <div class="form-group">
-  <div class="row">
-    <div class="col-xs-12 col-md-4">
-      <label for="{{ include.id }}">{{ include.label }}</label>
-    </div>
-    <div class="col-xs-12 col-md-8">
-      <input id="{{ include.id }}" name="{{ include.id }}" type="{% if include.type %}{{ include.type }}{% else %}text{% endif %}" class="form-control" placeholder="{{ include.placeholder }}"{% if include.required %} required="required"{% endif %}>
-    </div>
-  </div>
+  <label for="{{ include.id }}" class="form-label">{{ include.label }}</label>
+  <input
+    id="{{ include.id }}"
+    name="{{ include.id }}"
+    type="{% if include.type %}{{ include.type }}{% else %}text{% endif %}"
+    class="form-control"
+    placeholder="{{ include.placeholder }}"
+    {% if include.required %} required="required"{% endif %}
+  />
 </div>
+
diff --git a/pages/contact/_success-stories.html b/pages/contact/_success-stories.html
new file mode 100644
index 000000000..13acfe301
--- /dev/null
+++ b/pages/contact/_success-stories.html
@@ -0,0 +1,11 @@
+  <div class="card-body">
+    <h5 class="card-title">Our customers have experienced:</h5>
+    <ul class="card-text list-group-flush list-unstyled">
+      <li class="list-group-item">• Up to 90% reduction in time spent on infrastructure management.</li>
+      <li class="list-group-item">• 50% or more cost savings on cloud resources.</li>
+      <li class="list-group-item">• Faster time-to-market for their applications.</li>
+      <li class="list-group-item">• Increased reliability and security in their cloud environments.</li>
+    </ul>
+  </div>
+</div>
+
diff --git a/pages/contact/index.html b/pages/contact/index.html
index 29d5dac2d..af7cce423 100644
--- a/pages/contact/index.html
+++ b/pages/contact/index.html
@@ -9,16 +9,23 @@
 ---
 
 <div class="main">
-  <div class="section section-hero">
+  <div class="section section-hero section-hero-with-button">
     {% include_relative _hero.html %}
   </div>
   <div class="section section-dark">
     <div class="container">
-      <div class="row row-form">
-        <div class="col-xs-12 col-md-8 col-md-offset-2">
+      <div class="row">
+        <div class="col-md-3">
+          {% include_relative _expectations.html %}
+        </div>
+        <div class="col-md-6">
           {% include_relative _form.html %}
         </div>
+        <div class="col-md-3">
+          {% include_relative _success-stories.html %}
+        </div>
       </div>
     </div>
   </div>
 </div>
+