Merge pull request #16724 from luchillo17/feat/BCKSTG-135-migrate-docs-nominate

feat(microsite-next): Add nominate page with basic styles

microsite-next/src/pages/nominate/index.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+
+import nominateStyles from './nominate.module.scss';
+import Layout from '@theme/Layout';
+import clsx from 'clsx';
+import { BannerSection } from '@site/src/components/bannerSection/bannerSection';
+import { BannerSectionGrid } from '../../components/bannerSection/bannerSectionGrid';
+import { ContentBlock } from '@site/src/components/contentBlock/contentBlock';
+
+const Nominate = () => {
+  return (
+    <Layout>
+      <div className={clsx(nominateStyles.nominatePage)}>
+        <BannerSection greyBackground>
+          <ContentBlock title={<h1>Contributor Spotlight nomination</h1>}>
+            <iframe
+              src="https://docs.google.com/forms/d/e/1FAIpQLSdiZ28O7vwHo6NrwirEzGSbuVyBANSv7ItHqRlgVvSz3Z5xqQ/viewform?embedded=true"
+              allowFullScreen
+            ></iframe>
+          </ContentBlock>
+        </BannerSection>
+      </div>
+    </Layout>
+  );
+};
+
+export default Nominate;

microsite-next/src/pages/nominate/nominate.module.scss

@@ -0,0 +1,32 @@
+.nominatePage {
+  font-size: 1.25rem;
+
+  &,
+  & > section,
+  & > section > div {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+  }
+
+  & > section > div > div {
+    flex: 1;
+    grid-template-rows: auto 1fr;
+  }
+
+  h1 {
+    font-size: 54px;
+    line-height: 56px;
+    word-break: break-word;
+  }
+
+  p {
+    text-align: justify;
+  }
+
+  iframe {
+    width: 100%;
+    height: 100%;
+    min-height: 400px;
+  }
+}