Add Program page and remove references to the speak page (#1481)

Author: beerose

src/components/Conf/Footer/index.tsx

@@ -12,7 +12,6 @@ const links = [
     { text: "Location", href: "/conf/#location" },
   ],
   [
-    { text: "Speak", href: "/conf/speak/" },
     { text: "Sponsor", href: "/conf/sponsor/" },
     { text: "FAQ", href: "/conf/faq/" },
     { text: "Contact Us", href: "/conf/faq/#contact" },
@@ -25,11 +24,11 @@ const links = [
   ],
 ]
 
-const FooterConf = () => {
+const FooterConf = ({ includeSponors = true, includePartners = true }) => {
   return (
     <>
-      <SponsorsConf />
-      <PartnersConf />
+      {includeSponors && <SponsorsConf />}
+      {includePartners && <PartnersConf />}
       <footer className="text-gray-600 bg-[#171E26]">
         <div className="container px-5 md:py-24 mx-auto flex md:items-start md:flex-row md:flex-nowrap flex-wrap flex-col">
           <div className="w-64 shrink-0 md:mx-0 text-left">

src/components/Conf/Header/index.tsx

@@ -9,7 +9,7 @@ interface LinkItem {
 
 const links: LinkItem[] = [
   { text: "Attend", href: "/conf/#attend" },
-  { text: "Speak", href: "/conf/speak/" },
+  { text: "Program", href: "/conf/program/" },
   { text: "Sponsor", href: "/conf/sponsor/" },
   { text: "Partner", href: "/conf/partner/" },
   { text: "FAQ", href: "/conf/faq/" },

src/pages/conf/index.tsx

@@ -13,16 +13,12 @@ import SeoConf, { defaults as seoDefaults } from "../../components/Conf/Seo"
 import { CalendarIcon, GlobeIcon } from "@radix-ui/react-icons"
 
 export default () => {
-  const today = new Date()
-  const expiredDate = new Date("2023-06-10")
-  const isExpired = expiredDate > today
-
   return (
     <LayoutConf>
       <HeaderConf />
       <div className="text-gray-600 bg-color-[#562556] bg-[url('/img/conf/graphql-conf-bg.png')] bg-cover bg-blend-multiply	bg-opacity-20	bg-black">
         <div className="container flex py-16 md:py-36 items-center justify-center flex-col">
-          <div className="flex flex-col justify-center items-center w-full gap-2 lg:gap-32 lg:flex-row">
+          <div className="flex flex-col justify-center w-full gap-2 lg:gap-32 lg:flex-row">
             <div>
               <img
                 src="/img/conf/graphql-conf-logo.svg"
@@ -40,12 +36,10 @@ export default () => {
                   <span>San Francisco Bay Area, CA</span>
                 </div>
               </div>
-              <div className="flex justify-left gap-4 flex-row flex-wrap">
+              <div className="flex justify-start gap-4 flex-row flex-wrap">
                 <ButtonConf href="/conf/sponsor/">Join as a Sponsor</ButtonConf>
                 <ButtonConf href="/conf/partner/">Join as a Partner</ButtonConf>
-                {isExpired && (
-                  <ButtonConf href="/conf/speak/">Submit to Speak</ButtonConf>
-                )}
+                <ButtonConf href="/conf/program/">View the Schedule</ButtonConf>
               </div>
             </div>
           </div>

src/pages/conf/program.tsx

@@ -0,0 +1,60 @@
+import React from "react"
+import FooterConf from "../../components/Conf/Footer"
+import HeaderConf from "../../components/Conf/Header"
+import LayoutConf from "../../components/Conf/Layout"
+import { ReactComponent as TheGuild } from "../../../static/img/conf/Sponsors/TheGuild.svg"
+import SeoConf from "../../components/Conf/Seo"
+import { Script } from "gatsby"
+
+export default () => {
+  return (
+    <LayoutConf>
+      <HeaderConf />
+      <div className="bg-white">
+        <div className="prose lg:prose-lg mx-auto py-10 max-sm:px-4">
+          <h1>GraphQLConf 2023 Program</h1>
+          <section className="px-0 my-8">
+            <h4>September 19-21, 2023 I San Francisco Bay Area, CA</h4>
+            <p>
+              We are excited to announce our speakers for GraphQLConf 2023.
+              Please check back for more details about the program.
+            </p>
+            <div className="[&>div]:-ml-[15px]">
+              <a
+                id="sched-embed"
+                href="//graphqlconf23.sched.com/directory/speakers"
+              >
+                View the graphqlconf23 schedule &amp; directory.
+              </a>
+            </div>
+            <Script
+              type="text/javascript"
+              src="//graphqlconf23.sched.com/js/embed.js"
+            ></Script>
+
+            <h2>Workshop Day</h2>
+            <p>
+              Join us for a GraphQLConf Workshop Day on September 19. Workshops
+              are included in GraphQLConf registration though pre-registration
+              is required -{" "}
+              <a href="https://cvent.me/4zbxz9" target="_blank">
+                register now
+              </a>
+              , or modify your registration and join us! Workshop space is
+              available on a first come, first served basis.
+            </p>
+            <p>Thank you to our Workshop Day sponsor, The Guild.</p>
+            <div className="w-48">
+              <TheGuild />
+            </div>
+          </section>
+        </div>
+      </div>
+      <FooterConf includePartners={false} includeSponors={false} />
+    </LayoutConf>
+  )
+}
+
+export function Head() {
+  return <SeoConf title="GraphQLConf 2023 Program" />
+}