From b199874668122f1c994ce22dd52c064f52976aa1 Mon Sep 17 00:00:00 2001
From: blam <ben@blam.sh>
Date: Thu, 13 Jul 2023 09:58:02 +0200
Subject: [PATCH] chore: added a banner for cfp Signed-off-by: blam
 <ben@blam.sh>

---
 microsite/src/pages/home/_home.tsx        | 70 ++++++++++++++++-------
 microsite/src/pages/home/home.module.scss |  3 +
 2 files changed, 51 insertions(+), 22 deletions(-)

diff --git a/microsite/src/pages/home/_home.tsx b/microsite/src/pages/home/_home.tsx
index deb0d4cd6f..07e05068c6 100644
--- a/microsite/src/pages/home/_home.tsx
+++ b/microsite/src/pages/home/_home.tsx
@@ -31,7 +31,7 @@ const HomePage = () => {
         <BannerSection diagonalBottomBorder greyBackground>
           <BannerSectionGrid
             header={
-              !hiddenNewsletterBanner && (
+              <>
                 <div
                   className={clsx(
                     'card',
@@ -40,31 +40,57 @@ const HomePage = () => {
                   )}
                 >
                   <div className="text--left bannerContent">
-                    🗞️ Want to stay up to date with Backstage? Sign up for our{' '}
-                    <Link
-                      to="https://info.backstage.spotify.com/newsletter_subscribe"
-                      className="text--secondary"
-                    >
-                      Newsletter
-                    </Link>
-                    !
+                    CFP is now open for BackstageCon 2023 🚀
                   </div>
-
-                  <div
-                    className={clsx('button button--link', 'bannerCloseButton')}
-                    onClick={() => hideNewsletterBanner(true)}
-                  >
-                    <svg
-                      className="text--secondary"
-                      width="24"
-                      height="24"
-                      viewBox="0 0 24 24"
+                  <div>
+                    <a
+                      className="button button--outline button--secondary"
+                      href="https://bit.ly/BackstageConCFP"
+                      rel="noopener noreferrer"
+                      target="_blank"
                     >
-                      <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" />
-                    </svg>
+                      Submit a talk
+                    </a>
                   </div>
                 </div>
-              )
+                {!hiddenNewsletterBanner && (
+                  <div
+                    className={clsx(
+                      'card',
+                      'padding--md',
+                      homeStyles.newsletterBanner,
+                    )}
+                  >
+                    <div className="text--left bannerContent">
+                      🗞️ Want to stay up to date with Backstage? Sign up for our{' '}
+                      <Link
+                        to="https://info.backstage.spotify.com/newsletter_subscribe"
+                        className="text--secondary"
+                      >
+                        Newsletter
+                      </Link>
+                      !
+                    </div>
+
+                    <div
+                      className={clsx(
+                        'button button--link',
+                        'bannerCloseButton',
+                      )}
+                      onClick={() => hideNewsletterBanner(true)}
+                    >
+                      <svg
+                        className="text--secondary"
+                        width="24"
+                        height="24"
+                        viewBox="0 0 24 24"
+                      >
+                        <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" />
+                      </svg>
+                    </div>
+                  </div>
+                )}
+              </>
             }
           >
             <ContentBlock
diff --git a/microsite/src/pages/home/home.module.scss b/microsite/src/pages/home/home.module.scss
index 5877f7b5f5..5f1ad35dfe 100644
--- a/microsite/src/pages/home/home.module.scss
+++ b/microsite/src/pages/home/home.module.scss
@@ -22,6 +22,9 @@
   flex-direction: row;
   color: var(--ifm-button-color);
   background-color: var(--ifm-color-primary);
+  margin-bottom: 1rem;
+  display: flex;
+  align-items: center;
 
   :global(.bannerContent) {
     flex: 1;