Skip to content

Commit

Permalink
Add a "Thank You" page for MailChimp subscribers (#1642)
Browse files Browse the repository at this point in the history
  • Loading branch information
rogermparent authored Jul 31, 2020
1 parent beded0d commit b1a208a
Show file tree
Hide file tree
Showing 3 changed files with 42 additions and 0 deletions.
11 changes: 11 additions & 0 deletions src/components/ThankYou/index.tsx
Original file line number Diff line number Diff line change
@@ -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
29 changes: 29 additions & 0 deletions src/components/ThankYou/styles.module.css
Original file line number Diff line number Diff line change
@@ -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;
}
}
2 changes: 2 additions & 0 deletions src/pages/subscriber-thank-you.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
import ThankYou from '../components/ThankYou'
export default ThankYou

0 comments on commit b1a208a

Please sign in to comment.