From e48b07997e5e46d18f239e071a7d75f96763a910 Mon Sep 17 00:00:00 2001
From: Mirha Masala <mirha@hey.com>
Date: Wed, 9 Oct 2024 09:53:38 +0100
Subject: [PATCH 01/12] Include schedule config to Events

---
 public/admin/config.yml                      | 43 ++++++++++++++++++++
 src/app/_schemas/event/FrontMatterSchema.ts  |  2 +
 src/app/_schemas/event/ScheduleSchema.ts     | 28 +++++++++++++
 src/app/_utils/convertMarkdownToEventData.ts |  1 +
 4 files changed, 74 insertions(+)
 create mode 100644 src/app/_schemas/event/ScheduleSchema.ts

diff --git a/public/admin/config.yml b/public/admin/config.yml
index e00f160b7..636cd2922 100644
--- a/public/admin/config.yml
+++ b/public/admin/config.yml
@@ -771,6 +771,49 @@ collections:
             required: false
             hint: Paste the embed URL for your Luma event here to display the events directly on the page. Include relevant tags when appropriate, e.g., https://lu.ma/embed/calendar/cal-nlDvL4B7Ko1swF0/events?lt=light&tag=FIL%20Bangkok%202024.
       - *image_config
+      - name: "schedule"
+        label: "Schedule"
+        widget: "object"
+        collapsed: true
+        required: false
+        fields:
+          - name: "title"
+            label: "Section Title"
+            widget: "string"
+            required: false
+            hint: This is the title for the section header. For example, "FIL Bangkok 2024 Main Stage Schedule. Defaults to 'Schedule.'"
+          - name: "days"
+            widget: "list"
+            required: false
+            fields:
+              - name: "date"
+                label: "Date"
+                widget: "datetime"
+                hint: "The date of the events."
+              - name: "events"
+                label: "Events"
+                widget: "list"
+                fields:
+                  - name: "title"
+                    label: "Event Title"
+                    widget: "string"
+                  - name: "description"
+                    label: "Description"
+                    widget: "text"
+                  - name: "start"
+                    label: "Start Time"
+                    widget: "datetime"
+                  - name: "end"
+                    label: "End Time"
+                    widget: "datetime"
+                    required: false
+                  - name: "location"
+                    label: "Location"
+                    widget: "string"
+                  - name: "url"
+                    label: "URL"
+                    widget: "string"
+                    required: false
       - name: "speakers"
         label: "Speakers"
         widget: "list"
diff --git a/src/app/_schemas/event/FrontMatterSchema.ts b/src/app/_schemas/event/FrontMatterSchema.ts
index ddc0bb8c3..776bb9bbd 100644
--- a/src/app/_schemas/event/FrontMatterSchema.ts
+++ b/src/app/_schemas/event/FrontMatterSchema.ts
@@ -6,6 +6,7 @@ import {
 } from '@/utils/categoryUtils'
 
 import { DynamicBaseDataSchema } from '@/schemas/DynamicDataBaseSchema'
+import { ScheduleSchema } from '@/schemas/event/ScheduleSchema'
 import { SpeakersSchema } from '@/schemas/event/SpeakerSchema'
 import { SponsorsSchema } from '@/schemas/event/SponsorSchema'
 
@@ -33,6 +34,7 @@ export const EventFrontMatterSchema = DynamicBaseDataSchema.extend({
     .optional(),
   startDate: z.coerce.date(),
   endDate: z.coerce.date().optional(),
+  schedule: ScheduleSchema.optional(),
   speakers: SpeakersSchema.optional(),
   sponsors: SponsorsSchema.optional(),
 })
