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 (
+
+ BLACK FRIDAY:{' '}
+
+ 20% off everything
+ {' '}
+ for first 3 months. Code:{' '}
+
+ BLACKFRIDAY2023
+
+ Sign up now →
+
+
+ .
+
+ )
+ }
+}
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 {
+