From 0e3d8878187b4367ea83006c79f59ef5afb9842c Mon Sep 17 00:00:00 2001
From: Muhamed Isabegovic <muhamed.isabegovic@meisterlabs.com>
Date: Sun, 22 Oct 2023 22:55:29 +0200
Subject: [PATCH] add newsletter

---
 _includes/newsletter.html    | 49 ++++++++++++++++++++++++++++++++++++
 assets/images/newsletter.svg | 24 ++++++++++++++++++
 index.html                   |  1 +
 3 files changed, 74 insertions(+)
 create mode 100644 _includes/newsletter.html
 create mode 100644 assets/images/newsletter.svg

diff --git a/_includes/newsletter.html b/_includes/newsletter.html
new file mode 100644
index 0000000..83f7c10
--- /dev/null
+++ b/_includes/newsletter.html
@@ -0,0 +1,49 @@
+<section id="newsletter" class="newsletter section-spacing">
+  <view class="layout-wrapper h-flex-wrap">
+    <view class="image-wrapper">
+      <img src="/assets/images/newsletter.svg" />
+    </view>
+    <view column id="mc_embed_signup">
+      <h2 class="fw-bold c-white">Stay tuned!</h2>
+      <h3 class="fw-medium c-white">Sign up for our newsletter and stay up to date.</h3>
+      <form
+        action="https://euruko.us10.list-manage.com/subscribe/post?u=4737277ee0b37205131631c0d&amp;id=1a6fade1a6&amp;f_id=0017e7e5f0"
+        method="post"
+        id="mc-embedded-subscribe-form"
+        name="mc-embedded-subscribe-form"
+        class="validate"
+        target="_blank"
+        novalidate
+      >
+        <div id="mc_embed_signup_scroll">
+          <view class="mc-field-group h-flex-wrap">
+            <input type="email" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Your Email Address">
+            <input type="submit" value="Sign me up!" name="subscribe" class="bg-red">
+          </view>
+          <div id="mce-responses" class="clear foot">
+            <div
+              class="response"
+              id="mce-error-response"
+              style="display: none"
+            ></div>
+            <div
+              class="response"
+              id="mce-success-response"
+              style="display: none"
+            ></div>
+          </div>
+          <div aria-hidden="true" style="position: absolute; left: -5000px">
+            /* real people should not fill this in and expect good things - do
+            not remove this or risk form bot signups */
+            <input
+              type="text"
+              name="b_4737277ee0b37205131631c0d_1a6fade1a6"
+              tabindex="-1"
+              value=""
+            />
+          </div>
+        </div>
+      </form>
+    </view>
+  </view>
+</section>
diff --git a/assets/images/newsletter.svg b/assets/images/newsletter.svg
new file mode 100644
index 0000000..973bbc4
--- /dev/null
+++ b/assets/images/newsletter.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="211px" height="194px" viewBox="0 0 211 194" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch -->
+    <title>Group 4</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Homepage" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-126.000000, -3407.000000)">
+        <g id="Stya-tuned!" transform="translate(-11.000000, 3328.000000)">
+            <g id="Group-4" transform="translate(137.000000, 79.000000)">
+                <path d="M69,171 C69,183.702549 79.2974508,194 92,194 C104.702549,194 115,183.702549 115,171" id="Oval-4" fill-opacity="0.5" fill="#FFFFFF"></path>
+                <path d="M69,12 C69,24.7025492 79.2974508,35 92,35 C104.702549,35 115,24.7025492 115,12" id="Oval-4" fill-opacity="0.5" fill="#FFFFFF" transform="translate(92.000000, 23.500000) rotate(-180.000000) translate(-92.000000, -23.500000) "></path>
+                <path d="M105,171 L115,171 C115,183.702549 104.702549,194 92,194 C79.2974508,194 69,183.702549 69,171 L79,171 C79,178.179702 84.8202983,184 92,184 C99.1797017,184 105,178.179702 105,171 Z M105,171 L115,171 C115,183.702549 104.702549,194 92,194 C79.2974508,194 69,183.702549 69,171 L79,171 C79,178.179702 84.8202983,184 92,184 C99.1797017,184 105,178.179702 105,171 Z" id="Oval-4" fill="#FFFFFF" fill-rule="nonzero"></path>
+                <path d="M105,12 L115,12 C115,24.7025492 104.702549,35 92,35 C79.2974508,35 69,24.7025492 69,12 L79,12 C79,19.1797017 84.8202983,25 92,25 C99.1797017,25 105,19.1797017 105,12 Z M105,12 L115,12 C115,24.7025492 104.702549,35 92,35 C79.2974508,35 69,24.7025492 69,12 L79,12 C79,19.1797017 84.8202983,25 92,25 C99.1797017,25 105,19.1797017 105,12 Z" id="Oval-4" fill="#FFFFFF" fill-rule="nonzero" transform="translate(92.000000, 23.500000) rotate(180.000000) translate(-92.000000, -23.500000) "></path>
+                <path d="M23,148 L161.479996,148 L161.479996,105.239998 C161.479996,66.999803 130.480193,36 92.2399979,36 C53.999803,36 23,66.999803 23,105.239998 L23,148 Z" id="Rectangle-3" stroke="#FFFFFF" stroke-width="10"></path>
+                <path d="M92.5,53 C63.5050506,53 40,76.5050506 40,105.5" id="Oval-2" stroke="#FFFFFF" stroke-width="9.54545455" stroke-linecap="round"></path>
+                <rect id="Rectangle-3" stroke="#FFFFFF" stroke-width="10" x="5" y="148" width="173.576112" height="19" rx="9.5"></rect>
+                <g id="Group-3" transform="translate(130.483021, 0.000000)">
+                    <circle id="Oval-3" fill="#FF564D" cx="40" cy="40" r="40"></circle>
+                    <path d="M44.4955446,39.4591978 C46.3099518,39.8142019 47.7804774,40.7743121 48.9071657,42.3395574 C50.033854,43.9048027 50.5971897,45.816955 50.5971897,48.0760719 C50.5971897,49.5929075 50.3264959,50.9644936 49.7851002,52.1908714 C49.2437046,53.4172491 48.4828356,54.4580409 47.5024704,55.313278 C46.5221053,56.1685151 45.3295895,56.8301037 43.9248872,57.2980636 C42.5201849,57.7660235 40.9399185,58 39.1840407,58 C36.9599287,58 34.9919118,57.6046605 33.2799309,56.8139696 C31.56795,56.0232787 30.1413206,54.8695327 29,53.3526971 L32.3361513,48.7538036 C33.0970317,49.8188158 34.0042216,50.6417675 35.0577483,51.2226833 C36.111275,51.803599 37.4281637,52.0940526 39.0084538,52.0940526 C40.7935963,52.0940526 42.1543812,51.7067812 43.0908494,50.9322268 C44.0273176,50.1576725 44.4955446,48.9635858 44.4955446,47.3499308 C44.4955446,45.6717297 43.9541571,44.3808252 42.8713657,43.4771784 C41.7885744,42.5735317 40.1497796,42.1217151 37.9549323,42.1217151 L36.725824,42.1217151 L36.725824,37.2807746 L38.0866225,37.2807746 C39.9010296,37.2807746 41.3057108,36.8370261 42.3007083,35.9495159 C43.2957057,35.0620057 43.793197,33.9243961 43.793197,32.5366528 C43.793197,31.2134558 43.3834983,30.2291411 42.5640887,29.5836791 C41.744679,28.9382172 40.676536,28.615491 39.3596276,28.615491 C38.0134546,28.615491 36.8063066,28.9543535 35.7381476,29.6320885 C34.6699886,30.3098236 33.7993789,31.2618657 33.1262923,32.4882434 L29.4389673,27.9377593 C29.8779367,27.1954781 30.4632206,26.5258213 31.1948364,25.928769 C31.9264521,25.3317167 32.7531656,24.8153549 33.6750014,24.379668 C34.5968373,23.9439812 35.5991359,23.6051188 36.6819272,23.3630705 C37.7647186,23.1210223 38.8767579,23 40.0180785,23 C41.5105747,23 42.8713596,23.209772 44.1004741,23.6293223 C45.3295886,24.0488725 46.3904156,24.6297796 47.2829868,25.3720609 C48.1755581,26.1143421 48.8632666,27.0099072 49.346133,28.0587828 C49.8289994,29.1076585 50.070429,30.2775408 50.070429,31.5684647 C50.070429,32.5366577 49.9387401,33.4564272 49.6753584,34.3278008 C49.4119767,35.1991745 49.0315423,35.9898535 48.5340435,36.6998617 C48.0365448,37.4098698 47.4439449,38.0069132 46.7562261,38.4910097 C46.0685073,38.9751062 45.3149543,39.2978323 44.4955446,39.4591978 Z" id="3" fill="#FFFFFF"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/index.html b/index.html
index 0a19dcf..9184d8d 100644
--- a/index.html
+++ b/index.html
@@ -31,3 +31,4 @@ <h3 class="description fw-medium">
 
 </content>
 
+{% include newsletter.html %}