From 21d93a8bc6833527c3965f2c7b3e37f52b1155a8 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Fri, 19 Aug 2022 13:55:21 -0400
Subject: [PATCH] Add subscribe form to home page

---
 src/layouts/index.html | 76 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 76 insertions(+)

diff --git a/src/layouts/index.html b/src/layouts/index.html
index bff53a2..6659a30 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -18,6 +18,82 @@
           <a class="btn btn-primary mb-sm-5 mb-md-5 mb-5" id="whitepaper-btn" href="/white-paper/"
             role="button">Read Our White Paper</a>
         </div>
+
+        <hr>
+
+        <!-- Start email subscribe form -->
+        <div class="row p-0">
+          <div class="col p-0">
+            <h3 class="mb-4 display-6">Stay up to date with all the latest tea news</h3>
+          </div>
+        </div>
+
+        <div class="row p-0">
+          <div class="col-lg-12 p-0">
+              <div class="sendx-modal-TRDBBvXuDV3vy1t0U684MU">
+                <div class="sendx-modal-content-TRDBBvXuDV3vy1t0U684MU sendx-modal">
+                  <div class="sendx-modal-right-TRDBBvXuDV3vy1t0U684MU">
+                    <div class="sendx-modal-body-TRDBBvXuDV3vy1t0U684MU">
+                       <form class="sendx-submit-form-TRDBBvXuDV3vy1t0U684MU" method="post" action="https://app.sendx.io/api/v1/form/TRDBBvXuDV3vy1t0U684MU">
+                          <input id="SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU" type="Email" class="sendx-field-TRDBBvXuDV3vy1t0U684MU email-field mb-3" data-attr-type="0" name="Email" placeholder="Add your email_" required>
+                          <input type="submit" id="keep-email-btn" class="sendx-submit-TRDBBvXuDV3vy1t0U684MU sendx-button-TRDBBvXuDV3vy1t0U684MU btn-primary email-submit"  name="subscribe" value="Subscribe">
+                         </input>
+                       </form>
+                       <div class="sendx-close-text-TRDBBvXuDV3vy1t0U684MU">
+                       </div>
+                       <div style="display:flex; align-items:baseline;" class="sendx-gdpr-TRDBBvXuDV3vy1t0U684MU-wrapper">
+                         <input class="sendx-gdpr-TRDBBvXuDV3vy1t0U684MU" type="checkbox"></input><span class="sendx-gdpr-content-TRDBBvXuDV3vy1t0U684MU ms-2"><p>Opt in to receive updates from us </p></span>
+                       </div>
+                     </div>
+                  </div>
+                </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Styling for Subscibe form -->
+
+        <style>
+
+          #keep-btn-bottom:hover{
+            border: 2px solid #62CFBF !important;
+          }
+
+          @media only screen and (max-width: 576px) {
+
+            #SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU{
+              width:100%;
+            }
+
+            #keep-email-btn{
+              width:100%;
+              float:none;
+              margin-bottom:20px;
+            }
+
+            .whitepaper-btn-right{
+              width:100%;
+              margin-bottom: 10px;
+            }
+
+          }
+
+          @media only screen and (min-width: 576px) {
+
+            #SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU{
+              width:69%;
+            }
+
+            #keep-email-btn{
+              width:29%;
+              float:right;
+            }
+
+          }
+
+        </style>
+
+<!-- End styling for subscribe form -->
       </div>
       <div class="col-lg-6 col-sm-12">
         <div class="card ms-lg-5 ms-sm-0 mb-3" style="border-radius:15px; z-index:100;">