graphql conf 2025 landing page

src/app/conf/2025/layout.tsx

@@ -0,0 +1,88 @@
+import { ReactElement, ReactNode } from "react"
+import { Metadata } from "next"
+import { Header } from "../_components/header"
+import { Footer } from "../_components/footer"
+import { GraphQLConf, HostedByGraphQLFoundation } from "@/icons"
+import NextLink from "next/link"
+
+export const metadata = {
+  description:
+    "The official GraphQL conference hosted by the GraphQL Foundation.",
+  openGraph: {
+    images: [
+      {
+        url: "/img/og-graphql-conf-2025.jpeg",
+        alt: "GraphQLConf 2025 hosted by the GraphQL Foundation. September 10-12, 2025. San Francisco Bay Area, California",
+      },
+    ],
+  },
+  title: {
+    absolute: "",
+    template: "%s | GraphQLConf 2025",
+  },
+  keywords: ["GraphQL", "GraphQLConf", "GraphQLConf 2025"],
+} satisfies Metadata
+
+export default function Layout({
+  children,
+}: {
+  children: ReactNode
+}): ReactElement {
+  return (
+    <>
+      <Header
+        logo={
+          <NextLink
+            href="/conf/2025"
+            className="text-white flex gap-2 items-center nextra-logo"
+          >
+            <GraphQLConf className="h-6" />
+            <span className="text-xl/none select-none">2025</span>
+          </NextLink>
+        }
+        links={[
+          { children: "Sponsor", href: "/conf/2025/sponsor" },
+          { children: "Speakers", href: "/conf/2025/speakers" },
+          { children: "Register", href: "/conf/2025/register" },
+          { children: "Recap", href: "/conf/2025/recap" },
+          { children: "FAQ", href: "/conf/2025/faq" },
+        ]}
+        is2025
+      />
+      {children}
+      <Footer
+        logo={
+          <NextLink href="/conf/2025" className="text-white nextra-logo">
+            <div className="flex gap-2 items-center">
+              <GraphQLConf className="h-6" />
+              <span className="text-xl/none select-none">2025</span>
+            </div>
+            <HostedByGraphQLFoundation className="h-5 mt-2" />
+          </NextLink>
+        }
+        links={[
+          [
+            { children: "Schedule", href: "/conf/2025/schedule" },
+            { children: "Speakers", href: "/conf/2025/speakers" },
+            { children: "Gallery", href: "/conf/2025/gallery" },
+            { children: "Speakers", href: "/conf/2025/speakers" },
+            { children: "GraphQLConf 2023", href: "/conf/2023" },
+          ],
+          [
+            { children: "FAQ", href: "/conf/2025/faq" },
+            { children: "Contact Us", href: "/conf/2025/faq/#contact" },
+          ],
+          [
+            { children: "GraphQL", href: "/" },
+            { children: "GraphQL Foundation", href: "/foundation" },
+            {
+              children: "Code of Conduct",
+              href: "/conf/2025/faq/#codeofconduct",
+            },
+            { children: "Diversity & Inclusion", href: "/conf/2025/faq/#dni" },
+          ],
+        ]}
+      />
+    </>
+  )
+}

src/app/conf/2025/page.tsx