diff --git a/src/app/_schemas/event/ScheduleSchema.ts b/src/app/_schemas/event/ScheduleSchema.ts
new file mode 100644
index 000000000..0c5be64da
--- /dev/null
+++ b/src/app/_schemas/event/ScheduleSchema.ts
@@ -0,0 +1,28 @@
+import { z } from 'zod'
+
+const EventSchema = z
+  .object({
+    title: z.string(),
+    description: z.string(),
+    start: z.coerce.date(),
+    end: z.coerce.date().optional(),
+    location: z.string(),
+    url: z.string().url().optional(),
+  })
+  .strict()
+
+const EventDaySchema = z
+  .object({
+    date: z.coerce.date(),
+    events: z.array(EventSchema),
+  })
+  .strict()
+
+export const ScheduleSchema = z
+  .object({
+    title: z.string().optional(),
+    days: z.array(EventDaySchema),
+  })
+  .strict()
+
+export type Schedule = z.infer<typeof ScheduleSchema>
diff --git a/src/app/_utils/convertMarkdownToEventData.ts b/src/app/_utils/convertMarkdownToEventData.ts
index dc22c9338..ebb7df4ae 100644
--- a/src/app/_utils/convertMarkdownToEventData.ts
+++ b/src/app/_utils/convertMarkdownToEventData.ts
@@ -22,6 +22,7 @@ export function convertMarkdownToEventData(data: Record<string, any>) {
     startDate: data['start-date'],
     endDate: data['end-date'],
     image: data.image,
+    schedule: data.schedule,
     speakers: data.speakers,
     sponsors: data.sponsors,
     seo: data.seo,

From be50bc85b53ea63dd8c9de63ee6ba1fceb23eab5 Mon Sep 17 00:00:00 2001
From: Mirha Masala <mirha@hey.com>
Date: Wed, 9 Oct 2024 11:06:50 +0100
Subject: [PATCH 02/12] Style day events cards

---
 src/app/events/[slug]/components/Schedule.tsx | 51 +++++++++++++++++++
 src/app/events/[slug]/utils/dateUtils.ts      | 10 ++++
 2 files changed, 61 insertions(+)
 create mode 100644 src/app/events/[slug]/components/Schedule.tsx
 create mode 100644 src/app/events/[slug]/utils/dateUtils.ts

diff --git a/src/app/events/[slug]/components/Schedule.tsx b/src/app/events/[slug]/components/Schedule.tsx
new file mode 100644
index 000000000..ab553668c
--- /dev/null
+++ b/src/app/events/[slug]/components/Schedule.tsx
@@ -0,0 +1,51 @@
+import type { Event } from '@/types/eventType'
+
+import { BasicCard } from '@/components/BasicCard'
+import { Heading } from '@/components/Heading'
+import { TextLink } from '@/components/TextLink'
+
+import { formatDate, formatTime } from '../utils/dateUtils'
+
+type ScheduleProps = {
+  schedule: Event['schedule']
+}
+
+export function Schedule({ schedule }: ScheduleProps) {
+  return (
+    <>
+      {schedule!.days.map((day) => {
+        return (
+          <div key={formatDate(day.date)} className="grid gap-6">
+            <span className="font-bold text-brand-300">
+              {formatDate(day.date)}
+            </span>
+            <BasicCard key={formatDate(day.date)}>
+              {day.events.map((event) => (
+                <div key={event.title} className="grid gap-6 lg:grid-cols-3">
+                  <div className="flex gap-6 text-brand-300 lg:flex-col lg:gap-4">
+                    <div className="text-sm font-bold">
+                      <span>{formatTime(event.start)}</span>
+                      {event.end && <span> – {formatTime(event.end)}</span>}
+                    </div>
+                    <span className="text-sm">{event.location}</span>
+                  </div>
+                  <div key={event.title} className="lg:col-span-2">
+                    <Heading tag="h3" variant="lg">
+                      {event.title}
+                    </Heading>
+                    <p className="mb-4 mt-2 max-w-readable">
+                      {event.description}
+                    </p>
+                    {event.url && (
+                      <TextLink href={event.url}>View Details</TextLink>
+                    )}
+                  </div>
+                </div>
+              ))}
+            </BasicCard>
+          </div>
+        )
+      })}
+    </>
+  )
+}
diff --git a/src/app/events/[slug]/utils/dateUtils.ts b/src/app/events/[slug]/utils/dateUtils.ts
new file mode 100644
index 000000000..f636e0691
--- /dev/null
+++ b/src/app/events/[slug]/utils/dateUtils.ts
@@ -0,0 +1,10 @@
+import { format } from 'date-fns'
+
+export function formatDate(date: Date) {
+  return format(date, 'EEE, MMM d')
+}
+
+export function formatTime(date: Date) {
+  const formattedTime = format(date, 'h:mma')
+  return formattedTime.replace(/(am|pm)/i, ' $1')
+}

From 00247b8c750ad1cfd7999c1133d7aca9c3f8a14d Mon Sep 17 00:00:00 2001
From: Mirha Masala <mirha@hey.com>
Date: Wed, 9 Oct 2024 13:21:52 +0100
Subject: [PATCH 03/12] Style desktop Schedule with TabGroup

---
 src/app/events/[slug]/components/Schedule.tsx | 76 +++++++++++--------
 1 file changed, 45 insertions(+), 31 deletions(-)

diff --git a/src/app/events/[slug]/components/Schedule.tsx b/src/app/events/[slug]/components/Schedule.tsx
index ab553668c..a6c601b6c 100644
--- a/src/app/events/[slug]/components/Schedule.tsx
+++ b/src/app/events/[slug]/components/Schedule.tsx
@@ -1,3 +1,5 @@
+import { Tab, TabGroup, TabList, TabPanel, TabPanels } from '@headlessui/react'
+
 import type { Event } from '@/types/eventType'
 
 import { BasicCard } from '@/components/BasicCard'
@@ -12,40 +14,52 @@ type ScheduleProps = {
 
 export function Schedule({ schedule }: ScheduleProps) {
   return (
-    <>
-      {schedule!.days.map((day) => {
-        return (
-          <div key={formatDate(day.date)} className="grid gap-6">
-            <span className="font-bold text-brand-300">
-              {formatDate(day.date)}
-            </span>
-            <BasicCard key={formatDate(day.date)}>
+    <TabGroup className="grid gap-6">
+      <TabList className="-m-2 flex gap-4 overflow-auto p-2">
+        {schedule!.days.map((day) => (
+          <Tab
+            key={formatDate(day.date)}
+            className="whitespace-nowrap rounded-lg p-3 font-bold text-brand-300 focus:brand-outline data-[hover]:bg-brand-700 data-[selected]:bg-brand-700 data-[selected]:text-brand-400"
+          >
+            {formatDate(day.date)}
+          </Tab>
+        ))}
+      </TabList>
+      <TabPanels>
+        {schedule!.days.map((day) => (
+          <TabPanel
+            key={formatDate(day.date)}
+            className="rounded-lg focus:brand-outline"
+          >
+            <div className="grid gap-4">
               {day.events.map((event) => (
-                <div key={event.title} className="grid gap-6 lg:grid-cols-3">
-                  <div className="flex gap-6 text-brand-300 lg:flex-col lg:gap-4">
-                    <div className="text-sm font-bold">
-                      <span>{formatTime(event.start)}</span>
-                      {event.end && <span> – {formatTime(event.end)}</span>}
+                <BasicCard key={event.title}>
+                  <div className="grid gap-6 lg:grid-cols-3">
+                    <div className="flex gap-6 text-brand-300 lg:flex-col lg:gap-1">
+                      <div className="text-sm font-bold">
+                        <span>{formatTime(event.start)}</span>
+                        {event.end && <span> – {formatTime(event.end)}</span>}
+                      </div>
+                      <span className="text-sm">{event.location}</span>
+                    </div>
+                    <div className="lg:col-span-2">
+                      <Heading tag="h3" variant="lg">
+                        {event.title}
+                      </Heading>
+                      <p className="mb-4 mt-2 max-w-readable">
+                        {event.description}
+                      </p>
+                      {event.url && (
+                        <TextLink href={event.url}>View Details</TextLink>
+                      )}
                     </div>
-                    <span className="text-sm">{event.location}</span>
-                  </div>
-                  <div key={event.title} className="lg:col-span-2">
-                    <Heading tag="h3" variant="lg">
-                      {event.title}
-                    </Heading>
-                    <p className="mb-4 mt-2 max-w-readable">
-                      {event.description}
-                    </p>
-                    {event.url && (
-                      <TextLink href={event.url}>View Details</TextLink>
-                    )}
                   </div>
-                </div>
+                </BasicCard>
               ))}
-            </BasicCard>
-          </div>
-        )
-      })}
-    </>
+            </div>
+          </TabPanel>
+        ))}
+      </TabPanels>
+    </TabGroup>
   )
 }

From 16b7c59a456157ee7700efc748cf5cae723cd4b8 Mon Sep 17 00:00:00 2001
From: Mirha Masala <mirha@hey.com>
Date: Wed, 9 Oct 2024 14:09:01 +0100
Subject: [PATCH 04/12] Show Schedule

---
 public/admin/config.yml                         |  2 +-
 .../[slug]/components/ScheduleSection.tsx       | 17 +++++++++++++++++
 .../{Schedule.tsx => ScheduleTabs.tsx}          |  8 ++++----
 src/app/events/[slug]/page.tsx                  |  6 ++++++
 4 files changed, 28 insertions(+), 5 deletions(-)
 create mode 100644 src/app/events/[slug]/components/ScheduleSection.tsx
 rename src/app/events/[slug]/components/{Schedule.tsx => ScheduleTabs.tsx} (90%)

diff --git a/public/admin/config.yml b/public/admin/config.yml
index 636cd2922..6bab1d7a3 100644
--- a/public/admin/config.yml
+++ b/public/admin/config.yml
@@ -783,13 +783,13 @@ collections:
             required: false
             hint: This is the title for the section header. For example, "FIL Bangkok 2024 Main Stage Schedule. Defaults to 'Schedule.'"
           - name: "days"
+            label: "Event Days"
             widget: "list"
             required: false
             fields:
               - name: "date"
                 label: "Date"
                 widget: "datetime"
-                hint: "The date of the events."
               - name: "events"
                 label: "Events"
                 widget: "list"
diff --git a/src/app/events/[slug]/components/ScheduleSection.tsx b/src/app/events/[slug]/components/ScheduleSection.tsx
new file mode 100644
index 000000000..efc516076
--- /dev/null
+++ b/src/app/events/[slug]/components/ScheduleSection.tsx
@@ -0,0 +1,17 @@
+import type { Event } from '@/types/eventType'
+
+import { PageSection } from '@/components/PageSection'
+
+import { ScheduleTabs } from './ScheduleTabs'
+
+type ScheduleSectionProps = {
+  schedule: Event['schedule']
+}
+
+export function ScheduleSection({ schedule }: ScheduleSectionProps) {
+  return (
+    <PageSection kicker="Join Us" title={schedule!.title || 'Schedule'}>
+      <ScheduleTabs schedule={schedule} />
+    </PageSection>
+  )
+}
diff --git a/src/app/events/[slug]/components/Schedule.tsx b/src/app/events/[slug]/components/ScheduleTabs.tsx
similarity index 90%
rename from src/app/events/[slug]/components/Schedule.tsx
rename to src/app/events/[slug]/components/ScheduleTabs.tsx
index a6c601b6c..704ccca4e 100644
--- a/src/app/events/[slug]/components/Schedule.tsx
+++ b/src/app/events/[slug]/components/ScheduleTabs.tsx
@@ -8,14 +8,14 @@ import { TextLink } from '@/components/TextLink'
 
 import { formatDate, formatTime } from '../utils/dateUtils'
 
-type ScheduleProps = {
+type ScheduleTabsProps = {
   schedule: Event['schedule']
 }
 
-export function Schedule({ schedule }: ScheduleProps) {
+export function ScheduleTabs({ schedule }: ScheduleTabsProps) {
   return (
-    <TabGroup className="grid gap-6">
-      <TabList className="-m-2 flex gap-4 overflow-auto p-2">
+    <TabGroup className="relative grid gap-6">
+      <TabList className="sticky top-0 -m-2 flex gap-4 overflow-auto bg-brand-800 p-2 lg:static">
         {schedule!.days.map((day) => (
           <Tab
             key={formatDate(day.date)}
diff --git a/src/app/events/[slug]/page.tsx b/src/app/events/[slug]/page.tsx
index fe7866e97..b862cac93 100644
--- a/src/app/events/[slug]/page.tsx
+++ b/src/app/events/[slug]/page.tsx
@@ -15,6 +15,7 @@ import { PageSection } from '@/components/PageSection'
 import { StructuredDataScript } from '@/components/StructuredDataScript'
 import { TagLabel } from '@/components/TagLabel'
 
+import { ScheduleSection } from './components/ScheduleSection'
 import { SponsorSection } from './components/SponsorSection'
 import { buildCtaArray } from './utils/buildCtaArray'
 import { generateStructuredData } from './utils/generateStructuredData'
@@ -47,6 +48,7 @@ export default function EventEntry({ params }: EventProps) {
     externalLink,
     lumaCalendarLink,
     lumaEventsSection,
+    schedule,
     speakers,
     sponsors,
   } = data
@@ -70,6 +72,10 @@ export default function EventEntry({ params }: EventProps) {
         />
       </div>
 
+      {schedule && schedule.days && schedule.days.length > 0 && (
+        <ScheduleSection schedule={schedule} />
+      )}
+
       {lumaEventsSection && (
         <PageSection kicker="Explore" title={lumaEventsSection.title}>
           <iframe

From be2c54caa0dfc11a7108cc4d91f00da74a58a5b6 Mon Sep 17 00:00:00 2001
From: Mirha Masala <mirha@hey.com>
Date: Wed, 9 Oct 2024 15:24:37 +0100
Subject: [PATCH 05/12] Test data

---
 src/content/events/fil-bangkok-2024.md | 146 +++++++++++++++++++++++++
 1 file changed, 146 insertions(+)

diff --git a/src/content/events/fil-bangkok-2024.md b/src/content/events/fil-bangkok-2024.md
index f4597bab4..dcf24613a 100644
--- a/src/content/events/fil-bangkok-2024.md
+++ b/src/content/events/fil-bangkok-2024.md
@@ -22,6 +22,152 @@ luma-events-section:
   embed-link: https://lu.ma/embed/calendar/cal-nlDvL4B7Ko1swF0/events?lt=light&tag=FIL%20Bangkok%202024
 image:
   src: /assets/images/fil-bangkok-2024.webp
+schedule:
+  days:
+    - date: 2024-11-06T09:33:00.000Z
+      events:
+        - start: 2024-11-06T09:00:00.000Z
+          end: 2024-01-01T11:00:00.000Z
+          location: Upper Deck
+          title: "Workshop: Introducing Filecoin Data Tools"
+          description:
+            This talk introduces Filecoin Data Tools(FDT). It encapsulates a
+            modern, streamlined, composable toolkit for data preparation, hot
+            retrieval, and Filecoin deal making.
+          url: https://www.fil.org
+        - start: 2024-11-06T09:00:00.000Z
+          end: 2024-01-01T11:00:00.000Z
+          location: Upper Deck
+          title: "Workshop: Introducing Filecoin Data Tools"
+          description:
+            This talk introduces Filecoin Data Tools(FDT). It encapsulates a
+            modern, streamlined, composable toolkit for data preparation, hot
+            retrieval, and Filecoin deal making.
+          url: https://www.fil.org
+        - start: 2024-11-06T09:00:00.000Z
+          end: 2024-01-01T11:00:00.000Z
+          location: Upper Deck
+          title: "Workshop: Introducing Filecoin Data Tools"
+          description:
+            This talk introduces Filecoin Data Tools(FDT). It encapsulates a
+            modern, streamlined, composable toolkit for data preparation, hot
+            retrieval, and Filecoin deal making.
+          url: https://www.fil.org
+        - start: 2024-11-06T09:00:00.000Z
+          end: 2024-01-01T11:00:00.000Z
+          location: Upper Deck
+          title: "Workshop: Introducing Filecoin Data Tools"
+          description:
+            This talk introduces Filecoin Data Tools(FDT). It encapsulates a
+            modern, streamlined, composable toolkit for data preparation, hot
+            retrieval, and Filecoin deal making.
+          url: https://www.fil.org
+        - start: 2024-11-06T09:00:00.000Z
+          end: 2024-01-01T11:00:00.000Z
+          location: Upper Deck
+          title: "Workshop: Introducing Filecoin Data Tools"
+          description:
+            This talk introduces Filecoin Data Tools(FDT). It encapsulates a
+            modern, streamlined, composable toolkit for data preparation, hot
+            retrieval, and Filecoin deal making.
+          url: https://www.fil.org
+    - events:
+        - location: Lower Deck
+          title: "Data Centers on Demand: Optimizing the path for new Storage Providers"
+          description:
+            Filecoin is on the verge of transforming how the internet works,
+            ensuring that our data is stored more safely, and more cost
+            effectively than with current generation of monolithic public
+            clouds. To speed up global adoption of decentralized storage,
+            Protocol Labs has partnered with leading Infrastructure as a Service
+            provider servers.com to reduce the barriers to entry for anyone
+            wishing to join the storage revolution. Come and learn how we can
+            get you started on your own Storage Provider journey!
+          start: 2024-11-07T12:00:00.000Z
+          end: 2024-11-07T14:00:00.000Z
+          url: https://www.fil.org
+      date: 2024-11-07T09:47:00.000Z
+    - events:
+        - location: Lower Deck
+          title: "Data Centers on Demand: Optimizing the path for new Storage Providers"
+          description:
+            Filecoin is on the verge of transforming how the internet works,
+            ensuring that our data is stored more safely, and more cost
+            effectively than with current generation of monolithic public
+            clouds. To speed up global adoption of decentralized storage,
+            Protocol Labs has partnered with leading Infrastructure as a Service
+            provider servers.com to reduce the barriers to entry for anyone
+            wishing to join the storage revolution. Come and learn how we can
+            get you started on your own Storage Provider journey!
+          start: 2024-11-07T12:00:00.000Z
+          end: 2024-11-07T14:00:00.000Z
+          url: https://www.fil.org
+      date: 2024-11-08T09:47:00.000Z
+    - events:
+        - location: Lower Deck
+          title: "Data Centers on Demand: Optimizing the path for new Storage Providers"
+          description:
+            Filecoin is on the verge of transforming how the internet works,
+            ensuring that our data is stored more safely, and more cost
+            effectively than with current generation of monolithic public
+            clouds. To speed up global adoption of decentralized storage,
+            Protocol Labs has partnered with leading Infrastructure as a Service
+            provider servers.com to reduce the barriers to entry for anyone
+            wishing to join the storage revolution. Come and learn how we can
+            get you started on your own Storage Provider journey!
+          start: 2024-11-07T12:00:00.000Z
+          end: 2024-11-07T14:00:00.000Z
+          url: https://www.fil.org
+      date: 2024-11-09T09:47:00.000Z
+    - events:
+        - location: Lower Deck
+          title: "Data Centers on Demand: Optimizing the path for new Storage Providers"
+          description:
+            Filecoin is on the verge of transforming how the internet works,
+            ensuring that our data is stored more safely, and more cost
+            effectively than with current generation of monolithic public
+            clouds. To speed up global adoption of decentralized storage,
+            Protocol Labs has partnered with leading Infrastructure as a Service
+            provider servers.com to reduce the barriers to entry for anyone
+            wishing to join the storage revolution. Come and learn how we can
+            get you started on your own Storage Provider journey!
+          start: 2024-11-07T12:00:00.000Z
+          end: 2024-11-07T14:00:00.000Z
+          url: https://www.fil.org
+      date: 2024-11-10T09:47:00.000Z
+    - events:
+        - location: Lower Deck
+          title: "Data Centers on Demand: Optimizing the path for new Storage Providers"
+          description:
+            Filecoin is on the verge of transforming how the internet works,
+            ensuring that our data is stored more safely, and more cost
+            effectively than with current generation of monolithic public
+            clouds. To speed up global adoption of decentralized storage,
+            Protocol Labs has partnered with leading Infrastructure as a Service
+            provider servers.com to reduce the barriers to entry for anyone
+            wishing to join the storage revolution. Come and learn how we can
+            get you started on your own Storage Provider journey!
+          start: 2024-11-07T12:00:00.000Z
+          end: 2024-11-07T14:00:00.000Z
+          url: https://www.fil.org
+      date: 2024-11-11T09:47:00.000Z
+    - events:
+        - location: Lower Deck
+          title: "Data Centers on Demand: Optimizing the path for new Storage Providers"
+          description:
+            Filecoin is on the verge of transforming how the internet works,
+            ensuring that our data is stored more safely, and more cost
+            effectively than with current generation of monolithic public
+            clouds. To speed up global adoption of decentralized storage,
+            Protocol Labs has partnered with leading Infrastructure as a Service
+            provider servers.com to reduce the barriers to entry for anyone
+            wishing to join the storage revolution. Come and learn how we can
+            get you started on your own Storage Provider journey!
+          start: 2024-11-07T12:00:00.000Z
+          end: 2024-11-07T14:00:00.000Z
+          url: https://www.fil.org
+      date: 2024-11-12T09:47:00.000Z
+  title: "Main Stage Schedule"
 speakers:
   - name: Stefaan Vervaet
     title: CEO

From 7b1a1dba4238a8f2e3ce90883fec7f697373c67d Mon Sep 17 00:00:00 2001
From: Mirha Masala <mirha@hey.com>
Date: Thu, 10 Oct 2024 10:49:21 +0100
Subject: [PATCH 06/12] Add SpeakersSection component for displaying speakers
 in the event page

---
 .../[slug]/components/SpeakersSection.tsx     | 28 +++++++++++++++++++
 src/app/events/[slug]/page.tsx                | 20 ++-----------
 2 files changed, 31 insertions(+), 17 deletions(-)
 create mode 100644 src/app/events/[slug]/components/SpeakersSection.tsx

diff --git a/src/app/events/[slug]/components/SpeakersSection.tsx b/src/app/events/[slug]/components/SpeakersSection.tsx
new file mode 100644
index 000000000..d723b4bc4
--- /dev/null
+++ b/src/app/events/[slug]/components/SpeakersSection.tsx
@@ -0,0 +1,28 @@
+import type { Event } from '@/types/eventType'
+
+import { CardGrid } from '@/components/CardGrid'
+import { KeyMemberCard } from '@/components/KeyMemberCard'
+import { PageSection } from '@/components/PageSection'
+
+type SpeakersSectionProps = {
+  speakers: Event['speakers']
+}
+
+export function SpeakersSection({ speakers }: SpeakersSectionProps) {
+  return (
+    <PageSection kicker="speakers" title="Speakers">
+      <CardGrid cols="mdTwo">
+        {speakers!.map((speaker) => (
+          <KeyMemberCard
+            key={speaker.name}
+            {...speaker}
+            image={{
+              ...speaker.image,
+              alt: `Photo of ${speaker.name}`,
+            }}
+          />
+        ))}
+      </CardGrid>
+    </PageSection>
+  )
+}
diff --git a/src/app/events/[slug]/page.tsx b/src/app/events/[slug]/page.tsx
index b862cac93..d5667be05 100644
--- a/src/app/events/[slug]/page.tsx
+++ b/src/app/events/[slug]/page.tsx
@@ -7,8 +7,6 @@ import { createMetadata } from '@/utils/createMetadata'
 import { getEventData } from '@/utils/getEventData'
 import { getEventMetaData } from '@/utils/getMetaData'
 
-import { CardGrid } from '@/components/CardGrid'
-import { KeyMemberCard } from '@/components/KeyMemberCard'
 import { PageHeader } from '@/components/PageHeader'
 import { PageLayout } from '@/components/PageLayout'
 import { PageSection } from '@/components/PageSection'
@@ -16,6 +14,7 @@ import { StructuredDataScript } from '@/components/StructuredDataScript'
 import { TagLabel } from '@/components/TagLabel'
 
 import { ScheduleSection } from './components/ScheduleSection'
+import { SpeakersSection } from './components/SpeakersSection'
 import { SponsorSection } from './components/SponsorSection'
 import { buildCtaArray } from './utils/buildCtaArray'
 import { generateStructuredData } from './utils/generateStructuredData'
@@ -87,21 +86,8 @@ export default function EventEntry({ params }: EventProps) {
         </PageSection>
       )}
 
-      {speakers && (
-        <PageSection kicker="speakers" title="FIL Bangkok 2024 Speakers">
-          <CardGrid cols="mdTwo">
-            {speakers.map((speaker) => (
-              <KeyMemberCard
-                key={speaker.name}
-                {...speaker}
-                image={{
-                  ...speaker.image,
-                  alt: `Photo of ${speaker.name}`,
-                }}
-              />
-            ))}
-          </CardGrid>
-        </PageSection>
+      {speakers && speakers.length > 0 && (
+        <SpeakersSection speakers={speakers} />
       )}
 
       {sponsors && Object.keys(sponsors).length > 0 && (

From 6dee0f48dc55e6b2842a3796abf506742389afba Mon Sep 17 00:00:00 2001
From: Mirha Masala <mirha@hey.com>
Date: Thu, 10 Oct 2024 11:39:06 +0100
Subject: [PATCH 07/12] CR

---
 public/admin/config.yml | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/public/admin/config.yml b/public/admin/config.yml
index 6bab1d7a3..8d7a060ec 100644
--- a/public/admin/config.yml
+++ b/public/admin/config.yml
@@ -70,6 +70,7 @@ image_config: &image_config
   label: "Image"
   widget: "object"
   required: false
+  collapsed: true
   hint: Adding an image is optional. If no image is added, a default fallback image will be used automatically. Simply leave the image field empty to use the fallback.
   fields:
     - name: "src"
@@ -738,6 +739,7 @@ collections:
         label: "External Link URL"
         widget: "object"
         required: false
+        collapsed: true
         fields:
           - name: "url"
             label: "URL"
@@ -749,6 +751,7 @@ collections:
             required: false
             default: "View Event Details"
             hint: "Text for the external link CTA. Please use proper capitalization. Defaults to 'View Event Details.'"
+      - *image_config
       - name: "luma-calendar-link"
         label: "Luma Calendar URL"
         widget: "string"
@@ -758,30 +761,30 @@ collections:
         label: "Luma Events Section"
         widget: "object"
         required: false
-        hint: Both the section title and the embed URL must be filled out for this section to appear on the page.
+        collapsed: true
+        hint: The embed URL must be filled out for this section to appear on the page.
         fields:
           - name: "title"
             label: "Section Title"
             widget: "string"
             required: false
-            hint: This is the title for the section header. For example, "FIL Bangkok 2024 Events."
+            hint: This is the title for the Events section header. For example, "Main Stage Events." Defaults to 'Events.'
           - name: "embed-link"
             label: "Luma Embed URL"
             widget: "string"
             required: false
             hint: Paste the embed URL for your Luma event here to display the events directly on the page. Include relevant tags when appropriate, e.g., https://lu.ma/embed/calendar/cal-nlDvL4B7Ko1swF0/events?lt=light&tag=FIL%20Bangkok%202024.
-      - *image_config
       - name: "schedule"
         label: "Schedule"
         widget: "object"
-        collapsed: true
         required: false
+        collapsed: true
         fields:
           - name: "title"
             label: "Section Title"
             widget: "string"
             required: false
-            hint: This is the title for the section header. For example, "FIL Bangkok 2024 Main Stage Schedule. Defaults to 'Schedule.'"
+            hint: This is the title for the Schedule section header. For example, "Main Stage Schedule." Defaults to 'Schedule.'
           - name: "days"
             label: "Event Days"
             widget: "list"
@@ -834,7 +837,7 @@ collections:
           - name: "image"
             label: "Image"
             widget: "object"
-            required: false
+            collapsed: true
             fields:
               - name: "src"
                 label: "URL"
@@ -847,6 +850,7 @@ collections:
         label: "Sponsors"
         widget: "object"
         required: false
+        collapsed: true
         fields:
           - name: "first-tier"
             label: "First Tier"

From edd7eee15b47dc10a14dbff1ca002853b1991b13 Mon Sep 17 00:00:00 2001
From: Mirha Masala <mirha@hey.com>
Date: Thu, 10 Oct 2024 12:18:27 +0100
Subject: [PATCH 08/12] Refactor ScheduleTabs component to filter out days
 without events

---
 .../events/[slug]/components/ScheduleTabs.tsx    |  6 ++++--
 src/content/events/fil-bangkok-2024.md           | 16 +---------------
 2 files changed, 5 insertions(+), 17 deletions(-)

diff --git a/src/app/events/[slug]/components/ScheduleTabs.tsx b/src/app/events/[slug]/components/ScheduleTabs.tsx
index 704ccca4e..59a26cee1 100644
--- a/src/app/events/[slug]/components/ScheduleTabs.tsx
+++ b/src/app/events/[slug]/components/ScheduleTabs.tsx
@@ -13,10 +13,12 @@ type ScheduleTabsProps = {
 }
 
 export function ScheduleTabs({ schedule }: ScheduleTabsProps) {
+  const validDays = schedule!.days.filter((day) => day.events.length > 0)
+
   return (
     <TabGroup className="relative grid gap-6">
       <TabList className="sticky top-0 -m-2 flex gap-4 overflow-auto bg-brand-800 p-2 lg:static">
-        {schedule!.days.map((day) => (
+        {validDays.map((day) => (
           <Tab
             key={formatDate(day.date)}
             className="whitespace-nowrap rounded-lg p-3 font-bold text-brand-300 focus:brand-outline data-[hover]:bg-brand-700 data-[selected]:bg-brand-700 data-[selected]:text-brand-400"
@@ -26,7 +28,7 @@ export function ScheduleTabs({ schedule }: ScheduleTabsProps) {
         ))}
       </TabList>
       <TabPanels>
-        {schedule!.days.map((day) => (
+        {validDays.map((day) => (
           <TabPanel
             key={formatDate(day.date)}
             className="rounded-lg focus:brand-outline"
diff --git a/src/content/events/fil-bangkok-2024.md b/src/content/events/fil-bangkok-2024.md
index dcf24613a..9ebe2f845 100644
--- a/src/content/events/fil-bangkok-2024.md
+++ b/src/content/events/fil-bangkok-2024.md
@@ -151,21 +151,7 @@ schedule:
           end: 2024-11-07T14:00:00.000Z
           url: https://www.fil.org
       date: 2024-11-11T09:47:00.000Z
-    - events:
-        - location: Lower Deck
-          title: "Data Centers on Demand: Optimizing the path for new Storage Providers"
-          description:
-            Filecoin is on the verge of transforming how the internet works,
-            ensuring that our data is stored more safely, and more cost
-            effectively than with current generation of monolithic public
-            clouds. To speed up global adoption of decentralized storage,
-            Protocol Labs has partnered with leading Infrastructure as a Service
-            provider servers.com to reduce the barriers to entry for anyone
-            wishing to join the storage revolution. Come and learn how we can
-            get you started on your own Storage Provider journey!
-          start: 2024-11-07T12:00:00.000Z
-          end: 2024-11-07T14:00:00.000Z
-          url: https://www.fil.org
+    - events: []
       date: 2024-11-12T09:47:00.000Z
   title: "Main Stage Schedule"
 speakers:

From f90e0bbed463186258ffd379ff29efb70bd9c090 Mon Sep 17 00:00:00 2001
From: Mirha Masala <mirha@hey.com>
Date: Thu, 10 Oct 2024 13:19:42 +0100
Subject: [PATCH 09/12] CR

---
 .../[slug]/components/ScheduleSection.tsx     |  2 +-
 .../events/[slug]/components/ScheduleTabs.tsx | 34 ++++++++++++++++++-
 src/app/events/[slug]/page.tsx                | 17 ++++------
 3 files changed, 41 insertions(+), 12 deletions(-)

diff --git a/src/app/events/[slug]/components/ScheduleSection.tsx b/src/app/events/[slug]/components/ScheduleSection.tsx
index efc516076..94c8857b5 100644
--- a/src/app/events/[slug]/components/ScheduleSection.tsx
+++ b/src/app/events/[slug]/components/ScheduleSection.tsx
@@ -10,7 +10,7 @@ type ScheduleSectionProps = {
 
 export function ScheduleSection({ schedule }: ScheduleSectionProps) {
   return (
-    <PageSection kicker="Join Us" title={schedule!.title || 'Schedule'}>
+    <PageSection kicker="Join Us" title={schedule?.title || 'Schedule'}>
       <ScheduleTabs schedule={schedule} />
     </PageSection>
   )
diff --git a/src/app/events/[slug]/components/ScheduleTabs.tsx b/src/app/events/[slug]/components/ScheduleTabs.tsx
index 59a26cee1..009de36a7 100644
--- a/src/app/events/[slug]/components/ScheduleTabs.tsx
+++ b/src/app/events/[slug]/components/ScheduleTabs.tsx
@@ -1,4 +1,9 @@
+'use client'
+
+import { useEffect, useRef } from 'react'
+
 import { Tab, TabGroup, TabList, TabPanel, TabPanels } from '@headlessui/react'
+import theme from 'tailwindcss/defaultTheme'
 
 import type { Event } from '@/types/eventType'
 
@@ -12,11 +17,33 @@ type ScheduleTabsProps = {
   schedule: Event['schedule']
 }
 
+const { screens } = theme
+
 export function ScheduleTabs({ schedule }: ScheduleTabsProps) {
+  const tabGroupRef = useRef<HTMLDivElement>(null)
+  const hasMounted = useRef(false)
+
   const validDays = schedule!.days.filter((day) => day.events.length > 0)
 
+  useEffect(() => {
+    hasMounted.current = true
+  }, [])
+
+  function scrollToTabGroup() {
+    if (hasMounted.current && isScreenBelowLg() && tabGroupRef.current) {
+      tabGroupRef.current.scrollIntoView({
+        behavior: 'smooth',
+        block: 'start',
+      })
+    }
+  }
+
   return (
-    <TabGroup className="relative grid gap-6">
+    <TabGroup
+      ref={tabGroupRef}
+      className="relative grid gap-6"
+      onChange={scrollToTabGroup}
+    >
       <TabList className="sticky top-0 -m-2 flex gap-4 overflow-auto bg-brand-800 p-2 lg:static">
         {validDays.map((day) => (
           <Tab
@@ -65,3 +92,8 @@ export function ScheduleTabs({ schedule }: ScheduleTabsProps) {
     </TabGroup>
   )
 }
+
+function isScreenBelowLg() {
+  return window.matchMedia(`(max-width: ${parseInt(screens.md, 10) - 1}px)`)
+    .matches
+}
diff --git a/src/app/events/[slug]/page.tsx b/src/app/events/[slug]/page.tsx
index d5667be05..9c45daebe 100644
--- a/src/app/events/[slug]/page.tsx
+++ b/src/app/events/[slug]/page.tsx
@@ -52,6 +52,10 @@ export default function EventEntry({ params }: EventProps) {
     sponsors,
   } = data
 
+  const eventHasSchedule = schedule && schedule.days.length > 0
+  const eventHasSpeakers = speakers && speakers.length > 0
+  const eventHasSponsors = sponsors && Object.keys(sponsors).length > 0
+
   return (
     <PageLayout>
       <StructuredDataScript structuredData={generateStructuredData(data)} />
@@ -71,9 +75,7 @@ export default function EventEntry({ params }: EventProps) {
         />
       </div>
 
-      {schedule && schedule.days && schedule.days.length > 0 && (
-        <ScheduleSection schedule={schedule} />
-      )}
+      {eventHasSchedule && <ScheduleSection schedule={schedule} />}
 
       {lumaEventsSection && (
         <PageSection kicker="Explore" title={lumaEventsSection.title}>
@@ -86,13 +88,8 @@ export default function EventEntry({ params }: EventProps) {
         </PageSection>
       )}
 
-      {speakers && speakers.length > 0 && (
-        <SpeakersSection speakers={speakers} />
-      )}
-
-      {sponsors && Object.keys(sponsors).length > 0 && (
-        <SponsorSection sponsors={sponsors} />
-      )}
+      {eventHasSpeakers && <SpeakersSection speakers={speakers} />}
+      {eventHasSponsors && <SponsorSection sponsors={sponsors} />}
     </PageLayout>
   )
 }

From bd073b5ce9580bb03b830899185a6752056114c7 Mon Sep 17 00:00:00 2001
From: Mirha Masala <mirha@hey.com>
Date: Fri, 11 Oct 2024 13:17:38 +0100
Subject: [PATCH 10/12] CR

---
 .../[slug]/components/ScheduleSection.tsx      |  4 ++--
 .../events/[slug]/components/ScheduleTabs.tsx  | 18 +++++++++---------
 .../[slug]/components/SpeakersSection.tsx      |  4 ++--
 .../[slug]/components/SponsorSection.tsx       |  6 ++----
 4 files changed, 15 insertions(+), 17 deletions(-)

diff --git a/src/app/events/[slug]/components/ScheduleSection.tsx b/src/app/events/[slug]/components/ScheduleSection.tsx
index 94c8857b5..ca38fae36 100644
--- a/src/app/events/[slug]/components/ScheduleSection.tsx
+++ b/src/app/events/[slug]/components/ScheduleSection.tsx
@@ -5,12 +5,12 @@ import { PageSection } from '@/components/PageSection'
 import { ScheduleTabs } from './ScheduleTabs'
 
 type ScheduleSectionProps = {
-  schedule: Event['schedule']
+  schedule: NonNullable<Event['schedule']>
 }
 
 export function ScheduleSection({ schedule }: ScheduleSectionProps) {
   return (
-    <PageSection kicker="Join Us" title={schedule?.title || 'Schedule'}>
+    <PageSection kicker="Join Us" title={schedule.title || 'Schedule'}>
       <ScheduleTabs schedule={schedule} />
     </PageSection>
   )
diff --git a/src/app/events/[slug]/components/ScheduleTabs.tsx b/src/app/events/[slug]/components/ScheduleTabs.tsx
index 009de36a7..ec97e35a7 100644
--- a/src/app/events/[slug]/components/ScheduleTabs.tsx
+++ b/src/app/events/[slug]/components/ScheduleTabs.tsx
@@ -1,9 +1,10 @@
 'use client'
 
-import { useEffect, useRef } from 'react'
+import { useRef } from 'react'
 
 import { Tab, TabGroup, TabList, TabPanel, TabPanels } from '@headlessui/react'
 import theme from 'tailwindcss/defaultTheme'
+import { useIsMounted, useMediaQuery } from 'usehooks-ts'
 
 import type { Event } from '@/types/eventType'
 
@@ -14,23 +15,22 @@ import { TextLink } from '@/components/TextLink'
 import { formatDate, formatTime } from '../utils/dateUtils'
 
 type ScheduleTabsProps = {
-  schedule: Event['schedule']
+  schedule: NonNullable<Event['schedule']>
 }
 
 const { screens } = theme
 
 export function ScheduleTabs({ schedule }: ScheduleTabsProps) {
   const tabGroupRef = useRef<HTMLDivElement>(null)
-  const hasMounted = useRef(false)
-
-  const validDays = schedule!.days.filter((day) => day.events.length > 0)
+  const isMounted = useIsMounted()
+  const isScreenBelowLg = useMediaQuery(
+    `(max-width: ${parseInt(screens.md, 10) - 1}px)`,
+  )
 
-  useEffect(() => {
-    hasMounted.current = true
-  }, [])
+  const validDays = schedule.days.filter((day) => day.events.length > 0)
 
   function scrollToTabGroup() {
-    if (hasMounted.current && isScreenBelowLg() && tabGroupRef.current) {
+    if (isMounted() && isScreenBelowLg && tabGroupRef.current) {
       tabGroupRef.current.scrollIntoView({
         behavior: 'smooth',
         block: 'start',
diff --git a/src/app/events/[slug]/components/SpeakersSection.tsx b/src/app/events/[slug]/components/SpeakersSection.tsx
index d723b4bc4..cf4c05d13 100644
--- a/src/app/events/[slug]/components/SpeakersSection.tsx
+++ b/src/app/events/[slug]/components/SpeakersSection.tsx
@@ -5,14 +5,14 @@ import { KeyMemberCard } from '@/components/KeyMemberCard'
 import { PageSection } from '@/components/PageSection'
 
 type SpeakersSectionProps = {
-  speakers: Event['speakers']
+  speakers: NonNullable<Event['speakers']>
 }
 
 export function SpeakersSection({ speakers }: SpeakersSectionProps) {
   return (
     <PageSection kicker="speakers" title="Speakers">
       <CardGrid cols="mdTwo">
-        {speakers!.map((speaker) => (
+        {speakers.map((speaker) => (
           <KeyMemberCard
             key={speaker.name}
             {...speaker}
diff --git a/src/app/events/[slug]/components/SponsorSection.tsx b/src/app/events/[slug]/components/SponsorSection.tsx
index 222489e6d..fb8f46ea7 100644
--- a/src/app/events/[slug]/components/SponsorSection.tsx
+++ b/src/app/events/[slug]/components/SponsorSection.tsx
@@ -11,7 +11,7 @@ export type Sponsor = NonNullable<
 >[number]
 
 type SponsorSectionProps = {
-  sponsors: Event['sponsors']
+  sponsors: NonNullable<Event['sponsors']>
 }
 
 const sponsorTierConfigs = [
@@ -42,8 +42,6 @@ const sponsorTierConfigs = [
 ] as const
 
 export function SponsorSection({ sponsors }: SponsorSectionProps) {
-  if (!sponsors) return null
-
   return (
     <PageSection kicker="sponsors" title="Sponsors">
       <div className="grid gap-8">
@@ -53,7 +51,7 @@ export function SponsorSection({ sponsors }: SponsorSectionProps) {
           return (
             <SponsorGrid
               key={tier}
-              sponsors={sponsors[tier]!}
+              sponsors={sponsors[tier]}
               tier={tier}
               gridClassName={gridClassName}
               logoImageConfig={logoImageConfig}

From a38e9ef3a6e43523f6151917a56506d06b70ffbf Mon Sep 17 00:00:00 2001
From: Mirha Masala <mirha@hey.com>
Date: Fri, 11 Oct 2024 13:26:50 +0100
Subject: [PATCH 11/12] CR

---
 src/app/events/[slug]/components/ScheduleTabs.tsx | 4 +++-
 src/app/events/[slug]/page.tsx                    | 5 +----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/app/events/[slug]/components/ScheduleTabs.tsx b/src/app/events/[slug]/components/ScheduleTabs.tsx
index ec97e35a7..a5a3d6dd9 100644
--- a/src/app/events/[slug]/components/ScheduleTabs.tsx
+++ b/src/app/events/[slug]/components/ScheduleTabs.tsx
@@ -27,7 +27,9 @@ export function ScheduleTabs({ schedule }: ScheduleTabsProps) {
     `(max-width: ${parseInt(screens.md, 10) - 1}px)`,
   )
 
-  const validDays = schedule.days.filter((day) => day.events.length > 0)
+  const validDays = schedule.days
+    .filter((day) => day.events.length > 0)
+    .sort((a, b) => new Date(a.date).getTime() - new Date(b.date).getTime())
 
   function scrollToTabGroup() {
     if (isMounted() && isScreenBelowLg && tabGroupRef.current) {
diff --git a/src/app/events/[slug]/page.tsx b/src/app/events/[slug]/page.tsx
index 9c45daebe..8c34175cf 100644
--- a/src/app/events/[slug]/page.tsx
+++ b/src/app/events/[slug]/page.tsx
@@ -74,9 +74,6 @@ export default function EventEntry({ params }: EventProps) {
           }}
         />
       </div>
-
-      {eventHasSchedule && <ScheduleSection schedule={schedule} />}
-
       {lumaEventsSection && (
         <PageSection kicker="Explore" title={lumaEventsSection.title}>
           <iframe
@@ -87,8 +84,8 @@ export default function EventEntry({ params }: EventProps) {
           ></iframe>
         </PageSection>
       )}
-
       {eventHasSpeakers && <SpeakersSection speakers={speakers} />}
+      {eventHasSchedule && <ScheduleSection schedule={schedule} />}
       {eventHasSponsors && <SponsorSection sponsors={sponsors} />}
     </PageLayout>
   )

From 01dff48143568a68c9223c640042c693d18b28d6 Mon Sep 17 00:00:00 2001
From: Mirha Masala <mirha@hey.com>
Date: Fri, 11 Oct 2024 13:40:59 +0100
Subject: [PATCH 12/12] Revert data

---
 src/content/events/fil-bangkok-2024.md | 138 +------------------------
 1 file changed, 3 insertions(+), 135 deletions(-)

diff --git a/src/content/events/fil-bangkok-2024.md b/src/content/events/fil-bangkok-2024.md
index 9ebe2f845..7f386d573 100644
--- a/src/content/events/fil-bangkok-2024.md
+++ b/src/content/events/fil-bangkok-2024.md
@@ -22,138 +22,6 @@ luma-events-section:
   embed-link: https://lu.ma/embed/calendar/cal-nlDvL4B7Ko1swF0/events?lt=light&tag=FIL%20Bangkok%202024
 image:
   src: /assets/images/fil-bangkok-2024.webp
-schedule:
-  days:
-    - date: 2024-11-06T09:33:00.000Z
-      events:
-        - start: 2024-11-06T09:00:00.000Z
-          end: 2024-01-01T11:00:00.000Z
-          location: Upper Deck
-          title: "Workshop: Introducing Filecoin Data Tools"
-          description:
-            This talk introduces Filecoin Data Tools(FDT). It encapsulates a
-            modern, streamlined, composable toolkit for data preparation, hot
-            retrieval, and Filecoin deal making.
-          url: https://www.fil.org
-        - start: 2024-11-06T09:00:00.000Z
-          end: 2024-01-01T11:00:00.000Z
-          location: Upper Deck
-          title: "Workshop: Introducing Filecoin Data Tools"
-          description:
-            This talk introduces Filecoin Data Tools(FDT). It encapsulates a
-            modern, streamlined, composable toolkit for data preparation, hot
-            retrieval, and Filecoin deal making.
-          url: https://www.fil.org
-        - start: 2024-11-06T09:00:00.000Z
-          end: 2024-01-01T11:00:00.000Z
-          location: Upper Deck
-          title: "Workshop: Introducing Filecoin Data Tools"
-          description:
-            This talk introduces Filecoin Data Tools(FDT). It encapsulates a
-            modern, streamlined, composable toolkit for data preparation, hot
-            retrieval, and Filecoin deal making.
-          url: https://www.fil.org
-        - start: 2024-11-06T09:00:00.000Z
-          end: 2024-01-01T11:00:00.000Z
-          location: Upper Deck
-          title: "Workshop: Introducing Filecoin Data Tools"
-          description:
-            This talk introduces Filecoin Data Tools(FDT). It encapsulates a
-            modern, streamlined, composable toolkit for data preparation, hot
-            retrieval, and Filecoin deal making.
-          url: https://www.fil.org
-        - start: 2024-11-06T09:00:00.000Z
-          end: 2024-01-01T11:00:00.000Z
-          location: Upper Deck
-          title: "Workshop: Introducing Filecoin Data Tools"
-          description:
-            This talk introduces Filecoin Data Tools(FDT). It encapsulates a
-            modern, streamlined, composable toolkit for data preparation, hot
-            retrieval, and Filecoin deal making.
-          url: https://www.fil.org
-    - events:
-        - location: Lower Deck
-          title: "Data Centers on Demand: Optimizing the path for new Storage Providers"
-          description:
-            Filecoin is on the verge of transforming how the internet works,
-            ensuring that our data is stored more safely, and more cost
-            effectively than with current generation of monolithic public
-            clouds. To speed up global adoption of decentralized storage,
-            Protocol Labs has partnered with leading Infrastructure as a Service
-            provider servers.com to reduce the barriers to entry for anyone
-            wishing to join the storage revolution. Come and learn how we can
-            get you started on your own Storage Provider journey!
-          start: 2024-11-07T12:00:00.000Z
-          end: 2024-11-07T14:00:00.000Z
-          url: https://www.fil.org
-      date: 2024-11-07T09:47:00.000Z
-    - events:
-        - location: Lower Deck
-          title: "Data Centers on Demand: Optimizing the path for new Storage Providers"
-          description:
-            Filecoin is on the verge of transforming how the internet works,
-            ensuring that our data is stored more safely, and more cost
-            effectively than with current generation of monolithic public
-            clouds. To speed up global adoption of decentralized storage,
-            Protocol Labs has partnered with leading Infrastructure as a Service
-            provider servers.com to reduce the barriers to entry for anyone
-            wishing to join the storage revolution. Come and learn how we can
-            get you started on your own Storage Provider journey!
-          start: 2024-11-07T12:00:00.000Z
-          end: 2024-11-07T14:00:00.000Z
-          url: https://www.fil.org
-      date: 2024-11-08T09:47:00.000Z
-    - events:
-        - location: Lower Deck
-          title: "Data Centers on Demand: Optimizing the path for new Storage Providers"
-          description:
-            Filecoin is on the verge of transforming how the internet works,
-            ensuring that our data is stored more safely, and more cost
-            effectively than with current generation of monolithic public
-            clouds. To speed up global adoption of decentralized storage,
-            Protocol Labs has partnered with leading Infrastructure as a Service
-            provider servers.com to reduce the barriers to entry for anyone
-            wishing to join the storage revolution. Come and learn how we can
-            get you started on your own Storage Provider journey!
-          start: 2024-11-07T12:00:00.000Z
-          end: 2024-11-07T14:00:00.000Z
-          url: https://www.fil.org
-      date: 2024-11-09T09:47:00.000Z
-    - events:
-        - location: Lower Deck
-          title: "Data Centers on Demand: Optimizing the path for new Storage Providers"
-          description:
-            Filecoin is on the verge of transforming how the internet works,
-            ensuring that our data is stored more safely, and more cost
-            effectively than with current generation of monolithic public
-            clouds. To speed up global adoption of decentralized storage,
-            Protocol Labs has partnered with leading Infrastructure as a Service
-            provider servers.com to reduce the barriers to entry for anyone
-            wishing to join the storage revolution. Come and learn how we can
-            get you started on your own Storage Provider journey!
-          start: 2024-11-07T12:00:00.000Z
-          end: 2024-11-07T14:00:00.000Z
-          url: https://www.fil.org
-      date: 2024-11-10T09:47:00.000Z
-    - events:
-        - location: Lower Deck
-          title: "Data Centers on Demand: Optimizing the path for new Storage Providers"
-          description:
-            Filecoin is on the verge of transforming how the internet works,
-            ensuring that our data is stored more safely, and more cost
-            effectively than with current generation of monolithic public
-            clouds. To speed up global adoption of decentralized storage,
-            Protocol Labs has partnered with leading Infrastructure as a Service
-            provider servers.com to reduce the barriers to entry for anyone
-            wishing to join the storage revolution. Come and learn how we can
-            get you started on your own Storage Provider journey!
-          start: 2024-11-07T12:00:00.000Z
-          end: 2024-11-07T14:00:00.000Z
-          url: https://www.fil.org
-      date: 2024-11-11T09:47:00.000Z
-    - events: []
-      date: 2024-11-12T09:47:00.000Z
-  title: "Main Stage Schedule"
 speakers:
   - name: Stefaan Vervaet
     title: CEO
@@ -179,10 +47,10 @@ sponsors:
       website: https://boostylabs.com
       image:
         src: /assets/images/boosty-logo.webp
-    - image:
-        src: /assets/images/zetacube_logo_white2-1-.webp
+    - name: ZETACUBE
       website: https://www.zetacube.net/
-      name: ZETACUBE
+      image:
+        src: /assets/images/zetacube_logo_white2-1-.webp
 seo:
   title: FIL Bangkok 2024
   description: Join the Filecoin Community in Bangkok for discussions on