Add [See the speakers] link

Author: hasparus

src/app/conf/2025/schedule/_components/schedule-list.tsx

@@ -178,7 +178,7 @@ export function ScheduleList({
                   ([sessionDate, sessions]) => (
                     <div key={`concurrent sessions on ${sessionDate}`}>
                       <div className="mb-px mr-px flex flex-col max-lg:ml-px lg:flex-row">
-                        <div className="relative border-neu-50 bg-neu-50 dark:bg-neu-0 max-lg:-mx-px max-lg:border-x lg:mr-px">
+                        <div className="relative border-neu-50 bg-neu-50 dark:bg-neu-0 max-lg:-mx-px max-lg:mt-px max-lg:border-x lg:mr-px">
                           <span className="mt-3 inline-block w-20 whitespace-nowrap pb-0.5 pl-4 typography-body-sm lg:mr-6 lg:w-28 lg:pb-4 lg:pl-0">
                             {format(parseISO(sessionDate), "hh:mmaaaa 'PDT'")}
                           </span>

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

@@ -9,14 +9,16 @@ import { Button } from "../../_design-system/button"
 import { GET_TICKETS_LINK } from "../links"
 import graphqlFoundationWordmarkSvg from "../assets/graphql-foundation-wordmark.svg"
 
+const year = "2025"
+
 export const metadata: Metadata = {
   title: "Schedule",
 }
 
 export default function SchedulePage() {
   return (
     <main className="gql-all-anchors-focusable bg-neu-50 dark:bg-neu-0">
-      <ScheduleHero />
+      <ScheduleHero year={year} />
       <div className="gql-conf-container gql-conf-section">
         <a
           href="https://graphqlconf2024.sched.com"
@@ -29,23 +31,23 @@ export default function SchedulePage() {
         <ScheduleList
           filterCategories={filterCategories2024}
           eventsColors={eventsColors}
-          year="2025"
+          year={year}
           scheduleData={schedule}
         />
       </div>
     </main>
   )
 }
 
-function ScheduleHero() {
+function ScheduleHero({ year }: { year: "2025" }) {
   return (
     <article className="gql-conf-navbar-strip relative isolate flex flex-col justify-center bg-pri-base text-neu-0 selection:bg-blk/40 before:bg-white/30 dark:bg-pri-darker dark:text-neu-900 dark:selection:bg-white/40 before:dark:bg-blk/40">
       <HeroStripes />
       <div className="gql-conf-container mx-auto flex max-w-full flex-col gap-12 overflow-hidden p-4 pt-6 sm:p-8 sm:pt-12 md:gap-12 md:bg-left md:p-12 lg:px-24 lg:pb-16 lg:pt-24">
         <div className="flex gap-10 max-md:flex-col md:justify-between">
           <div>
             <span className="text-sec-base typography-h3">
-              GraphQLConf 2025
+              GraphQLConf {year}
             </span>
             <h1 className="typography-d1">Schedule</h1>
           </div>
@@ -60,9 +62,10 @@ function ScheduleHero() {
           </div>
         </div>
 
-        <div className="flex flex-col gap-8 pt-[18px]">
-          <Button className="md:w-fit" href={GET_TICKETS_LINK}>
-            Get your tickets
+        <div className="flex flex-row gap-4 pt-[18px]">
+          <Button href={GET_TICKETS_LINK}>Get your tickets</Button>
+          <Button variant="secondary" href={`/conf/${year}/speakers`}>
+            See the speakers
           </Button>
         </div>
       </div>