diff --git a/app/elements/list-events.mjs b/app/elements/list-events.mjs
deleted file mode 100644
index a211f09..0000000
--- a/app/elements/list-events.mjs
+++ /dev/null
@@ -1,11 +0,0 @@
-export default function ListEvents({ html, state = {} }) {
-  const { store = {} } = state
-  const { events } = store
-  if (events.length === 0) {
-    return ''
-  } else {
-    return html`
-      ${events.map(e => html` <view-event id="${e.id}"></view-event>`).join('')}
-    `
-  }
-}
diff --git a/app/elements/list-links.mjs b/app/elements/list-links.mjs
deleted file mode 100644
index 676952e..0000000
--- a/app/elements/list-links.mjs
+++ /dev/null
@@ -1,30 +0,0 @@
-export default function ListLinks({ html, state = {} }) {
-  const { attrs } = state
-  const { links } = attrs
-  const { linkedin, twitter, url, github } = { ...links }
-  return html`
-    <style>
-      ul {
-        list-style: none;
-        margin: 8px 0 0 0;
-        padding: 0;
-      }
-    </style>
-    <ul>
-      ${linkedin
-        ? `<li class="links-list"><i class="fab fa-linkedin" style="width: 20px;"></i><a target="_blank" href="https://www.linkedin.com/in/${linkedin}">${linkedin}</a></li>`
-        : ''}
-      ${twitter
-        ? `<li class="links-list"><i class="fab fa-twitter" style="width: 20px;"></i><a target="_blank" href="https://twitter.com/${twitter}">@${twitter}</a></li>`
-        : ''}
-      ${url
-        ? `<li class="links-list"><i class="fa fa-globe" style="width: 20px;"></i><a target="_blank" href="${url}">${
-            url.split('://')[1]
-          }</a></li>`
-        : ''}
-      ${github
-        ? `<li class="links-list"><i class="fab fa-github" style="width: 20px;"></i><a target="_blank" href="https://github.com/${github}">${github}</a></li>`
-        : ''}
-    </ul>
-  `
-}
diff --git a/app/elements/list-organizers.mjs b/app/elements/list-organizers.mjs
deleted file mode 100644
index a0b18a1..0000000
--- a/app/elements/list-organizers.mjs
+++ /dev/null
@@ -1,45 +0,0 @@
-export default function ListOrganizers({ html, state = {} }) {
-  const { store = {} } = state
-  const { organizers } = store
-  return html`
-    <style>
-      .organizer img {
-        height: 250px;
-        width: 250px;
-      }
-
-      .name {
-        font-family: headline-gothic-atf-round, sans-serif;
-        font-weight: 700;
-        font-size: 24px;
-      }
-      @media only screen and (min-width: 768px) {
-        :host {
-          display: flex;
-          flex-wrap: wrap;
-        }
-
-        .organizer {
-          margin: 8px;
-        }
-      }
-    </style>
-    ${organizers
-      .map(
-        o => html` <div class="organizer">
-          <p>
-            <img
-              src="/_public/images/organizers/${o.id}.jpg"
-              alt="photo of ${o.full_name}"
-            />
-          </p>
-          <p>
-            <div class="name">${o.full_name}</div>
-            ${o.role ? `${o.role} <br />` : ''}
-            <list-links links=${o.links}></list-links>
-          </p>
-        </div>`
-      )
-      .join('')}
-  `
-}
diff --git a/app/elements/list-sponsors.mjs b/app/elements/list-sponsors.mjs
deleted file mode 100644
index 8e7c766..0000000
--- a/app/elements/list-sponsors.mjs
+++ /dev/null
@@ -1,35 +0,0 @@
-export default function ListSponsors({ html, state = {} }) {
-  const { store = {} } = state
-  let { event, sponsors } = store
-  if (event) {
-    sponsors = event.sponsors
-  }
-  if (sponsors.length > 0) {
-    return html`
-      <style>
-        :host div {
-          padding: 16px;
-        }
-
-        :host img {
-          height: 80px;
-        }
-        @media only screen and (min-width: 768px) {
-          :host {
-            display: flex;
-            flex-wrap: wrap;
-          }
-        }
-      </style>
-      ${sponsors
-        .map(
-          s => html` <div>
-            <a target="_blank" href="${s.url}"
-              ><img src="/_public/images/sponsors/${s.image}"
-            /></a>
-          </div>`
-        )
-        .join('')}
-    `
-  }
-}
diff --git a/app/elements/list-talks.mjs b/app/elements/list-talks.mjs
deleted file mode 100644
index d4920ff..0000000
--- a/app/elements/list-talks.mjs
+++ /dev/null
@@ -1,23 +0,0 @@
-export default function ListTalks({ html, state = {} }) {
-  const { store, attrs } = state
-  let { events, event } = store
-  let { event_id } = attrs
-  if (event_id && events) {
-    event = events.find(e => e.id === event_id)
-  }
-  let { talks } = event
-  return html`
-    <style>
-      @media only screen and (min-width: 768px) {
-        :host {
-          display: flex;
-          flex-wrap: wrap;
-          align-items: flex-start;
-  	      justify-content: start;
-        }
-      }
-    </style>
-    ${ talks.length === 0
-    ? `<p>There are no talks at the moment, maybe <a href="/speak">propose one</a>?</p>`
-    : talks.map(t => `<view-talk id="${t.id}" event_id="${event_id}"></view-talk>`).join('')}
-`}
diff --git a/app/elements/view-event.mjs b/app/elements/view-event.mjs
deleted file mode 100644
index 33042b1..0000000
--- a/app/elements/view-event.mjs
+++ /dev/null
@@ -1,37 +0,0 @@
-import { marked } from 'marked'
-
-export default function ViewEvent({ html, state = {} }) {
-  const { attrs, store } = state
-  let { events } = store
-  let { id } = attrs
-  let event = events.find(e => e.id === id)
-
-  return html`
-    <h3>${event.title}</h3>
-    <p>${marked(event.description)}</p>
-    ${event.sponsors.length > 0 ? html`<h4>Thanks to our Sponsors ❤️</h4>` : ''}
-    ${event.sponsors
-      .map(
-        s =>
-          `<view-sponsor
-          image="${s.image}"
-          url="${s.url}"
-          copy="${s.copy}"
-          name="${s.name}"
-          tier="platinum"
-        ></view-sponsor>`
-      )
-      .join('')}
-    <div class="cta">
-      <a target="_blank" href="${event.link}"
-        >More Info & Tickets <i class="fa-solid fa-ticket"></i
-      ></a>
-    </div>
-    <list-talks event_id="${event.id}"></list-talks>
-    <div class="">
-      <a target="_self" href="/events">
-        See all past events <i class="fa-solid fa-arrow-right"></i>
-      </a>
-    </div>
-  `
-}
diff --git a/app/elements/view-sponsor.mjs b/app/elements/view-sponsor.mjs
deleted file mode 100644
index f73d072..0000000
--- a/app/elements/view-sponsor.mjs
+++ /dev/null
@@ -1,25 +0,0 @@
-export default function ViewSponsor({ html, state = {} }) {
-  const { attrs } = state
-  let { url, name, image, tier } = attrs
-  return html`
-    <style>
-       .platinum img {
-        height: 200px;
-       }
-
-       .gold img {
-        height: 75px;
-       }
-
-       .gold {
-        display: inline-block;
-        margin: 16px;
-       }
-    </style>
-    <div class="${ tier }">
-      <a href="${url}" target="_new"
-        ><img src="/_public/images/sponsors/${image}" alt="logo for ${name}"
-      /></a>
-    </div>
-  `
-}
diff --git a/app/elements/view-talk.mjs b/app/elements/view-talk.mjs
deleted file mode 100644
index d40c01d..0000000
--- a/app/elements/view-talk.mjs
+++ /dev/null
@@ -1,86 +0,0 @@
-//import { marked } from 'marked'
-
-export default function ViewTalk({ html, state = {} }) {
-  const { attrs, store } = state
-  let { events, event } = store
-  let { id, event_id, url } = attrs
-  if (!event) {
-    event = events.find(e => e.id === event_id)
-  }
-  
-  let talk = event.talks.find(t => t.id === id)
-
-  let { title, speaker, type } = talk
-  let { name, company, photo, location } = speaker
-  return html`
-    <style>
-      .speaker {
-        margin-right: 16px;
-      }
-
-      .photo {
-        position: relative;
-        height: 250px;
-        width: 250px;
-      }
-
-      .photo .overlay {
-        position: absolute;
-        top: 0;
-        left: 0;
-        height: 100%;
-        width: 100%;
-        opacity: 0;
-        transition: .5s ease;
-        background-color: #ee3e4a;
-        }
-        
-      .photo:hover .overlay {
-        opacity: 1;
-      }
-        
-      .photo .overlay .text {
-        color: white;
-        font-family: headline-gothic-atf-round, sans-serif;
-        font-weight: 500;
-        font-style: italic;
-        font-size: 24px;
-        line-height: 1.125em;
-        margin: 16px;
-        text-align: left;
-      }
-
-      .photo img {
-        object-fit: cover;
-        height: 250px;
-        width: 250px;
-      }
-
-      .info {
-        margin: 8px 0 16px 0;
-      }
-
-      .name {
-        font-family: headline-gothic-atf-round, sans-serif;
-        font-weight: 700;
-        font-size: 24px;
-      }
-    </style>
-    <div class="speaker">
-      <a href="${ url ? url : `/talks/${ id }` }">
-        <div class="photo">
-          <img src="/_public/images/speakers/${ photo }" alt="photo of ${ name }"/>
-          <div class="overlay">
-            <div class="text">${ type === "lightning" ? "⚡️" : "" }${ title }</div>
-          </div>
-        </div>
-      </a>
-      <div class="info">
-        <div class="name">${ name }</div>
-        <div class="misc">
-          ${ company }<br/>${ location }
-        </div>
-      </div>
-    </div>
-  `
-}
diff --git a/app/pages/index.html b/app/pages/index.html
deleted file mode 100644
index b9d7326..0000000
--- a/app/pages/index.html
+++ /dev/null
@@ -1,36 +0,0 @@
-<my-layout>
-  <img
-    class="hero-image"
-    src="/_public/images/blank-seattlejs-header.png"
-    alt="SeattleJS header image"
-    width="2535"
-    height="912"
-  />
-  <div id="page">
-    <h2>Upcoming Meetups</h2>
-    <iframe
-      src="https://lu.ma/embed/calendar/cal-OAaQXLTEG8qM3rg/events?lt=light"
-      height="450"
-      frameborder="0"
-      style="border: 1px solid #bfcbda88; border-radius: 4px; width: 100%"
-      allowfullscreen=""
-      aria-hidden="false"
-    ></iframe>
-    <list-events></list-events>
-    <h2>Speaking at the SeattleJS Meetup</h2>
-    <p>
-      No matter who you are and what your experience level is, you can give a
-      talk at SeattleJS. Please consider submitting an idea to our
-      <a href="/speak">Call for Presenters</a>!
-    </p>
-    <h2>Sponsors</h2>
-    <list-sponsors></list-sponsors>
-    <p>
-      If your company would like to sponsor an upcoming meetup, please email us
-      at <a href="mailto:info@cascadiajs.com">info@seattlejs.com</a>.
-    </p>
-
-    <h2>Organizers</h2>
-    <list-organizers></list-organizers>
-  </div>
-</my-layout>
diff --git a/crawl.mjs b/crawl.mjs
new file mode 100644
index 0000000..e81d039
--- /dev/null
+++ b/crawl.mjs
@@ -0,0 +1,43 @@
+import fs from 'fs'
+
+const queue = ['https://seattlejs.com/', 'https://seattlejs.com/events']
+/** @type {Set<string>} */
+// eslint-disable-next-line no-undef
+const visited = new Set()
+
+async function crawl() {
+  while (queue.length) {
+    let url = queue.shift()
+    if (!url || visited.has(url)) continue
+
+    visited.add(url)
+    console.log(`Crawling ${url}`)
+
+    let res = await fetch(url)
+    let text = await res.text()
+    let matches = text.match(/https?:\/\/[^'"\s)]+/g) || []
+
+    const links = text.match(/href="([^"]+)"/g) || []
+    matches = matches.concat(
+      ...links
+        .map(m => {
+          const url = m.match(/href="([^"]+)"/)[1]
+          if (url.match(/^https?:\/\/seattlejs.com/)) return url
+          if (url.startsWith('/')) return `https://seattlejs.com${url}`
+          return null
+        })
+        .filter(m => !!m),
+    )
+
+    // console.log(matches)
+
+    for (let match of matches) {
+      if (match.match(/^https?:\/\/seattlejs.com/)) {
+        queue.push(match)
+      }
+    }
+  }
+}
+
+await crawl()
+fs.writeFileSync('urls.json', JSON.stringify(Array.from(visited), null, 2))
diff --git a/package-lock.json b/package-lock.json
index dc0752f..a012805 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,10 +12,8 @@
       "dependencies": {
         "@astrojs/preact": "^4.0.1",
         "astro": "^5.1.1",
-        "front-matter": "^4.0.2",
         "marked": "^15.0.4",
-        "preact": "^10.25.3",
-        "preact-iso": "^2.8.1"
+        "preact": "^10.25.3"
       },
       "devDependencies": {
         "eslint": "^8.46.0",
@@ -3966,34 +3964,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/front-matter": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/front-matter/-/front-matter-4.0.2.tgz",
-      "integrity": "sha512-I8ZuJ/qG92NWX8i5x1Y8qyj3vizhXS31OxjKDu3LKP+7/qBgfIKValiZIEwoVoJKUHlhWtYrktkxV1XsX+pPlg==",
-      "dependencies": {
-        "js-yaml": "^3.13.1"
-      }
-    },
-    "node_modules/front-matter/node_modules/argparse": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-      "dependencies": {
-        "sprintf-js": "~1.0.2"
-      }
-    },
-    "node_modules/front-matter/node_modules/js-yaml": {
-      "version": "3.14.1",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
-      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
-      "dependencies": {
-        "argparse": "^1.0.7",
-        "esprima": "^4.0.0"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
     "node_modules/fs-extra": {
       "version": "9.1.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
@@ -6299,16 +6269,6 @@
         "url": "https://opencollective.com/preact"
       }
     },
-    "node_modules/preact-iso": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/preact-iso/-/preact-iso-2.8.1.tgz",
-      "integrity": "sha512-RL0yDdJcSiB4Wnk4fBqq0OE9QCfTEW7B2ULf8GHPx72AtFE+j1NvabjBF6y3rBgrNWSuuPuuiN4L4KxYteQD2Q==",
-      "license": "MIT",
-      "peerDependencies": {
-        "preact": ">=10",
-        "preact-render-to-string": ">=6.4.0"
-      }
-    },
     "node_modules/preact-render-to-string": {
       "version": "6.5.12",
       "resolved": "https://registry.npmjs.org/preact-render-to-string/-/preact-render-to-string-6.5.12.tgz",
diff --git a/package.json b/package.json
index 079830d..f325aa0 100644
--- a/package.json
+++ b/package.json
@@ -9,10 +9,8 @@
   "dependencies": {
     "@astrojs/preact": "^4.0.1",
     "astro": "^5.1.1",
-    "front-matter": "^4.0.2",
     "marked": "^15.0.4",
-    "preact": "^10.25.3",
-    "preact-iso": "^2.8.1"
+    "preact": "^10.25.3"
   },
   "devDependencies": {
     "eslint": "^8.46.0",
diff --git a/patches/preact-iso+2.8.1.patch b/patches/preact-iso+2.8.1.patch
deleted file mode 100644
index 57aea60..0000000
--- a/patches/preact-iso+2.8.1.patch
+++ /dev/null
@@ -1,20 +0,0 @@
-diff --git a/node_modules/preact-iso/src/router.d.ts b/node_modules/preact-iso/src/router.d.ts
-index 7958546..87715c7 100644
---- a/node_modules/preact-iso/src/router.d.ts
-+++ b/node_modules/preact-iso/src/router.d.ts
-@@ -40,9 +40,9 @@ export interface RouteProps<Props> extends RoutableProps {
- 
- export function Route<Props>(props: RouteProps<Props> & Partial<Props>): VNode;
- 
--declare module 'preact' {
--	namespace JSX {
--		interface IntrinsicAttributes extends RoutableProps {}
--	}
--	interface Attributes extends RoutableProps {}
--}
-+// declare module 'preact' {
-+// 	namespace JSX {
-+// 		interface IntrinsicAttributes extends RoutableProps {}
-+// 	}
-+// 	interface Attributes extends RoutableProps {}
-+// }
diff --git a/src/components/Event.astro b/src/components/Event.astro
new file mode 100644
index 0000000..1a436a9
--- /dev/null
+++ b/src/components/Event.astro
@@ -0,0 +1,43 @@
+---
+import { marked } from 'marked'
+import Sponsor from '@/components/Sponsor.astro'
+import TalkCard from '@/components/TalkCard.astro'
+import { inflateEvent, type SJSEvent } from '@/utils/data'
+
+const { event: baseEvent } = Astro.props as { event: SJSEvent }
+const event = inflateEvent(baseEvent)
+---
+
+<h3>{event.title}</h3>
+{event.description && <p>{marked(event.description)}</p>}
+{event.sponsors.length > 0 && <h4>Thanks to our Sponsors ❤️</h4>}
+{event.sponsors.map(sponsor => <Sponsor sponsor={sponsor} />)}
+<div class="cta">
+  <a target="_blank" href={event.link}
+    >More Info & Tickets <i class="fa-solid fa-ticket"></i></a
+  >
+</div>
+
+<div class="talks">
+  {
+    event.talks.length === 0 ? (
+      <p>
+        There are no talks at the moment, maybe <a href="/speak">propose one</a>
+        ?
+      </p>
+    ) : (
+      event.talks.map(t => <TalkCard id={t.id} />)
+    )
+  }
+</div>
+
+<style>
+  @media only screen and (min-width: 768px) {
+    .talks {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: flex-start;
+      justify-content: start;
+    }
+  }
+</style>
diff --git a/src/components/Organizers.astro b/src/components/Organizers.astro
new file mode 100644
index 0000000..6300a61
--- /dev/null
+++ b/src/components/Organizers.astro
@@ -0,0 +1,47 @@
+---
+import organizers from '@/data/organizers.json'
+import SocialLinks from './SocialLinks.astro'
+---
+
+<div class="organizers">
+  {
+    organizers.map(o => (
+      <div class="organizer">
+        <p>
+          <img
+            src={`/_public/images/organizers/${o.id}.jpg`}
+            alt={`photo of ${o.full_name}`}
+          />
+        </p>
+        <p>
+          <div class="name">{o.full_name}</div>
+          {/* {o.role ? `${o.role} <br />` : ''} */}
+          <SocialLinks links={o.links} />
+        </p>
+      </div>
+    ))
+  }
+</div>
+
+<style>
+  .organizer img {
+    height: 250px;
+    width: 250px;
+  }
+
+  .name {
+    font-family: headline-gothic-atf-round, sans-serif;
+    font-weight: 700;
+    font-size: 24px;
+  }
+  @media only screen and (min-width: 768px) {
+    .organizers {
+      display: flex;
+      flex-wrap: wrap;
+    }
+
+    .organizer {
+      margin: 8px;
+    }
+  }
+</style>
diff --git a/src/components/SocialLinks.astro b/src/components/SocialLinks.astro
new file mode 100644
index 0000000..aff0108
--- /dev/null
+++ b/src/components/SocialLinks.astro
@@ -0,0 +1,53 @@
+---
+const { linkedin, twitter, url, github } = Astro.props.links
+---
+
+<style>
+  ul {
+    list-style: none;
+    margin: 8px 0 0 0;
+    padding: 0;
+  }
+</style>
+<ul>
+  {
+    linkedin && (
+      <li class="links-list">
+        <i class="fab fa-linkedin" style="width: 20px;" />
+        <a target="_blank" href={`https://www.linkedin.com/in/${linkedin}`}>
+          {linkedin}
+        </a>
+      </li>
+    )
+  }
+  {
+    twitter && (
+      <li class="links-list">
+        <i class="fab fa-twitter" style="width: 20px;" />
+        <a target="_blank" href={`https://twitter.com/${twitter}`}>
+          @{twitter}
+        </a>
+      </li>
+    )
+  }
+  {
+    url && (
+      <li class="links-list">
+        <i class="fa fa-globe" style="width: 20px;" />
+        <a target="_blank" href={url}>
+          {url.split('://')[1]}
+        </a>
+      </li>
+    )
+  }
+  {
+    github && (
+      <li class="links-list">
+        <i class="fab fa-github" style="width: 20px;" />
+        <a target="_blank" href={`https://github.com/${github}`}>
+          {github}
+        </a>
+      </li>
+    )
+  }
+</ul>
diff --git a/src/components/Sponsor.astro b/src/components/Sponsor.astro
new file mode 100644
index 0000000..49cd970
--- /dev/null
+++ b/src/components/Sponsor.astro
@@ -0,0 +1,28 @@
+---
+let {
+  sponsor: { url, name, image, tier },
+} = Astro.props
+---
+
+<style>
+  .platinum img {
+    height: 200px;
+  }
+
+  .gold img {
+    height: 75px;
+  }
+
+  .gold {
+    display: inline-block;
+    margin: 16px;
+  }
+</style>
+<div class={tier}>
+  <a href={url} target="_new"
+    ><img
+      src={`/_public/images/sponsors/${image}`}
+      alt={`logo for ${name}`}
+    /></a
+  >
+</div>
diff --git a/src/components/TalkCard.astro b/src/components/TalkCard.astro
new file mode 100644
index 0000000..faa8ac8
--- /dev/null
+++ b/src/components/TalkCard.astro
@@ -0,0 +1,81 @@
+---
+import { type Talk, inflateTalk } from '@/utils/data'
+
+let { id, url } = Astro.props as {
+  id: Talk['id']
+  url?: string
+}
+
+let { title, speaker, type } = inflateTalk(id)
+let { name, company, photo, location = '' } = speaker
+---
+
+<style>
+  .speaker {
+    margin-right: 16px;
+  }
+
+  .photo {
+    position: relative;
+    height: 250px;
+    width: 250px;
+  }
+
+  .photo .overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    opacity: 0;
+    transition: 0.5s ease;
+    background-color: #ee3e4a;
+  }
+
+  .photo:hover .overlay {
+    opacity: 1;
+  }
+
+  .photo .overlay .text {
+    color: white;
+    font-family: headline-gothic-atf-round, sans-serif;
+    font-weight: 500;
+    font-style: italic;
+    font-size: 24px;
+    line-height: 1.125em;
+    margin: 16px;
+    text-align: left;
+  }
+
+  .photo img {
+    object-fit: cover;
+    height: 250px;
+    width: 250px;
+  }
+
+  .info {
+    margin: 8px 0 16px 0;
+  }
+
+  .name {
+    font-family: headline-gothic-atf-round, sans-serif;
+    font-weight: 700;
+    font-size: 24px;
+  }
+</style>
+<div class="speaker">
+  <a href={url ? url : `/talks/${id}`}>
+    <div class="photo">
+      <img src={`/_public/images/speakers/${photo}`} alt={`photo of ${name}`} />
+      <div class="overlay">
+        <div class="text">{type === 'lightning' ? '⚡️ ' : ''}{title}</div>
+      </div>
+    </div>
+  </a>
+  <div class="info">
+    <div class="name">{name}</div>
+    <div class="misc">
+      {company}<br />{location}
+    </div>
+  </div>
+</div>
diff --git a/src/images/blank-seattlejs-header.png b/src/images/blank-seattlejs-header.png
new file mode 100644
index 0000000..1f52401
Binary files /dev/null and b/src/images/blank-seattlejs-header.png differ
diff --git a/src/pages/index.astro b/src/pages/index.astro
new file mode 100644
index 0000000..49b0f0c
--- /dev/null
+++ b/src/pages/index.astro
@@ -0,0 +1,85 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import { Image } from 'astro:assets'
+import Event from '@/components/Event.astro'
+import Organizers from '@/components/Organizers.astro'
+import Sponsor from '@/components/Sponsor.astro'
+import events from '@/data/events.json'
+import sponsors from '@/data/sponsors.json'
+import heroImgSrc from '@/images/blank-seattlejs-header.png'
+
+const TWELVE_HOURS = 1000 * 60 * 60 * 12
+// const futureEvents = events.filter(
+//   t => new Date(`${t.date}T21:00-08:00`).getTime() + TWELVE_HOURS > Date.now()
+// )
+const futureEvents = [events.at(-1)]
+---
+
+<Layout pageTitle="SeattleJS">
+  <!-- <img
+    class="hero-image"
+    src="/_public/images/blank-seattlejs-header.png"
+    alt="SeattleJS header image"
+    width="2535"
+    height="912"
+  /> -->
+  <Image
+    src={heroImgSrc}
+    alt="SeattleJS header image"
+    class="hero-image"
+    loading="eager"
+  />
+  <div id="page">
+    <h2>Upcoming Meetups</h2>
+    <iframe
+      src="https://lu.ma/embed/calendar/cal-OAaQXLTEG8qM3rg/events?lt=light"
+      height="450"
+      frameborder="0"
+      style="border: 1px solid #bfcbda88; border-radius: 4px; width: 100%"
+      allowfullscreen=""
+      aria-hidden="false"></iframe>
+
+    {futureEvents.map(event => <Event event={event} />)}
+
+    <div>
+      <a target="_self" href="/events">
+        See all past events <i class="fa-solid fa-arrow-right"></i>
+      </a>
+    </div>
+
+    <h2>Speaking at the SeattleJS Meetup</h2>
+    <p>
+      No matter who you are and what your experience level is, you can give a
+      talk at SeattleJS. Please consider submitting an idea to our
+      <a href="/speak">Call for Presenters</a>!
+    </p>
+    <h2>Sponsors</h2>
+    <div class="sponsors">
+      {sponsors.map(s => <Sponsor sponsor={s} />)}
+    </div>
+    <p>
+      If your company would like to sponsor an upcoming meetup, please email us
+      at <a href="mailto:info@cascadiajs.com">info@seattlejs.com</a>.
+    </p>
+
+    <h2>Organizers</h2>
+    <Organizers />
+  </div>
+</Layout>
+
+<style>
+  .sponsors :global(div) {
+    padding: 16px;
+  }
+
+  .sponsors :global(img) {
+    height: 80px;
+  }
+
+  @media only screen and (min-width: 768px) {
+    .sponsors {
+      display: flex;
+      flex-wrap: wrap;
+    }
+  }
+</style>
diff --git a/src/utils/data.ts b/src/utils/data.ts
index c3289e9..ad42cb3 100644
--- a/src/utils/data.ts
+++ b/src/utils/data.ts
@@ -25,6 +25,7 @@ export interface Speaker {
   twitter?: string
   pronouns?: string
   photo: string
+  location?: string
 }
 
 export interface Talk {
diff --git a/urls.json b/urls.json
new file mode 100644
index 0000000..b2301dc
--- /dev/null
+++ b/urls.json
@@ -0,0 +1,119 @@
+[
+  "https://seattlejs.com/",
+  "https://seattlejs.com/events",
+  "https://seattlejs.com/_public/styles/main-7e3a3b89c6.css",
+  "https://seattlejs.com/_public/favicon-d60dbc8577.jpg",
+  "https://seattlejs.com/about-us",
+  "https://seattlejs.com/join",
+  "https://seattlejs.com/conf",
+  "https://seattlejs.com/code-of-conduct",
+  "https://seattlejs.com/speak",
+  "https://seattlejs.com/events/november-2024",
+  "https://seattlejs.com/events/october-2024",
+  "https://seattlejs.com/events/september-2024",
+  "https://seattlejs.com/events/august-2024",
+  "https://seattlejs.com/events/july-2024",
+  "https://seattlejs.com/events/may-2024",
+  "https://seattlejs.com/events/april-2024",
+  "https://seattlejs.com/events/march-2024",
+  "https://seattlejs.com/events/february-2024",
+  "https://seattlejs.com/events/january-2024",
+  "https://seattlejs.com/events/holiday-party-2023",
+  "https://seattlejs.com/events/november-2023",
+  "https://seattlejs.com/events/october-2023",
+  "https://seattlejs.com/events/september-2023",
+  "https://seattlejs.com/events/july-2023",
+  "https://seattlejs.com/events/june-2023",
+  "https://seattlejs.com/events/may-2023",
+  "https://seattlejs.com/events/april-2023",
+  "https://seattlejs.com/events/march-2023",
+  "https://seattlejs.com/events/february-2023",
+  "https://seattlejs.com/events/january-2023",
+  "https://seattlejs.com/events/december-2022",
+  "https://seattlejs.com/events/november-2022",
+  "https://seattlejs.com/events/october-2022",
+  "https://seattlejs.com/events/september-2022",
+  "https://seattlejs.com/events/august-2022",
+  "https://seattlejs.com/events/july-2022",
+  "https://seattlejs.com/events/june-2022",
+  "https://seattlejs.com/events/may-2022",
+  "https://seattlejs.com/_public/images/seattlejsconf-sharing-c15b59d9f6.png",
+  "https://seattlejs.com/live",
+  "https://seattlejs.com/talks/deno-2.0",
+  "https://seattlejs.com/talks/dont-fear-the-linter",
+  "https://seattlejs.com/talks/every-process-everywhere-all-at-once",
+  "https://seattlejs.com/talks/creating-a-design-system",
+  "https://seattlejs.com/talks/rebuilding-in-rust",
+  "https://seattlejs.com/talks/react-rendering-with-nextjs",
+  "https://seattlejs.com/talks/flip-no-more",
+  "https://seattlejs.com/talks/langchain-agents",
+  "https://seattlejs.com/talks/move-over-passwords",
+  "https://seattlejs.com/talks/real-time-multiplayer-reactions-component",
+  "https://seattlejs.com/talks/a-plea-for-boring-tech",
+  "https://seattlejs.com/talks/es13-and-beyond",
+  "https://seattlejs.com/workshops/managing-data-in-a-react-application-aug-7",
+  "https://seattlejs.com/workshops/introduction-to-typescript-aug-9",
+  "https://seattlejs.com/workshops/building-ai-apps-aug-10",
+  "https://seattlejs.com/talks/cat-johnson-november-2024",
+  "https://seattlejs.com/talks/stacy-davis1-november-2024",
+  "https://seattlejs.com/talks/erik-marks-october-2024",
+  "https://seattlejs.com/talks/nicholas-patti-september-2024",
+  "https://seattlejs.com/talks/ben-van-citters-august-2024",
+  "https://seattlejs.com/talks/allan-deutsch-august-2024",
+  "https://seattlejs.com/talks/chris-griffing-july-2024",
+  "https://seattlejs.com/talks/allan-deutsch-may-2024",
+  "https://seattlejs.com/talks/sarah-guthals-phd-may-2024",
+  "https://seattlejs.com/talks/herrington-darkholme-april-2024",
+  "https://seattlejs.com/talks/john-pham-april-2024",
+  "https://seattlejs.com/talks/shruti-kapoor-march-2024",
+  "https://seattlejs.com/talks/eric-jensen-march-2024",
+  "https://seattlejs.com/talks/dm-liao-february-2024",
+  "https://seattlejs.com/talks/fx-wood-february-2024",
+  "https://seattlejs.com/talks/mike-ryan-november-2023",
+  "https://seattlejs.com/talks/doug-wade-november-2023",
+  "https://seattlejs.com/talks/caleb-diehl-october-2023",
+  "https://seattlejs.com/talks/alan-gonzalez-october-2023",
+  "https://seattlejs.com/talks/jan-miksovsky-september-2023",
+  "https://seattlejs.com/talks/peli-de-halleux-september-2023",
+  "https://seattlejs.com/talks/ben-lower-september-2023",
+  "https://seattlejs.com/talks/chris-griffing-july-2023",
+  "https://seattlejs.com/talks/michael-fitzgerald-july-2023",
+  "https://seattlejs.com/talks/geoff-rich-july-2023",
+  "https://seattlejs.com/talks/cristina-rodriguez-june-2023",
+  "https://seattlejs.com/talks/aiden-bai-june-2023",
+  "https://seattlejs.com/talks/dm-liao-june-2023",
+  "https://seattlejs.com/talks/spenser-solys-may-2023",
+  "https://seattlejs.com/talks/tiger-oakes-may-2023",
+  "https://seattlejs.com/talks/michael-solati-april-2023",
+  "https://seattlejs.com/talks/philip-swan-april-2023",
+  "https://seattlejs.com/talks/catherine-johnson-april-2023",
+  "https://seattlejs.com/talks/aaroh-mankad-march-2023",
+  "https://seattlejs.com/talks/mason-lynass-march-2023",
+  "https://seattlejs.com/talks/chris-griffing-march-2023",
+  "https://seattlejs.com/talks/brian-tran-february-2023",
+  "https://seattlejs.com/talks/lupe-canaviri-maydana-februrary-2023",
+  "https://seattlejs.com/talks/jacob-ebey-february-2023",
+  "https://seattlejs.com/talks/calvin-kipperman-january-2023",
+  "https://seattlejs.com/talks/josh-scotland-january-2023",
+  "https://seattlejs.com/talks/tim-obrien-january-2023",
+  "https://seattlejs.com/talks/matthew-bauer-november-2022",
+  "https://seattlejs.com/talks/brian-gershon-november-2022",
+  "https://seattlejs.com/talks/rachel-lee-nabors-october-2022",
+  "https://seattlejs.com/talks/jamund-ferguson-june-2022",
+  "https://seattlejs.com/talks/amber-hoak-may-2022",
+  "https://seattlejs.com/_public/images/social/deno-2.0-c4ba3a8139.png",
+  "https://seattlejs.com/_public/images/social/dont-fear-the-linter-3ce4d66746.png",
+  "https://seattlejs.com/_public/images/social/every-process-everywhere-all-at-once-1b6b606242.png",
+  "https://seattlejs.com/_public/images/social/creating-a-design-system-a039a079f7.png",
+  "https://seattlejs.com/_public/images/social/rebuilding-in-rust-2f56ab6a00.png",
+  "https://seattlejs.com/_public/images/social/react-rendering-with-nextjs-b0e96febb4.png",
+  "https://seattlejs.com/_public/images/social/flip-no-more-40a0166c00.png",
+  "https://seattlejs.com/_public/images/social/langchain-agents-ecd1661290.png",
+  "https://seattlejs.com/_public/images/social/move-over-passwords-bf5cc5ec29.png",
+  "https://seattlejs.com/_public/images/social/real-time-multiplayer-reactions-component-a13cd4acad.png",
+  "https://seattlejs.com/_public/images/social/a-plea-for-boring-tech-c74ac95a1f.png",
+  "https://seattlejs.com/_public/images/social/es13-and-beyond-6c42b7dcfd.png",
+  "https://seattlejs.com/_public/images/social/managing-data-in-a-react-application-aug-7-aa8fc7e3d5.png",
+  "https://seattlejs.com/_public/images/social/introduction-to-typescript-aug-9-d7837798fc.png",
+  "https://seattlejs.com/_public/images/social/building-ai-apps-aug-10-3a0a15dead.png"
+]
\ No newline at end of file