Different subscribe form

src/layouts/index.html

@@ -273,9 +273,6 @@
             <p class="lead black text-center">And through that packaging infrastructure, we have plans of leveraging blockchain to help remunerate devs for their contributions to OSS. But first and foremost, we're a packaging tool that empowers devs to do what they do best, in the most equitable way possible.</p>
           </div>
       </div>
-      <div class="col">
-        <img src="/Images/horizon-illustration.png" alt="Over the horizon">  
-      </div>
     </div>
     <div class="row one-box-up">
       <div class="col">
@@ -849,11 +846,14 @@
 <section>
   <div class="container p-0">
     <div class="row">
-      <div class="col-7">
+      <div class="col-xl-7 col-lg-7 col-md-6 col-sm-12 col-12 my-auto">
         <h2 class="display-5">A mission to fix open-source development</h2>
         <p class="lead">tea is an actual legitimate use-case for blockchain. We're not crypto bros, just devs seeing the opportunity to solve a big problem.</p>
         <p>Hear us out before you drag us through the coals on Twitter! We want to fix one of web2's biggest problems: hardworking developers <i>not</i> getting compensated for their contributions to web3. By leveraging blockchain technology we can keep track who creates & maintains what, remunerate them for their efforts with tea token, and keep FANG corporations from building empires atop unpaid labor.</p>
       </div>
+      <div class="col-xl-5 col-lg-5 col-md-6 col-sm-12 col-12">
+        <img src="/Images/horizon-illustration.png" alt="Over the horizon" style="border-radius:10px;">
+      </div>
     </div>
   </div>
 </section>

src/layouts/partials/footer-content.html

@@ -34,13 +34,7 @@
       </div>
       <div class="col-xl-4 col-lg-6 col-md-12 col-sm-12 col-12 mt-5 ps-3" style="margin-left:auto;">
         <h6 class="white mb-3 mt-2">Enter your email to join our newsletter:</h6>
-        <form class="mb-2" id="subscribeForm">
+          <div class="klaviyo-form-WXJy3Y mb-2"></div>
-          <div class="form-container p-1 flex">
-            <input class="email p-3" placeholder="Enter your email" type="email" id="email" required>
-            <button class="ms-2 email email-send hbtn hb-fill-right" style="width:100%;" id="subscribe-submit-btn" type="submit"><i class="icon-telegram"></i></button>
-          </div>
-        </form>
-        <div id="formResponse"></div>
         <p class="small grid-gray">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
       </div>
     </div>
@@ -52,6 +46,15 @@
   </div>
 </section>
 
+<style>
+
+  .kl-private-reset-css-Xuajs1{
+    backgrond-color: #1a1a1a !important;
+  }
+
+</style>
+
+
 <script>
 
   const copyrightDate = new Date().getFullYear();

src/layouts/partials/mobile-ctas.html

@@ -12,12 +12,7 @@
 <div class="mb-4 subscribe-collapse">
   <div class="col">
     <p class="text-center small grid-gray">Enter your email to join our newsletter:</p>
-    <form id="subscribeForm">
+      <div class="klaviyo-form-WXJy3Y"></div>
-      <div class="form-container p-1 flex">
-        <input class="email p-3" placeholder="Enter your email" type="email" id="email" required>
-        <button class="ms-2 email email-send hbtn hb-fill-right" style="width:100%;" id="subscribe-submit-btn" type="submit"><i class="icon-telegram"></i></button>
-      </div>
-    </form>
     <div id="formResponse"></div>
   </div>
 </div>