From 31e99139b1dbdb16b0220dea013a639711852c3b Mon Sep 17 00:00:00 2001
From: Suzanne Daniels <suzanned@spotify.com>
Date: Fri, 18 Mar 2022 16:47:45 +0100
Subject: [PATCH] Adding spotlight form, renaming session filename

Signed-off-by: Suzanne Daniels <suzanned@spotify.com>
---
 .../on-demand/{hero.yaml => 20220323.yaml}    |  0
 microsite/pages/en/community.js               |  4 +-
 microsite/pages/en/nominate.js                | 44 +++++++++++++++++++
 3 files changed, 46 insertions(+), 2 deletions(-)
 rename microsite/data/on-demand/{hero.yaml => 20220323.yaml} (100%)
 create mode 100644 microsite/pages/en/nominate.js

diff --git a/microsite/data/on-demand/hero.yaml b/microsite/data/on-demand/20220323.yaml
similarity index 100%
rename from microsite/data/on-demand/hero.yaml
rename to microsite/data/on-demand/20220323.yaml
diff --git a/microsite/pages/en/community.js b/microsite/pages/en/community.js
index 1c3ba85bba..53f18f196e 100644
--- a/microsite/pages/en/community.js
+++ b/microsite/pages/en/community.js
@@ -120,7 +120,7 @@ const Background = props => {
               their efforts! We'll put them in the spotlight ❤️.
               <br />
             </Block.Paragraph>
-            <Block.LinkButton href="https://bit.ly/backstage-nominate ">
+            <Block.LinkButton href="nominate ">
               Nominate now
             </Block.LinkButton>
           </Block.TextBox>
@@ -148,7 +148,7 @@ const Background = props => {
           </Block.TextBox>
         </Block.Container>
       </Block>
-
+      
       <Block small className="bg-black-grey">
         <Block.Container style={{ justifyContent: 'flex-start' }}>
           <Block.Graphic
diff --git a/microsite/pages/en/nominate.js b/microsite/pages/en/nominate.js
new file mode 100644
index 0000000000..c25fe93d1a
--- /dev/null
+++ b/microsite/pages/en/nominate.js
@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) 2017-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+const React = require('react');
+const Components = require(`${process.cwd()}/core/Components.js`);
+const Block = Components.Block;
+
+const Background = props => {
+  const { config: siteConfig } = props;
+  const { baseUrl } = siteConfig;
+  return (
+    <main className="MainContent">
+
+
+      <Block small className="stripe-bottom bg-black-grey">
+        <Block.Container style={{ justifyContent: 'flex-start' }}>
+          <Block.Title>Contributor Spotlight nomination</Block.Title>
+          <Block.TextBox>
+          <Block.Paragraph>
+ 
+            </Block.Paragraph>
+          </Block.TextBox>          
+        </Block.Container>
+        
+      </Block>
+
+      <Block  className="stripe bg-black">
+
+        <Block.Container style={{ justifyContent: 'flex-start' }}>
+
+        <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSdiZ28O7vwHo6NrwirEzGSbuVyBANSv7ItHqRlgVvSz3Z5xqQ/viewform?embedded=true" width="800" height="1262" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
+        </Block.Container>
+      </Block>
+
+   
+    </main>
+  );
+};
+
+module.exports = Background;