From 639ee2d90b42bfc109dfe48c830a8c3e81deaacb Mon Sep 17 00:00:00 2001
From: SaeidR <saeid.r@santiment.net>
Date: Fri, 16 Dec 2022 06:39:23 -0500
Subject: [PATCH] sanr-introduction marketing email added

---
 src/assets/scss/template/_elements.scss    | 18 ++++++
 src/assets/scss/template/_text.scss        |  4 ++
 src/pages/marketing/sanr-introduction.html | 70 ++++++++++++++++++++++
 3 files changed, 92 insertions(+)
 create mode 100644 src/pages/marketing/sanr-introduction.html

diff --git a/src/assets/scss/template/_elements.scss b/src/assets/scss/template/_elements.scss
index 40567e6..b605140 100644
--- a/src/assets/scss/template/_elements.scss
+++ b/src/assets/scss/template/_elements.scss
@@ -58,6 +58,18 @@
   margin-bottom: 20px;
 }
 
+.mb-40 {
+  margin-bottom: 40px;
+}
+
+.mb-48 {
+  margin-bottom: 48px;
+}
+
+.mb-12 {
+  margin-bottom: 12px;
+}
+
 .header .header-logo {
   width: 128px !important;
   height: 24px !important;
@@ -66,4 +78,10 @@
 
 .d-block {
   display: block;
+}
+
+.greenbox {
+  padding: 20px 24px;
+  background: #EDF8F5;
+  border-radius: 6px;
 }
\ No newline at end of file
diff --git a/src/assets/scss/template/_text.scss b/src/assets/scss/template/_text.scss
index 5d4a183..9df28b0 100644
--- a/src/assets/scss/template/_text.scss
+++ b/src/assets/scss/template/_text.scss
@@ -75,6 +75,10 @@
   font-weight: 500;
 }
 
+.font-bolder {
+  font-weight: 550;
+}
+
 .font-24 {
   font-size: 24px;
 }
diff --git a/src/pages/marketing/sanr-introduction.html b/src/pages/marketing/sanr-introduction.html
new file mode 100644
index 0000000..11bcf7a
--- /dev/null
+++ b/src/pages/marketing/sanr-introduction.html
@@ -0,0 +1,70 @@
+---
+layout: mail-layout
+subject: Welcome to Sanbase
+image-url: https://api.santiment.net/images/emails/
+---
+
+<container class="radius san-token">
+    <row class="collapse">
+        <columns small="12">
+            <img src="{{image-url}}sanrmask.png" alt="sanr mask" class="san-token-promo" />
+            <h2 class="h2 mb-24 c-rhino">Hello [[data:firstname:"SanFam!"]]</h2>
+            <p class="c-rhino mb-40">
+                We would like to introduce <b>SanR - Santiment’s new game for traders</b>, where you can practice your
+                trading decisions and earn SAN tokens and NFTs. You can also see what other participants are doing and
+                get interesting trading ideas.
+            </p>
+            <h4 class="h4 font-bolder">Here are a few benefits of joining SanR: 👇🏻</h4>
+            <div class="san-benefits">
+                <div class="benefit">
+                    <div class="img-hold">
+                        <img src="{{image-url}}greencheck.png" alt="Check">
+                    </div>
+                    <div class="c-rhino"><b>Hone your instincts</b> in a safe environment</div>
+                    <div class="clear-both"></div>
+                </div>
+                <div class="benefit">
+                    <div class="img-hold">
+                        <img src="{{image-url}}greencheck.png" alt="Check">
+                    </div>
+                    <div class="c-rhino"><b>Study the trading decisions</b> of other participants</div>
+                    <div class="clear-both"></div>
+                </div>
+                <div class="benefit">
+                    <div class="img-hold">
+                        <img src="{{image-url}}greencheck.png" alt="Check">
+                    </div>
+                    <div class="c-rhino"><b>Subscribe to like-minded players</b> and follow their signals</div>
+                    <div class="clear-both"></div>
+                </div>
+                <div class="benefit">
+                    <div class="img-hold">
+                        <img src="{{image-url}}greencheck.png" alt="Check">
+                    </div>
+                    <div class="c-rhino"><b>Build you models</b> based on the crowd sentiment</div>
+                    <div class="clear-both"></div>
+                </div>
+            </div>
+            <div class="mb-48">
+                <button class="radius" href="https://sanr.app/" target="_blank">
+                    <span>Learn more about SanR</span>
+                </button>
+            </div>
+            <h4 class="h4 font-bolder">💰 Stake SAN and earn on your market forecast!</h4>
+            <p class="mb-24 c-rhino">
+                Each epoch we distribute an intelligence staking pool (10% of staked SAN tokens) among participating SAN
+                holders.
+            </p>
+            <div class="greenbox mb-16">
+                <h4 class="body-highlight mb-12 font-bolder">🚀 Be rewarded every time you succeed</h4>
+                <p>
+                    The SanR innovative <b>play-2-earn</b> model helps you improve your trading skills while injecting
+                    some extra motivation to create profitable signals.
+                </p>
+                <a class="body-2" href="https://sanr.app/staking" target="_blank">Learn how to stake SAN here</a>
+            </div>
+        </columns>
+    </row>
+</container>
+
+{{> mail-footer-marketing}}
\ No newline at end of file