Create Newsletter component

src/components/organisms/Newsletter.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+    import { getContext } from 'svelte'
+    // Components
+    import Button from '$components/atoms/Button.svelte'
+import IconArrow from '$components/atoms/IconArrow.svelte'
+
+    // export let locations: any
+    const { settings: { newsletter_url, newsletter_text, newsletter_subtitle} }: any = getContext('global')
+</script>
+
+<div class="newsletter grid">
+    <div class="newsletter__wrapper grid">
+        <div class="newsletter__about">
+            <h3 class="title-small">{newsletter_subtitle}</h3>
+            <p class="text-small">{newsletter_text}</p>
+            <a href="/subscribe">
+                <img src="/images/icons/form.svg" alt="newsletter icon">
+                <span>See past issues</span>
+            </a>
+        </div>
+        <div class="newsletter__signup">
+            <form action={newsletter_url} target="_blank">
+                <div class="newsletter__email">
+                    <input type="email" placeholder="Your email address">
+                    <button type="submit">
+                        <IconArrow color="white" />
+                    </button>
+                </div>
+            </form>
+            <span>No spam, we promise!</span>
+        </div>
+    </div>
+</div>