From b1a208ae1cfceaea69e929344b28e8d9fc37eaca Mon Sep 17 00:00:00 2001
From: Roger <rogermparent@gmail.com>
Date: Fri, 31 Jul 2020 15:07:59 -0400
Subject: [PATCH] Add a "Thank You" page for MailChimp subscribers (#1642)

---
 src/components/ThankYou/index.tsx         | 11 +++++++++
 src/components/ThankYou/styles.module.css | 29 +++++++++++++++++++++++
 src/pages/subscriber-thank-you.tsx        |  2 ++
 3 files changed, 42 insertions(+)
 create mode 100644 src/components/ThankYou/index.tsx
 create mode 100644 src/components/ThankYou/styles.module.css
 create mode 100644 src/pages/subscriber-thank-you.tsx

diff --git a/src/components/ThankYou/index.tsx b/src/components/ThankYou/index.tsx
new file mode 100644
index 0000000000..9015873e38
--- /dev/null
+++ b/src/components/ThankYou/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+import styles from './styles.module.css'
+
+const ThankYouPage: React.FC = () => (
+  <div className={styles.wrapper}>
+    <h1 className={styles.heading}>Thanks for subscribing!</h1>
+    <p className={styles.copy}>Keep an eye on your inbox</p>
+  </div>
+)
+
+export default ThankYouPage
diff --git a/src/components/ThankYou/styles.module.css b/src/components/ThankYou/styles.module.css
new file mode 100644
index 0000000000..69541c1a35
--- /dev/null
+++ b/src/components/ThankYou/styles.module.css
@@ -0,0 +1,29 @@
+.wrapper {
+  margin: 12rem auto;
+  text-align: center;
+
+  @media (--md-scr) {
+    margin: 10rem auto;
+  }
+
+  @media (--sm-scr) {
+    margin: 6rem auto;
+  }
+}
+
+.heading {
+  font-size: 3rem;
+  margin: 2rem 0;
+
+  @media (--sm-scr) {
+    font-size: 2rem;
+  }
+}
+
+.copy {
+  font-size: 1.75rem;
+
+  @media (--sm-scr) {
+    font-size: 1.1rem;
+  }
+}
diff --git a/src/pages/subscriber-thank-you.tsx b/src/pages/subscriber-thank-you.tsx
new file mode 100644
index 0000000000..c284ec28fc
--- /dev/null
+++ b/src/pages/subscriber-thank-you.tsx
@@ -0,0 +1,2 @@
+import ThankYou from '../components/ThankYou'
+export default ThankYou