conf: add banner with call to action to the graphql.org pages (graphql#1519)

Author: beerose

src/components/Layout/index.tsx

@@ -9,14 +9,34 @@ interface Props {
   children: React.ReactNode
   className?: string
   pageContext?: { sourcePath?: string }
+  showConfBanner?: boolean
 }
 const IndexLayout = ({
   children,
   className,
   pageContext: { sourcePath } = {},
+  showConfBanner = true,
 }: Props): JSX.Element => (
   <>
     <div className={className}>
+      {showConfBanner && (
+        <div
+          className="flex items-center justify-center gap-6 p-6 h-full"
+          style={{ backgroundColor: "#4F224C" }}
+        >
+          <div className="text-center md:text-right text-white">
+            <a
+              href="https://graphql.org/conf/#attend"
+              className="rounded-md border-2 px-3 py-2 font-normal text-white underline-offset-2"
+            >
+              📣 GraphQL Conf 2023 • Sept 19-21 • San Francisco •{" "}
+              <span className="underline underline-offset-2">
+                Register Now!
+              </span>
+            </a>
+          </div>
+        </div>
+      )}
       <Header />
       {children}
       <Footer sourcePath={sourcePath} />

src/pages/index.tsx

@@ -14,7 +14,7 @@ import Seo from "../components/Seo"
 
 export default ({ pageContext }: PageProps<{}, { sourcePath: string }>) => {
   return (
-    <Layout className="index" pageContext={pageContext}>
+    <Layout className="index" pageContext={pageContext} showConfBanner={false}>
       <Hero />
       <section className="conf-banner">
         <a href="/conf/">