conf 2024 updates (#1715)

Author: dimaMachina

src/app/conf/2024/faq/faq.mdx

@@ -206,15 +206,15 @@ Dial 911 for Emergencies
 
 415-746-1812
 
-29-minute walk, 10-minute drive (1.3 miles from venue) 
+29-minute walk, 10-minute drive (1.3 miles from venue)
 
 {<h3>Pharmacy</h3>}
 
 [Walgreens Pharmacy](https://www.walgreens.com/locator/walgreens-459+powell+st-san+francisco-ca-94102/id=7043)
 
 415-984-0793
 
-3-minute walk, 4-minute drive (0.1 miles from venue) 
+3-minute walk, 4-minute drive (0.1 miles from venue)
 
 {<h3>24 Hour Rape Crisis Line</h3>}
 
@@ -322,3 +322,9 @@ Refunds will only be issued for cancellations received two weeks prior to the ev
 {<h3>Substitutions</h3>}
 
 If you are unable to attend, you may substitute another attendee in lieu of cancellation. To substitute an attendee, select the Transfer Registration button above. You will be required to provide the attendee's first name, last name, and email address for the registration.
+
+{<h3>Visa Letter Request</h3>}
+
+Question: I need a visa letter to attend this event. How do I request one?
+
+Answer: You must be registered to attend GraphQLConf 2024. **Please note:** it can take up to an hour for our registration system and visa letter system to sync. [Visa Letter Request](https://events.linuxfoundation.org/about/visa-request).

src/app/conf/2024/layout.tsx

@@ -43,7 +43,6 @@ export default function Layout({
         }
         links={[
           { children: <span>FAQ</span>, href: "/conf/2024/faq" },
-          { children: <span>Speak</span>, href: "/conf/2024/speak" },
           { children: <span>Register</span>, href: "/conf/2024#attend" },
           { children: <span>Partner</span>, href: "/conf/2024/partner" },
           {
@@ -66,7 +65,6 @@ export default function Layout({
         }
         links={[
           [
-            { children: "Speak", href: "/conf/2024/speak" },
             { children: "Register", href: "https://cvent.me/gk2dRw" },
             { children: "Sponsor", href: "/conf/2024/partner" },
             { children: "Partner", href: "/conf/2024/partner#program" },

src/app/conf/2024/page.tsx

@@ -47,12 +47,6 @@ export default function Page() {
           <HostedByGraphQLFoundation className="shrink-0 h-8 lg:h-10 mt-5 mb-16 lg:mb-32 self-start" />
           <div className="flex items-center gap-12 max-md:flex-col">
             <Button href="#attend">Get Your Ticket!</Button>
-            <a
-              href="/conf/2024/speak"
-              className="whitespace-nowrap with-arrow w-40 hover:text-primary transition-colors"
-            >
-              Submit to Speak
-            </a>
             <a
               href="/conf/2024/partner#sponsor"
               className="whitespace-nowrap with-arrow w-40 hover:text-primary transition-colors"

src/app/conf/2024/partner/index.mdx

@@ -1,6 +1,6 @@
 import { Button } from "@/app/conf/_components/button"
 
-<h1 id="sponsor">Sponsor GraphQLConf 2024</h1>
+## Sponsor GraphQLConf 2024 [#sponsor]
 
 <div className="flex flex-row justfiy-center">
     <Button target="_blank" href="https://events.linuxfoundation.org/sponsor-GraphQLConf-24" className="!text-white !block">Sponsorship Details</Button>
@@ -17,7 +17,7 @@ GraphQLConf will attract members of the GraphQL community from around the world.
 Investing in GraphQLConf provides the opportunity to build awareness and loyalty with leaders and decision makers in organizations across the GraphQL and open source community.
 
 
-<h1 id="program">Partner with GraphQLConf</h1>
+## Partner with GraphQLConf [#program]
 
 We are pleased to offer a Media and Community Partner Program for
 our upcoming GraphQLConf 2024. Our program is designed to provide

src/app/conf/2024/pricing.tsx

@@ -6,27 +6,27 @@ interface Pricing {
   title: string
   date: string
   price: string
-  dateIsExpired: Date
+  expiredDate: Date
 }
 
 const pricing: Pricing[] = [
   {
     title: "Early Bird",
     date: "Through May 31, 2024",
     price: "$599",
-    dateIsExpired: new Date("2024-06-01"),
+    expiredDate: new Date("2024-06-01"),
   },
   {
     title: "Standard",
     date: "Jun 1 - Sep 4, 2024",
     price: "$799",
-    dateIsExpired: new Date("2024-09-05"),
+    expiredDate: new Date("2024-09-05"),
   },
   {
     title: "Late/Onsite",
     date: "Sep 5 Through Event",
     price: "$899",
-    dateIsExpired: new Date("2024-10-01"),
+    expiredDate: new Date("2024-10-01"),
   },
 ]
 
@@ -50,21 +50,29 @@ export function Pricing() {
       <div id="attend" className={classes.container}>
         <h1 className={classes.heading}>Pricing & Registration</h1>
         <div className="my-20 flex gap-10 justify-center max-md:items-center max-md:flex-col flex-wrap">
-          {pricing.map((pricing, index) => (
-            <a
-              key={index}
-              href="https://cvent.me/gk2dRw"
-              target="_blank"
-              rel="noreferrer"
-              className="hover:shadow-primary/20 focus:shadow-primary/20 shadow-md px-24 py-12 bg-[#251f30] flex flex-col items-center border focus:border-primary hover:border-primary border-transparent transition-colors outline-none"
-            >
-              <div className="text-3xl font-bold mb-2">{pricing.title}</div>
-              <div className="text-lg mb-6">{pricing.date}</div>
-              <div className="text-[45px] text-primary font-bold">
-                {pricing.price}
-              </div>
-            </a>
-          ))}
+          {pricing.map((pricing, index) => {
+            const isExpired = pricing.expiredDate < new Date()
+            return (
+              <a
+                key={index}
+                href="https://cvent.me/gk2dRw"
+                target="_blank"
+                rel="noreferrer"
+                className={clsx(
+                  "shadow-md px-24 py-12 bg-[#251f30] flex flex-col items-center border border-transparent transition-colors outline-none",
+                  isExpired
+                    ? "opacity-50 line-through pointer-events-none"
+                    : "hover:shadow-primary/20 focus:shadow-primary/20 focus:border-primary hover:border-primary",
+                )}
+              >
+                <div className="text-3xl font-bold mb-2">{pricing.title}</div>
+                <div className="text-lg mb-6">{pricing.date}</div>
+                <div className="text-[45px] text-primary font-bold [text-decoration-line:inherit]">
+                  {pricing.price}
+                </div>
+              </a>
+            )
+          })}
         </div>
         <Button href="https://cvent.me/gk2dRw" className="mx-auto !block">
           Register Now!

src/app/conf/2024/speak/index.mdx

@@ -15,9 +15,9 @@ export const isExpired = new Date() > new Date("2024/05/22 12:00")
 <Button
   className="!text-white"
   href="https://sessionize.com/graphqlconf-2024"
-  disabled={false}
+  disabled={isExpired}
 >
-  {false ? "CFP Closed" : "Submit a Proposal"}
+  {isExpired ? "CFP Closed" : "Submit a Proposal"}
 </Button>
 
 > Please be aware that the Linux Foundation will now be utilizing Sessionize for CFP