From ffe05ec22882c04dd3fa89cf79814e61297d3ca6 Mon Sep 17 00:00:00 2001
From: Amaury <1293565+amaury1729@users.noreply.github.com>
Date: Thu, 23 Nov 2023 12:22:45 +0100
Subject: [PATCH] feat: Black Friday 2023 (#26)

---
 src/components/Bf2023/Bf2023.js         | 24 ++++++++++++++++++++++++
 src/components/Bf2023/styles.module.css | 16 ++++++++++++++++
 src/components/index.js                 |  1 +
 src/pages/HomePage/HomePage.js          |  2 ++
 4 files changed, 43 insertions(+)
 create mode 100644 src/components/Bf2023/Bf2023.js
 create mode 100644 src/components/Bf2023/styles.module.css

diff --git a/src/components/Bf2023/Bf2023.js b/src/components/Bf2023/Bf2023.js
new file mode 100644
index 0000000..7bfe18c
--- /dev/null
+++ b/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>
+    )
+  }
+}
diff --git a/src/components/Bf2023/styles.module.css b/src/components/Bf2023/styles.module.css
new file mode 100644
index 0000000..fb88f74
--- /dev/null
+++ b/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
+  }
\ No newline at end of file
diff --git a/src/components/index.js b/src/components/index.js
index 0c2d307..b4b0aa2 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -54,6 +54,7 @@ export {
   Loading
 }
 
+export * from './Bf2023'
 export * from './HeroSection'
 export * from './DemoSection'
 export * from './FeaturesSection'
diff --git a/src/pages/HomePage/HomePage.js b/src/pages/HomePage/HomePage.js
index 7e03a69..9b9cddd 100644
--- a/src/pages/HomePage/HomePage.js
+++ b/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