diff --git a/src/app/(main)/community/events/event-card.tsx b/src/app/(main)/community/events/event-card.tsx
index d199988f22..d1052a2330 100644
--- a/src/app/(main)/community/events/event-card.tsx
+++ b/src/app/(main)/community/events/event-card.tsx
@@ -4,7 +4,11 @@ import { clsx } from "clsx"
 import { CalendarIcon } from "@/app/conf/_design-system/pixelarticons/calendar-icon"
 import { PinIcon } from "@/app/conf/_design-system/pixelarticons/pin-icon"
 import { Tag } from "@/app/conf/_design-system/tag"
-import { EventKind, eventTagColors } from "./event-filter-tag"
+import {
+  EventKind,
+  eventTagColors,
+  eventTagDescriptions,
+} from "./event-filter-tag"
 
 const dateFormatter = new Intl.DateTimeFormat("en", {
   day: "numeric",
@@ -55,7 +59,8 @@ export interface EventCardProps {
   city: ReactNode
   name: ReactNode
   meta?: ReactNode
-  kind: "meetup" | "conference" | "working-group" | "foundation-meeting"
+  kind: EventKind
+  compact?: boolean
   className?: string
 }
 
@@ -65,6 +70,7 @@ const classNameFromKind = {
   meetup: "bg-[hsl(var(--color-sec-base)/var(--bg-opacity))]",
   "working-group": "bg-[hsl(229deg_100%_70.4%_/_var(--bg-opacity))]",
   "foundation-meeting": "bg-[hsl(35deg_100%_63%_/_var(--bg-opacity))]",
+  workshop: "bg-[hsl(152deg_53%_48%_/_var(--bg-opacity))]",
 } satisfies { [kind in EventKind]: string }
 
 export function EventCard({
@@ -74,6 +80,7 @@ export function EventCard({
   name,
   meta,
   kind,
+  compact,
   className,
 }: EventCardProps) {
   const dateLabel = formatDateLabel(date)
@@ -82,26 +89,46 @@ export function EventCard({
     <a
       href={href}
       className={clsx(
-        "gql-focus-visible group flex min-h-[214px] min-w-[260px] flex-col overflow-hidden border border-neu-200 text-left text-current no-underline ring-neu-400 hover:ring-1 hover:ring-offset-1 hover:ring-offset-neu-0 dark:border-neu-50 dark:ring-neu-100 xs:min-w-[352px] lg:w-[408px]",
+        "gql-focus-visible group flex min-w-[260px] flex-col overflow-hidden border border-neu-200 text-left text-current no-underline ring-neu-400 hover:ring-1 hover:ring-offset-1 hover:ring-offset-neu-0 dark:border-neu-50 dark:ring-neu-100 xs:min-w-[352px] lg:w-[408px]",
         "[--bg-opacity:0.05] hover:[--bg-opacity:0.07] dark:[--bg-opacity:0.03] hover:dark:[--bg-opacity:0.06]",
         "z-[4]",
+        compact ? "xs:min-w-0 lg:w-full" : "min-h-[214px]",
         classNameFromKind[kind],
         className,
       )}
       target="_blank"
       rel="noreferrer"
     >
-      <div className="flex flex-1 flex-col">
+      <div
+        className={clsx(
+          "flex flex-1 flex-col",
+          compact && "md:flex-row md:items-center",
+        )}
+      >
         <div
           className={clsx(
-            "flex h-[45px] items-center justify-between gap-2 px-2 text-neu-800 dark:text-neu-600 xs:px-4",
-            meta
-              ? "border-b border-neu-200 py-2.5 dark:border-neu-50"
-              : "-mb-2 pt-2 xs:-mb-4 xs:pt-3",
+            "flex items-center justify-between gap-2 px-2 text-neu-800 dark:text-neu-600 xs:px-4",
+            compact
+              ? "pt-2 md:order-2 md:min-w-0 md:flex-1 md:justify-start md:gap-3 md:py-2"
+              : "h-[45px]",
+            !compact &&
+              (meta
+                ? "border-b border-neu-200 py-2.5 dark:border-neu-50"
+                : "-mb-2 pt-2 xs:-mb-4 xs:pt-3"),
           )}
         >
-          <Tag color={eventTagColors[kind]}>{kind.replace("-", " ")}</Tag>
-          {!!meta && (
+          <Tag color={eventTagColors[kind]} title={eventTagDescriptions[kind]}>
+            {kind.replace("-", " ")}
+          </Tag>
+          {!!meta && compact && (
+            <Tag
+              color="hsl(var(--color-neu-500))"
+              className="normal-case max-md:hidden"
+            >
+              Hosted by: {meta}
+            </Tag>
+          )}
+          {!!meta && !compact && (
             <span
               className={clsx(
                 String(meta).length < 22
@@ -115,13 +142,21 @@ export function EventCard({
           )}
         </div>
 
-        <div className="typography-h3 flex min-h-[100px] flex-1 flex-col justify-center px-2 py-3 text-neu-900 xs:min-h-[124px] xs:px-4 xs:py-6">
+        <div
+          className={clsx(
+            "flex flex-1 flex-col justify-center px-2 text-neu-900 xs:px-4",
+            compact
+              ? "typography-body-lg py-1 font-medium md:order-1 md:max-w-[45%] md:flex-none md:py-2"
+              : "typography-h3 min-h-[100px] py-3 xs:min-h-[124px] xs:py-6",
+          )}
+        >
           {name}
         </div>
 
         <div
           className={clsx(
             "flex flex-wrap border-t border-neu-200 text-neu-800 dark:border-neu-50",
+            compact && "md:order-3 md:w-[26rem] md:shrink-0 md:border-t-0",
             dateLabel && city
               ? "grid grid-cols-2 divide-x divide-neu-200 dark:divide-neu-50"
               : "",
diff --git a/src/app/(main)/community/events/event-filter-tag.tsx b/src/app/(main)/community/events/event-filter-tag.tsx
index e1ba7978c6..057788543f 100644
--- a/src/app/(main)/community/events/event-filter-tag.tsx
+++ b/src/app/(main)/community/events/event-filter-tag.tsx
@@ -7,12 +7,23 @@ export type EventKind =
   | "conference"
   | "working-group"
   | "foundation-meeting"
+  | "workshop"
 
 export const eventTagColors = {
   conference: "hsl(var(--color-pri-base))",
   meetup: "hsl(var(--color-sec-dark))",
   "working-group": "#6883FF",
   "foundation-meeting": "#FFB140",
+  workshop: "#3DBE7E",
+} satisfies { [kind in EventKind]: string }
+
+export const eventTagDescriptions = {
+  conference: "A large event, often with multiple talks, booth, etc...",
+  meetup: "Smaller event, often focused on one or two topics",
+  "working-group": "Online meetings where the specs are worked on",
+  "foundation-meeting":
+    "Meeting where the non-technical aspects of GraphQL are discussed",
+  workshop: "Hands on event to learn about GraphQL",
 } satisfies { [kind in EventKind]: string }
 
 export interface EventFilterTagProps
@@ -32,6 +43,7 @@ export function EventFilterTag({
 }: EventFilterTagProps) {
   return (
     <label
+      title={eventTagDescriptions[kind]}
       {...rest}
       className="cursor-pointer select-none hover:opacity-90 hover:ring hover:ring-neu-100 has-[>:disabled]:pointer-events-none dark:hover:ring-neu-50"
     >
diff --git a/src/app/(main)/community/events/events-list.tsx b/src/app/(main)/community/events/events-list.tsx
index 003c9ddec5..dff8d45478 100644
--- a/src/app/(main)/community/events/events-list.tsx
+++ b/src/app/(main)/community/events/events-list.tsx
@@ -6,10 +6,11 @@ import { clsx } from "clsx"
 import type { WorkingGroupMeeting as CalendarEvent } from "@/../scripts/sync-working-groups/sync-working-groups"
 
 import { EventCard } from "./event-card"
-import { EventsScrollview } from "./events-scrollview"
 import type { Event } from "./events"
 import { EventFilterTag, EventKind } from "./event-filter-tag"
 
+const PAGE_SIZE = 12
+
 interface FilterChipProps extends ComponentPropsWithoutRef<"button"> {
   active?: boolean
   count?: number
@@ -61,10 +62,13 @@ type AnyEvent = Event | CalendarEvent
 const DEFAULT_VISIBILITY = {
   conference: true,
   meetup: true,
-  "working-group": true,
-  "foundation-meeting": true,
+  "working-group": false,
+  "foundation-meeting": false,
+  workshop: true,
 } satisfies Record<EventKind, boolean>
 
+const tags = Object.keys(DEFAULT_VISIBILITY) as EventKind[]
+
 const DAY_IN_MS = 24 * 60 * 60 * 1000
 
 // We want to show at least one of each WG, a month might be 31 days long and
@@ -164,30 +168,21 @@ export function EventsList({
   className?: string
   children?: React.ReactNode
 }) {
-  const [kindFilters, setKindFilters] = useState(DEFAULT_VISIBILITY)
+  const [kindFilters, setKindFilters] =
+    useState<Record<EventKind, boolean>>(DEFAULT_VISIBILITY)
+  const [limit, setLimit] = useState(PAGE_SIZE)
 
-  const { events, tags } = useMemo(() => {
-    const visibleTags: Set<EventKind> = new Set()
-    /** Determines if this event kind should be shown, and if so ensures the tag is present in tags */
+  const events = useMemo(() => {
+    /** Determines if this event kind should be shown */
     const shouldShow = (kind: EventKind, date?: Date): boolean => {
       if (kind === "working-group" || kind === "foundation-meeting") {
         if (!date) return false
         // we filter out all working groups further in the future than 30 days
         if (!isSoon(date)) return false
       }
-      visibleTags.add(kind)
       return kindFilters[kind]
     }
-    const majorEvents: AnyEvent[] = []
-    const minorEvents: AnyEvent[] = []
-
-    // Prioritize major vs minor events
-    const target = {
-      conference: majorEvents,
-      meetup: majorEvents,
-      "working-group": minorEvents,
-      "foundation-meeting": minorEvents,
-    } satisfies { [kind in EventKind]: AnyEvent[] }
+    const events: AnyEvent[] = []
 
     for (const event of allEvents) {
       const kind = categorizeEvent(event)
@@ -203,30 +198,23 @@ export function EventsList({
       } else if ("start" in event) {
         const date = new Date(event.start)
         if (shouldShow(kind, date)) {
-          target[kind].push(event)
+          events.push(event)
         }
       } else {
         if (shouldShow(kind)) {
-          target[kind].push(event)
+          events.push(event)
         }
       }
     }
-    // Ensure that major events are surfaced higher than minor events, even though this breaks date order
-    const events = [...majorEvents, ...minorEvents]
-    const keys = Object.keys(DEFAULT_VISIBILITY)
-    // Sort tags into a sensible order
-    const tags = [...visibleTags].sort(
-      (a, z) => keys.indexOf(a) - keys.indexOf(z),
-    )
-    return { events, tags }
+    return events
   }, [allEvents, kindFilters])
 
   return (
     <div className={className}>
-      <div className="flex justify-between gap-2 max-lg:flex-col-reverse lg:mb-8 lg:items-end">
+      <div className="mb-6 flex justify-between gap-2 max-lg:flex-col-reverse lg:mb-8 lg:items-end">
         <fieldset>
           <legend className="typography-menu mt-2">Event type</legend>
-          <div className="mt-4 flex gap-3">
+          <div className="mt-4 flex flex-wrap gap-3">
             {tags.map(tag => (
               <EventFilterTag
                 key={tag}
@@ -248,8 +236,8 @@ export function EventsList({
         </fieldset>
         {children}
       </div>
-      <EventsScrollview>
-        {events.map(event => {
+      <div className="flex flex-col gap-2">
+        {events.slice(0, limit).map(event => {
           const kind = categorizeEvent(event)
           if (kind === "duplicate" || kind == null) {
             return null
@@ -263,6 +251,7 @@ export function EventsList({
               name={calendarEventName(event)}
               city={calendarEventCity(event)}
               kind={kind}
+              compact
             />
           ) : (
             <EventCard
@@ -273,10 +262,36 @@ export function EventsList({
               name={event.name}
               city={event.location}
               kind={kind}
+              compact
             />
           )
         })}
-      </EventsScrollview>
+        {events.length > limit && (
+          <button
+            type="button"
+            onClick={() => setLimit(limit + PAGE_SIZE)}
+            className="gql-focus-visible typography-body-md border border-neu-200 py-3 text-neu-800 hover:bg-neu-100 dark:border-neu-50 dark:text-neu-600 dark:hover:bg-neu-50"
+          >
+            Load more
+          </button>
+        )}
+        {events.length <= limit && tags.some(tag => !kindFilters[tag]) && (
+          <button
+            type="button"
+            onClick={() =>
+              setKindFilters(
+                Object.fromEntries(tags.map(tag => [tag, true])) as Record<
+                  EventKind,
+                  boolean
+                >,
+              )
+            }
+            className="gql-focus-visible typography-body-md border border-neu-200 py-3 text-neu-800 hover:bg-neu-100 dark:border-neu-50 dark:text-neu-600 dark:hover:bg-neu-50"
+          >
+            Show all event types
+          </button>
+        )}
+      </div>
     </div>
   )
 }
diff --git a/src/app/(main)/community/events/events.ts b/src/app/(main)/community/events/events.ts
index 5f16be22bd..e586aea282 100644
--- a/src/app/(main)/community/events/events.ts
+++ b/src/app/(main)/community/events/events.ts
@@ -9,7 +9,7 @@ export interface Event {
   date: string
   coverImage?: string
   eventLink: string
-  host: string
+  host?: string
   hostLink?: string
   kind?: EventKind
 }
@@ -30,52 +30,61 @@ const allEvents: Event[] = [
     location: "Zoom",
     date: "2026-09-22T17:00:00Z",
     eventLink: "https://guild.host/events/graphql-virtual-meetup-zywc3q",
-    host: "GraphQL Foundation",
     kind: "meetup",
   },
   {
-    name: "GraphQL Day at FOST London",
+    name: "From Zero to Agentic Query in One Afternoon",
+    slug: "jonthebeach-workshop-2026",
+    location: "Málaga, Spain",
+    date: "2026-10-29T09:00:00+02:00",
+    eventLink: "https://jonthebeach.com/workshops/from-zero-to-agentic/",
+    host: "J On The Beach",
+    hostLink: "https://jonthebeach.com",
+    kind: "workshop" as const,
+  },
+  {
+    name: "GraphQL Day London",
     slug: "graphql-day-fost-london-2026",
     location: "London",
     date: "2026-10-01T09:00:00+01:00",
     eventLink: "/day/2026/london",
-    host: "FOST & GraphQL Community",
+    host: "FOST London",
     hostLink: "https://www.joinfost.io",
   },
   {
-    name: "GraphQL Days at FOST Paris",
+    name: "GraphQL Days Paris",
     slug: "graphql-day-fost-paris-2026",
     location: "Paris",
     date: "2026-12-01T09:00:00+01:00",
     eventLink: "/day/2026/paris",
-    host: "FOST & GraphQL Community",
+    host: "FOST Paris",
     hostLink: "https://www.joinfost.io",
   },
   {
-    name: "GraphQL Day at FOST Melbourne",
+    name: "GraphQL Day Melbourne",
     slug: "graphql-day-fost-melbourne-2026",
     location: "Melbourne",
     date: "2026-10-28T09:00:00+11:00",
     eventLink: "/day/2026/melbourne",
-    host: "FOST & GraphQL Community",
+    host: "FOST Melbourne",
     hostLink: "https://www.joinfost.io",
   },
   {
-    name: "GraphQL Day at FOST Bengaluru",
+    name: "GraphQL Day Bengaluru",
     slug: "graphql-day-fost-bengaluru-2026",
     location: "Bengaluru",
     date: "2026-08-19T09:00:00+05:30",
     eventLink: "/day/2026/bengaluru",
-    host: "FOST & GraphQL Community",
+    host: "FOST Bengaluru",
     hostLink: "https://www.joinfost.io",
   },
   {
-    name: "GraphQL Day at FOST Amsterdam",
+    name: "GraphQL Day Amsterdam",
     slug: "graphql-day-fost-amsterdam-2026",
     location: "Amsterdam",
     date: "2026-06-09T09:00:00+01:00",
     eventLink: "/day/2026/amsterdam",
-    host: "FOST & GraphQL Community",
+    host: "FOST Amsterdam",
     hostLink: "https://www.joinfost.io",
   },
   {
@@ -84,15 +93,14 @@ const allEvents: Event[] = [
     location: "Fremont, California",
     date: "2026-05-21T16:30:00+00:00",
     eventLink: "/conf/2026/wg-day",
-    host: "GraphQL Foundation",
   },
   {
-    name: "GraphQL Day at FOST NYC",
+    name: "GraphQL Day NYC",
     slug: "graphql-day-fost-nyc-2026",
     location: "New York",
     date: "2026-05-13T09:00:00-04:00",
     eventLink: "/day/2026/nyc",
-    host: "FOST & GraphQL Community",
+    host: "FOST NYC",
     hostLink: "https://www.joinfost.io",
   },
   {
@@ -101,15 +109,14 @@ const allEvents: Event[] = [
     location: "Fremont, California",
     date: "2026-05-19T16:00:00+00:00",
     eventLink: "/conf/2026",
-    host: "GraphQL Foundation",
   },
   {
-    name: "GraphQL Day at FOST Singapore",
+    name: "GraphQL Day Singapore",
     slug: "graphql-day-fost-singapore-2026",
     location: "Singapore",
     date: "2026-04-14T09:00:00+08:00",
     eventLink: "/day/2026/singapore",
-    host: "FOST & GraphQL Community",
+    host: "FOST Singapore",
     hostLink: "https://www.joinfost.io",
   },
   {
@@ -127,7 +134,6 @@ const allEvents: Event[] = [
     location: "Amsterdam",
     date: "2025-09-08T07:00:00+00:00",
     eventLink: "/conf/2025",
-    host: "GraphQL Foundation",
   },
   {
     name: "GraphQLConf 2024",
@@ -135,7 +141,6 @@ const allEvents: Event[] = [
     location: "San Francisco",
     date: "2024-09-09T07:00:00+00:00",
     eventLink: "/conf/2024",
-    host: "GraphQL Foundation",
   },
   {
     name: "GraphQL Bali 001",
diff --git a/src/app/(main)/community/events/page.tsx b/src/app/(main)/community/events/page.tsx
index e6fdf2f396..6211721821 100644
--- a/src/app/(main)/community/events/page.tsx
+++ b/src/app/(main)/community/events/page.tsx
@@ -36,7 +36,7 @@ export default async function EventsPage() {
           sections={[
             "Upcoming events",
             "Meetups",
-            { name: "Past events & meetups", href: "#past-events-and-meetups" },
+            { name: "Past events", href: "#past-events" },
             "Events gallery",
             "Benefits of getting involved",
             "Get your meetup noticed",
@@ -86,7 +86,7 @@ export default async function EventsPage() {
             <EventsList events={upcomingEvents.reverse()}>
               <SubscribeToRssLink />
             </EventsList>
-            <Button className="md:hidden" href={ISSUE_TEMPLATE_LINK}>
+            <Button className="mt-6 md:hidden" href={ISSUE_TEMPLATE_LINK}>
               Add a new event
             </Button>
           </section>
@@ -104,8 +104,8 @@ export default async function EventsPage() {
           <MeetupsMap />
         </section>
 
-        <section className="gql-section" id="past-events-and-meetups">
-          <h2 className="typography-h2">Past events & meetups</h2>
+        <section className="gql-section" id="past-events">
+          <h2 className="typography-h2">Past events</h2>
           <p className="typography-body-md my-6 lg:mb-12">
             A look back at how the GraphQL community connects and grows
             together.
diff --git a/src/app/(main)/community/events/rss.xml/route.tsx b/src/app/(main)/community/events/rss.xml/route.tsx
index 90c35d4f5e..3bbfcc0433 100644
--- a/src/app/(main)/community/events/rss.xml/route.tsx
+++ b/src/app/(main)/community/events/rss.xml/route.tsx
@@ -30,7 +30,7 @@ export async function GET() {
         title: event.name,
         date: event.date,
         url: event.eventLink,
-        description: `Host: ${event.host} | Location: ${event.location}`,
+        description: `${event.host ? `Host: ${event.host} | ` : ""}Location: ${event.location}`,
       })
     }
   }