From 57a271ba8ec5d15a317a992f0115bc5295bea7ac Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Thu, 3 Nov 2022 16:36:15 -0400
Subject: [PATCH] Add subscription confirmed page

---
 src/content/subscribed.md        |  5 +++++
 src/layouts/page/products.html   |  2 +-
 src/layouts/page/subscribed.html | 38 ++++++++++++++++++++++++++++++++
 src/static/css/products.css      |  5 +++--
 4 files changed, 47 insertions(+), 3 deletions(-)
 create mode 100644 src/content/subscribed.md
 create mode 100644 src/layouts/page/subscribed.html

diff --git a/src/content/subscribed.md b/src/content/subscribed.md
new file mode 100644
index 0000000..4410d19
--- /dev/null
+++ b/src/content/subscribed.md
@@ -0,0 +1,5 @@
+---
+title: "Subscription Confirmed"
+Description: "You've successfully subscribed to our newsletter"
+layout: "subscribed"
+---
diff --git a/src/layouts/page/products.html b/src/layouts/page/products.html
index 9ecc14b..f4866a0 100644
--- a/src/layouts/page/products.html
+++ b/src/layouts/page/products.html
@@ -91,7 +91,7 @@
 
   <div class="container">
     <div class="row">
-      <div class="col" style="position:relative; z-index:4;">
+      <div class="col products-hero-col" style="position:relative; z-index:4;">
         <h1 style="margin-bottom: 0px !important;">Products</h1>
         <div class="lead-text-container animated-25 animatedFadeInUp fadeInUp black-bg p-4">
           <p class="lead" style="margin-bottom: 0px">Just like the perfect cup of tea, greatness takes time to steep. But the wait is over… it’s time to take your first sip.</p>
diff --git a/src/layouts/page/subscribed.html b/src/layouts/page/subscribed.html
new file mode 100644
index 0000000..129d6ab
--- /dev/null
+++ b/src/layouts/page/subscribed.html
@@ -0,0 +1,38 @@
+{{ define "main" }}
+
+<section>
+  <div class="container">
+    <div class="row">
+      <div class="col">
+        <div class="subscription-content">
+          <div>
+            <h1 class="display-1 text-center">Subscription Confirmed</h1>
+            <p class="text-center one-box-down">You&#39;ve successfully subscribed to our newletter. Don&#39;t worry, we won&#39;t blow up your inbox. Here at tea, we take a pretty minimal approach to emails. If there's something that you absolutely need to know, we&#39;ll reach out. In the meantime, be sure to <a href="https://discord.gg/KCZsXfJphn">join our Discord!</a></p>
+            <a href="/">
+              <button id="back-home" class="detail-btn-large"><i class="icon-enter-arrow"></i>VIEW ALL DETAILS</button>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<style>
+
+  .subscription-content{
+    position: relative;
+    height: 80vh;
+    display: flex;
+    align-items: center;
+  }
+
+  #back-home{
+    display: block;
+    margin-left:auto;
+    margin-right:auto;
+  }
+
+</style>
+
+{{ end }}
diff --git a/src/static/css/products.css b/src/static/css/products.css
index b8d2dd2..ee5a044 100644
--- a/src/static/css/products.css
+++ b/src/static/css/products.css
@@ -96,9 +96,10 @@
 
 @media only screen and (max-width: 576px) {
 
-  h1{
+  /* h1{
     font-size: 15vw !important;
-  }
+  } */
+
 
   .tea-cli-container{
     padding: 7vw !important;