Developer events landing page

src/data/sidenav.json

@@ -518,6 +518,7 @@
   },
   {
     "displayName": "Developer events",
+    "url": "/developer-events",
     "children": [
       {
         "displayName": "Nerd days 1.0",

src/pages/developer-events.js

@@ -0,0 +1,123 @@
+import React from 'react';
+import { css } from '@emotion/core';
+import cx from 'classnames';
+import SEO from '../components/Seo';
+import { Button } from '@newrelic/gatsby-theme-newrelic';
+import { Link } from 'gatsby';
+import PageLayout from '../components/PageLayout';
+import FeatherIcon from '../components/FeatherIcon';
+import nerdDays from '../images/nerd-days/nerd-days.png';
+import styles from './nerd-days.module.scss';
+
+const EventLandingPage = () => {
+  return (
+    <>
+      <SEO />
+      <PageLayout type={PageLayout.TYPE.SINGLE_COLUMN}>
+        <PageLayout.Header title="Developer Events" />
+        <PageLayout.Content>
+          <section
+            className={cx(styles.section, styles.twoColumn)}
+            css={css`
+              @media screen and (max-width: 1180px) {
+                grid-template-columns: 1fr;
+              }
+            `}
+          >
+            <div>
+              <p
+                className="intro-text"
+                css={css`
+                  margin-bottom: 2rem;
+                `}
+              >
+                There are a lot of developer events out there, so we've curated
+                a list of events we're hosting or sponsoring that are dedicated
+                to developers, engineers, problem solvers, and builders like
+                you.
+              </p>
+              <h2>Featured event</h2>
+              <h3>Nerd Days 1.0: Return of the Data Nerd</h3>
+              <p>
+                Nerd Days is a FREE engineering conference that kicks off
+                October 13 (Dates vary by region). Focused on building more
+                perfect software, our goal is to spend less time looking at
+                slides that tell you what software can do and more time on
+                getting your hands on the software to solve problems
+                efficiently.
+              </p>
+              <Button
+                as={Link}
+                variant={Button.VARIANT.PRIMARY}
+                href="/nerd-days"
+              >
+                Register here
+                <FeatherIcon
+                  className={styles.externalLinkIcon}
+                  name="external-link"
+                />
+              </Button>
+            </div>
+            <img
+              src={nerdDays}
+              alt="Nerd Days 1.0: Return of the Data Nerd"
+              css={css`
+                width: 100%;
+                margin: 0 auto;
+              `}
+            />
+          </section>
+          <h2>Upcoming Events</h2>
+          <section className={styles.section}>
+            <div
+              css={css`
+                margin-bottom: 2rem;
+              `}
+            >
+              <h3>Nerd Days 1.0: Return of the Data Nerd</h3>
+              <p>
+                <strong>US:</strong> October 13, 2020
+                <br />
+                <strong>EMEA:</strong> October 21, 2020
+                <br />
+                <strong>APJ:</strong> October 22, 2020
+                <br />
+              </p>
+              <p>
+                Nerd Days is a FREE engineering conference that kicks off
+                October 13 (Dates vary by region). Focused on building more
+                perfect software, our goal is to spend less time looking at
+                slides that tell you what software can do and more time on
+                getting your hands on the software to solve problems
+                efficiently.
+              </p>
+            </div>
+            <div>
+              <h3>KubeCon and CloudNativeCon North America 2020</h3>
+              <p>November 17-20</p>
+              <p>
+                The Cloud Native Computing Foundation’s flagship conference
+                gathers adopters and technologists from leading open source and
+                cloud native communities.
+              </p>
+            </div>
+          </section>
+          <h2>Past Events</h2>
+          <section className={styles.section}>
+            <div>
+              <h3>KubeCon and CloudNativeCon Europe 2020</h3>
+              <p>August 17 – 20</p>
+              <p>
+                The Cloud Native Computing Foundation’s flagship conference
+                gathers adopters and technologists from leading open source and
+                cloud native communities.
+              </p>
+            </div>
+          </section>
+        </PageLayout.Content>
+      </PageLayout>
+    </>
+  );
+};
+
+export default EventLandingPage;