feat: more conf 2025 resources

src/app/conf/2025/faq.tsx

@@ -32,6 +32,25 @@ const FAQS = [
     answer:
       'To request a Certificate of Attendance, please submit a request <a target="blank" href="https://docs.google.com/forms/d/1RpI8h6AGK2rCl3aIlyEY0D6fU3tsZ5yr1Ba6c3h6p9Y/viewform?edit_requested=true">here</a>. Please Note: We verify attendance through the registration system, and Certificate of Attendance letters are sent out after the event is completed.',
   },
+  {
+    question: "How do I request a visa letter?",
+    answer:
+      "You must be registered for the event before requesting a visa letter. Please note: it can take up to an hour for our registration system and visa letter system to sync. Request a visa letter. ",
+  },
+  {
+    question: "Where can I find health and safety information for the event?",
+    answer:
+      'Your well-being is our top priority. We continuously update our health and safety guidelines based on local regulations. Information about food allergies, medical resources, emergency contacts, and safety services can be found on  <a href="/conf/2025/resources#onsite-resources">this</a> page.',
+  },
+  {
+    question: "What accessibility and onsite resources are available?",
+    answer:
+      'We are committed to providing a comfortable and accessible experience for all attendees. Onsite resources include a private nursing room, venue accessibility support, reserved seating, a quiet room, communication and pronoun stickers, all-gender restrooms, first aid assistance, and a process for handling harassment reports. For full details on these resources, please visit <a href="/conf/2025/resources#health--safety">this</a> page.',
+  },
+  {
+    question: "Looking for more?",
+    answer: "Checkout our <a href='/conf/2025/resources'>Resources</a> page.",
+  },
   {
     question: "Cannot find the answer to your question?",
     answer:
@@ -50,13 +69,14 @@ export function FAQ() {
             Asked Questions
           </h2>
           <p className="select-none text-sm">
-            PLEASE CONTACT{" "}
+            You can find much more information on our{" "}
             <a
-              href="mailto:[email protected]"
-              className="select-text uppercase text-primary hover:underline"
+              href="/conf/2025/resources"
+              className="select-text text-primary hover:underline"
             >
-              [email protected]
-            </a>
+              Resources
+            </a>{" "}
+            page.
           </p>
         </div>
 

src/app/conf/2025/layout.tsx

@@ -4,6 +4,12 @@ import { Header } from "../_components/header"
 import { Footer } from "../_components/footer"
 import { GraphQLConf, HostedByGraphQLFoundation } from "@/icons"
 import NextLink from "next/link"
+import { Rubik } from "next/font/google"
+
+const rubik = Rubik({
+  weight: ["700", "600", "500", "400", "300"],
+  subsets: ["latin"],
+})
 
 export const metadata = {
   description:
@@ -41,15 +47,21 @@ export default function Layout({
           </NextLink>
         }
         links={[
-          { children: "Sponsor", href: "#sponsors" },
-          { children: "Speakers", href: "#speakers" },
-          { children: "Register", href: "#register" },
+          { children: "Sponsor", href: "/conf/2025/#sponsors" },
+          { children: "Speakers", href: "/conf/2025/#speakers" },
+          { children: "Register", href: "/conf/2025/#register" },
           { children: "Recap", href: "/conf/2024" },
-          { children: "FAQ", href: "#faq" },
+          { children: "FAQ", href: "/conf/2025/#faq" },
         ]}
         is2025
       />
-      {children}
+      <div
+        style={{
+          fontFamily: rubik.style.fontFamily,
+        }}
+      >
+        {children}
+      </div>
       <Footer
         logo={
           <NextLink href="/conf/2025" className="nextra-logo text-white">
@@ -62,8 +74,8 @@ export default function Layout({
         }
         links={[
           [
-            { children: "Sponsor", href: "#sponsors" },
-            { children: "Speakers", href: "#speakers" },
+            { children: "Sponsor", href: "/conf/2025/#sponsors" },
+            { children: "Speakers", href: "/#speakers" },
             { children: "GraphQLConf 2024", href: "/conf/2024" },
           ],
           [
@@ -75,9 +87,12 @@ export default function Layout({
             { children: "GraphQL Foundation", href: "/foundation" },
             {
               children: "Code of Conduct",
-              href: "/conf/2025/faq/#codeofconduct",
+              href: "/conf/2025/resources/#code-of-conduct",
+            },
+            {
+              children: "Diversity & Inclusion",
+              href: "/conf/2025/resources/#diversity--inclusion",
             },
-            { children: "Diversity & Inclusion", href: "/conf/2025/faq/#dni" },
           ],
         ]}
       />

src/app/conf/2025/page.tsx

@@ -1,18 +1,12 @@
 import { Metadata } from "next"
 import { HostedByGraphQLFoundation } from "@/icons"
-import { Rubik } from "next/font/google"
 import { GridButton } from "../_components/grid-button"
 import { Sponsor } from "./sponsorship"
 import { Venue } from "./venue"
 import { FAQ } from "./faq"
 import { Register } from "./register"
 import { PastSponsors } from "./past-sponsors"
 
-const rubik = Rubik({
-  weight: ["700", "600", "500", "400", "300"],
-  subsets: ["latin"],
-})
-
 export const metadata: Metadata = {
   title: "GraphQLConf 2025 — Sept 08-10",
 }
@@ -63,12 +57,7 @@ function Intro() {
 
 export default function Page() {
   return (
-    <main
-      style={{
-        fontFamily: rubik.style.fontFamily,
-      }}
-      className="text-white"
-    >
+    <main className="text-white">
       <Hero />
       <div className="container my-20 flex flex-col gap-20 md:my-32 md:gap-32">
         <Intro />

src/app/conf/2025/resources/client-mdx.tsx

@@ -0,0 +1,3 @@
+"use client"
+
+export { default } from "./resources.mdx"

src/app/conf/2025/resources/page.tsx

@@ -0,0 +1,25 @@
+import Resources from "./client-mdx"
+
+import { clsx } from "clsx"
+import { Metadata } from "next"
+
+export const metadata: Metadata = {
+  title: "Resources | 2025",
+}
+
+export default function ResourcesPage() {
+  return (
+    <main>
+      <div
+        className={clsx(
+          "container my-10 flex flex-col md:my-20",
+          "prose max-w-screen-xl",
+          "text-white prose-headings:text-white prose-a:text-white prose-strong:text-white",
+          "prose-a:w-fit prose-a:transition-colors hover:prose-a:text-primary",
+        )}
+      >
+        <Resources />
+      </div>
+    </main>
+  )
+}

src/app/conf/2025/resources/resources.mdx

@@ -0,0 +1,123 @@
+# GraphQLConf 2025 Resource Hub 
+
+<div className="mt-6 grid grid-cols-2 gap-x-4">{toc.map(({value, id}) => <a key={id} href={`#${id}`}>{value}</a>)}</div>
+
+## Code of Conduct
+
+The GraphQL Foundation and the Linux Foundation are dedicated to providing a harassment-free experience for participants at all of our events, whether they are held in person or virtually. GraphQLConf is a working conference intended for professional networking and collaboration within the open source community. It exists to encourage the open exchange of ideas and expression and requires an environment that recognizes the inherent worth of every person and group. While at GraphQLConf or related ancillary or social events, any participants, including members, speakers, attendees, volunteers, sponsors, exhibitors, booth staff and anyone else, should not engage in harassment in any form.
+
+This Code of Conduct may be revised at any time by The GraphQL Foundation or The Linux Foundation and the terms are non-negotiable. Your registration for or attendance at GraphQL, whether in person or virtually, indicates your agreement to abide by this policy and its terms.
+
+Please read the full [Code of Conduct](https://events.linuxfoundation.org/about/code-of-conduct/) for the complete policy and terms.
+
+## Diversity & Inclusion 
+
+Education and collaboration are vital to the future of the open source ecosystem, and it is imperative to us that everyone in the community that wants to participate feels welcome to do so regardless of gender, gender identity, sexual orientation, disability, race, ethnicity, age, religion or economic status. Our [code of conduct](#code-of-conduct) outlines our expectations for all those who participate in our community, as well as the consequences for unacceptable behavior.
+
+We offer diversity and have considered a broad range of both onsite resources and emergency resources as well as a health & safety policy.
+
+If you have ideas on how we can create a more inclusive event, please do not hesitate to let us know. Contact Emily Ruf, Event Director, at [[email protected]](mailto:[email protected]).
+
+## Health & Safety
+
+Check this page for updates about health and safety recommendations.
+
+Our community's well-being is extremely important to us, and creating a safe, worry-free event is our top priority. We will adjust our health and safety protocols as needed while updating this page with information about plans for our attendees onsite. We continue to look to local municipality guidelines to make the best and most informed decisions around onsite safety and requirements. All in-person attendance requirements are subject to change based on local guidelines.
+
+### Food Allergies 
+
+The Linux Foundation believes it's essential to prioritize the safety and well-being of all attendees, including those with food allergies.
+
+- We aim to provide a variety of choices to cater to various needs such as vegetarian, vegan, gluten-free, dairy-free, and peanut-free.  
+- All food items will be clearly labeled at the event, indicating the ingredients used and any potential allergens present.
+
+If you have a food allergy we need to be aware of, please email us at [[email protected]](mailto:[email protected]).
+
+### Medical Resources 
+
+**In an emergency, always dial 112**
+
+**Hospital**  
+Amsterdam UMC – Locatie VUmc  
+De Boelelaan 1117, 1118, 1081 HV Amsterdam  
+\+31 (0)20 444 4444
+
+**Pharmacy**  
+[Amsterdam Central Pharmacy](http://www.amsterdamcentralpharmacy.com/)  
+\+31 20 235 7822  
+De Ruijterkade 24, A,   
+1012 AA Amsterdam, Netherlands
+
+**Taxi**  
+TCA Taxicentrale Amsterdam  
+\+31 020-777-7777  
+[https://www.tcataxi.nl/](http://www.tcataxi.nl/)
+
+### Safety & Trauma Resources 
+
+**Police**  
+Police Station Amsterdam-West  
+Houtmankade 34  
+1013 MX Amsterdam, Netherlands
+
+**Sexual Assault Hotline**  
+Centre Sexual Violence  
+24 hours a day  
+\+31(0)88 7555588
+
+## Onsite Resources
+
+### Nursing Room 
+
+We will be providing a private nursing room to aid in the comfort and accessibility of our nursing attendees. The room will be available all days of the event and will be located onsite. For location information, please check with registration or information desk staff onsite.
+
+### Venue Accessibility 
+
+If you need any assistance locating an elevator, or have other questions about accessibility onsite, please speak to a member of the Linux Foundation event staff at any of the registration or information desks onsite. If you have questions prior to the event, please contact Event Support.
+
+### Reserved Seating
+
+Reserved seating is available in each session for those who have accessibility needs. If you need assistance onsite, please ask a staff member.
+
+### Quiet Room
+
+This is a physical space where attendees can go if they feel unable to interact with other attendees for a period of time. Please refrain from conversation, interaction, or work in these spaces.
+
+### Communication Stickers 
+
+Attendees can pick up communication stickers to add to their badges at registration. Communication stickers indicate an attendee's requested level of interaction with other attendees and press (including photographers and videographers).
+
+Green \= Open to communicate.  
+Yellow \= Only if you know me, please.  
+Red \= I'm not interested in communicating (or being videotaped or photographed) at this time.
+
+Please be respectful of attendee communication preferences.
+
+### Share your Pronouns 
+
+Stickers will be available at registration to add to your badge. Please be respectful of attendees’ pronouns.
+
+### All-Gender Restrooms 
+
+We will designate specific restrooms as all-gender for attendees who feel more comfortable using those facilities.
+
+### First Aid/Medical Assistance 
+
+If you require first aid or medical assistance, please visit our registration desk or a venue information desk. For emergencies, please dial 112\.
+
+### How to Handle a Harassment Report 
+
+If you are being harassed, notice that someone else is being harassed, or have any other concerns, please contact a member of the event staff immediately. Event staff can be identified by staff badges and/or shirts onsite and can be found at the event registration counter at any time. Our staff has had incident response training, responds to harassment reports and does so in accordance with the process recommended by the Ada Initiative, which can be found [here](https://geekfeminism.wikia.org/wiki/Conference_anti-harassment/Responding_to_reports) on the Geek Feminism Wiki.
+
+Conference staff will be happy to help participants contact hotel/venue security or local law enforcement, provide escorts, or otherwise assist those experiencing harassment to feel safe for the duration of the conference.
+
+If you are planning to attend an upcoming event and have concerns regarding another individual who may be present, please reach out to us pre-event. Precautions will be taken to ensure a victim’s comfort and safety, including, but not limited to providing an escort, prepping onsite event staff, keeping victim and harasser from attending the same talks/social events and providing onsite contact cell phone numbers for immediate contact.
+
+### The Linux Foundation Contacts 
+
+Emily Ruf, Event Director, [[email protected]](mailto:[email protected])  
+Angela Brown, SVP & General Manager of Events, \+1-575-694-2263, [[email protected]](mailto:[email protected]) 
+
+## Contact Us
+
+If you cannot find the answer to your question, you are welcome to contact us by emailing [[email protected]](mailto:[email protected]).