Singapore: schedule replaces bottom CTA, drops sub-headings

Schedule moves from above the fold to where the CTA card was — the bold
final block on the page. Day heading and "Session description" /
"Session speaker" labels removed; the descriptions and speaker cards
read on their own. Hero "View the schedule" button still anchors to
this section.

Author: hasparus

src/app/day/2026/singapore/page.tsx

@@ -5,7 +5,6 @@ import { Hero, HeroDateAndLocation } from "../components/hero"
 import { AboutSection } from "../components/about-section"
 import { WhyAttendSection } from "../components/why-attend-section"
 import { EventPartnersSection } from "../components/event-partners"
-import { CtaCardSection } from "../components/cta-card-section"
 import { MarqueeRows } from "@/app/conf/2026/components/marquee-rows"
 import { PastSpeakersSection } from "../components/past-speakers"
 import { NavbarPlaceholder } from "../components/navbar"
@@ -57,23 +56,11 @@ export default function SingaporePage() {
           items={MARQUEE_ITEMS}
         />
         <div className="gql-container gql-conf-navbar-strip text-neu-900 before:bg-white/40 before:dark:bg-blk/30">
-          <ScheduleSection />
           <WhyAttendSection />
           <PastSpeakersSection />
           <EventPartnersSection />
           <GallerySection moving />
-          <CtaCardSection
-            title="View the schedule"
-            description="Catch up on the talks, descriptions, and speakers from GraphQL Day @ FOST Singapore."
-          >
-            <Button
-              href={SCHEDULE_ANCHOR}
-              variant="primary"
-              className="whitespace-nowrap"
-            >
-              View the schedule
-            </Button>
-          </CtaCardSection>
+          <ScheduleSection />
           <MarqueeRows
             variant="secondary"
             className="my-8 xl:mb-16 xl:mt-10"

src/app/day/2026/singapore/schedule-section.tsx

@@ -1,6 +1,5 @@
 import Image from "next/image"
 import clsx from "clsx"
-import { format, parseISO } from "date-fns"
 
 import { Tag } from "@/app/conf/_design-system/tag"
 import { CalendarIcon } from "@/app/conf/_design-system/pixelarticons/calendar-icon"
@@ -28,14 +27,6 @@ const DATE_FORMAT = new Intl.DateTimeFormat("en-US", {
 })
 
 export function ScheduleSection() {
-  const sessionsByDay = new Map<string, SingaporeSession[]>()
-  for (const session of singaporeSessions) {
-    const day = session.start.slice(0, 10)
-    const list = sessionsByDay.get(day) ?? []
-    list.push(session)
-    sessionsByDay.set(day, list)
-  }
-
   return (
     <section
       id="schedule"
@@ -49,20 +40,8 @@ export function ScheduleSection() {
           </p>
         </div>
 
-        {Array.from(sessionsByDay.entries()).map(([day, sessions], dayIdx) => (
-          <div key={day}>
-            <Hr className="mt-8 lg:mt-12" />
-            <h3 className="typography-h3 px-2 pb-2 pt-8 text-neu-700 sm:px-3 lg:pt-12">
-              {format(parseISO(day), "EEEE, MMMM d, yyyy")}
-            </h3>
-            {sessions.map((session, i) => (
-              <SessionBlock
-                key={session.id}
-                session={session}
-                isFirst={dayIdx === 0 && i === 0}
-              />
-            ))}
-          </div>
+        {singaporeSessions.map((session, i) => (
+          <SessionBlock key={session.id} session={session} isFirst={i === 0} />
         ))}
       </div>
     </section>
@@ -78,25 +57,21 @@ function SessionBlock({
 }) {
   return (
     <article>
-      <Hr className={isFirst ? "mt-4" : "mt-12 lg:mt-16"} />
+      <Hr className={isFirst ? "mt-8 lg:mt-12" : "mt-12 lg:mt-16"} />
       <SessionHeader session={session} className="px-2 pt-8 sm:px-3 lg:pt-12" />
       {session.description && (
-        <>
-          <Hr className="mt-10 2xl:mt-16" />
-          <SessionDescription session={session} />
-        </>
+        <div
+          className="typography-body-lg mt-8 flex flex-col gap-4 px-2 pb-8 sm:px-3 lg:mt-12 xl:pb-12 [&_a]:break-words"
+          dangerouslySetInnerHTML={{
+            __html: formatDescription(session.description),
+          }}
+        />
       )}
       {session.speakers.length > 0 && (
-        <>
-          <Hr />
-          <h4 className="typography-h2 my-8 max-w-[408px] px-2 sm:px-3 lg:my-12">
-            Session {session.speakers.length === 1 ? "speaker" : "speakers"}
-          </h4>
-          <SessionSpeakers
-            speakers={session.speakers}
-            className="-mx-px -mb-px"
-          />
-        </>
+        <SessionSpeakers
+          speakers={session.speakers}
+          className="-mx-px -mb-px border-t border-neu-200 dark:border-neu-100"
+        />
       )}
     </article>
   )
@@ -146,20 +121,6 @@ function SessionHeader({
   )
 }
 
-function SessionDescription({ session }: { session: SingaporeSession }) {
-  return (
-    <div className="mt-8 flex gap-4 px-2 pb-8 max-lg:flex-col sm:px-3 lg:mt-16 lg:gap-8 xl:pb-16">
-      <h4 className="typography-h2 min-w-[320px]">Session description</h4>
-      <div
-        className="typography-body-lg flex flex-col gap-4 [&_a]:break-words"
-        dangerouslySetInnerHTML={{
-          __html: formatDescription(session.description),
-        }}
-      />
-    </div>
-  )
-}
-
 function SessionSpeakers({
   speakers,
   className,