feat: Black Friday 2023 (#26)

src/components/Bf2023/Bf2023.js

@@ -0,0 +1,24 @@
+import React, { Component } from 'react'
+
+import styles from './styles.module.css'
+
+export class Bf2023 extends Component {
+  render() {
+    return (
+      <div className={styles.banner}>
+        BLACK FRIDAY:{' '}
+        <strong>
+          <u>20% off everything</u>
+        </strong>{' '}
+        for first 3 months. Code:{' '}
+        <strong>
+          BLACKFRIDAY2023 &nbsp;&nbsp;&nbsp;
+          <a href='https://app.reacher.email?utm_campaign=BLACKFRIDAY2023'>
+            Sign up now →
+          </a>
+        </strong>
+        .
+      </div>
+    )
+  }
+}

src/components/Bf2023/styles.module.css

@@ -0,0 +1,16 @@
+.banner {
+    background-color: black;
+    height: 32px;
+    left: 0;
+    line-height: 32px;
+    text-align: center;
+    position: sticky;
+    top: 78px;
+    width: 100%;
+    z-index: 20;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
+  }
+
+  .banner a {
+    color: #EA4293
+  }

src/components/index.js

@@ -54,6 +54,7 @@ export {
   Loading
 }
 
+export * from './Bf2023'
 export * from './HeroSection'
 export * from './DemoSection'
 export * from './FeaturesSection'

src/pages/HomePage/HomePage.js

@@ -15,6 +15,7 @@ import {
 } from 'components'
 
 import styles from './styles.module.css'
+import { Bf2023 } from '../../components'
 
 @withTracker
 @inject('config')
@@ -29,6 +30,7 @@ export class HomePage extends Component {
         <ScrollToTopOnMount />
 
         <NavHeader />
+        <Bf2023 />
 
         <div className={theme(styles, 'main')}>
           <div