@@ -0,0 +1,130 @@
+import { Metadata } from "next"
+import { HostedByGraphQLFoundation } from "@/icons"
+import { Sponsors } from "./sponsors"
+import { Button } from "@/app/conf/_components/button"
+import clsx from "clsx"
+import { InfiniteMovingSpeakers } from "../_components/infinite-moving-speakers"
+import { SessionList } from "../_components/schedule/session-list"
+import { filterCategories2024 } from "../_components/schedule/filter-categories"
+import NextImage from "next-image-export-optimizer"
+import { Rubik } from "next/font/google"
+import GridButton from '../_components/grid-button'
+import InfoGrid from '../_components/info-grid'
+
+const rubik = Rubik({
+  weight: ["700", "600", "500", "400", "300"],
+  subsets: ["latin"],
+})
+
+function shuffle<T extends any[]>(array: T): T {
+  let currentIndex = array.length
+  let randomIndex: number
+
+  // While there remain elements to shuffle.
+  while (currentIndex > 0) {
+    // Pick a remaining element.
+    randomIndex = Math.floor(Math.random() * currentIndex)
+    currentIndex--
+
+    // And swap it with the current element.
+    ;[array[currentIndex], array[randomIndex]] = [
+      array[randomIndex],
+      array[currentIndex],
+    ]
+  }
+
+  return array
+}
+
+const classes = {
+  heading: "text-[45px] text-center font-bold mb-20",
+  container: "conf-block container text-white",
+}
+
+export const metadata: Metadata = {
+  title: "GraphQLConf 2024 — Sept 10-12",
+}
+
+export default function Page() {
+  return (
+    <div
+      style={{
+        fontFamily: rubik.style.fontFamily,
+      }}
+    >
+      <div className="conf-hero-2025 relative">
+        <div className="container h-full py-16 md:py-28 flex flex-col justify-center">
+          <div className="flex items-center justify-center flex-col">
+            <h1
+              style={{
+                fontSize: "min(calc(10px + 80vw / 12), 150px)",
+                fontWeight: "bold",
+                fontFamily: rubik.style.fontFamily,
+              }}
+            >
+              GraphQLConf <span className="font-light">2025</span>
+            </h1>
+            <HostedByGraphQLFoundation className="w-full shrink-0 h-8 lg:h-10 mb-6 self-start" />
+            <span className={`${rubik.className} font-medium text-xl`}>
+              September 08 - 10, 2025 | Amsterdam, Netherlands
+            </span>
+          </div>
+        </div>
+        <div
+          className="absolute bottom-0 left-1/2 -translate-x-1/2 w-[90%] h-px bg-white/10"
+          aria-hidden="true"
+        ></div>
+      </div>
+
+      <div className="container flex gap-20 flex-col pt-24">
+        <div className="flex gap-12 lg:gap-24 max-md:flex-col">
+          <div className="flex flex-col gap-5 text-white flex-1">
+            <h2 className="text-3xl lg:text-[45px]/[4rem] font-[400]">
+              Celebrating 10 Years of GraphQL. Three transformative days of
+              expert insights and innovation to shape the next decade of APIs
+              together!
+            </h2>
+
+            <GridButton title='Get Tickets' href="/conf/2025/tickets" disabled />
+          </div>
+        </div>
+      </div>
+
+      <Sponsors />
+
+      <GridButton title='Notify Me About Speaking' href="/conf/2025/notify" disabled />
+             <div className="container py-24">
+              <InfoGrid title='Register' subtitle='Join a diverse community of GraphQL developers, architects, and enthusiasts while experiencing premium content and networking opportunities in a vendor-neutral environment.'
+              listItems={[{
+                title: "Corporate",
+                description: "The Corporate Registration type is for registrants whose company is paying for their attendance. This includes for-profit companies. You will help keep the conference affordable for everyone, especially students and those needing financial aid."
+              }, 
+
+              {
+                title: "Individuals",
+                description: "The Individual Registration type is for registrants who are currently not working for a company, work for a non-profit or research institution or are attending at their own expense. You will receive confirmation within five business days of registering if your individual registration is approved or needs additional information."
+              },
+              {
+                title: "Academics",
+                description: "Academics registrations are for current full-time students and faculty members. Full-time faculty and students will need to upload a valid copy of their Faculty or Student ID when registering. If you have any questions, please email graphql_events@linuxfoundation.org"
+              },
+              {
+                title: "Speakers",
+                description: "You should have received a registration link in your acceptance email. If you did not, please contact cfp@linuxfoundation.org for more details."
+              },
+              {
+                title: "Sponsors",
+                description: "A registration link was shared in an email to your company’s sponsorship contact. Please reach out to your company’s sponsorship contact if you need to register as a Sponsor. For further questions, please email events@linuxfoundation.org."
+              },
+              ]} />
+
+<div className='flex justify-center my-14'>
+         <button className="relative z-0 px-28 py-4 text-white text-3xl font-semibold bg-[#E10098] hover:bg-[#ef00a3] flex items-center justify-center gap-2">
+                Get Tickets
+                <span className="text-xl">➔</span>
+              </button>
+              </div>
+      </div>
+    </div>
+  )
+}