diff --git a/frontend/components/Accordion.vue b/frontend/components/Accordion.vue
index d0b0adf..26c6e13 100644
--- a/frontend/components/Accordion.vue
+++ b/frontend/components/Accordion.vue
@@ -14,7 +14,7 @@ const faq = [
     },
     {
         question: 'When will TeknumConf be held?',
-        answer: `We will be in Depok on <span class='text-orange-300 font-bold'>21 October 2023</span>, at the same time with Hacktoberfest.`
+        answer: `<span class='text-orange-300 font-bold'>Coming soon!</span>`
     },
     {
         question: 'Will there be a live streaming or recorded videos?',
diff --git a/frontend/components/AppFooter.vue b/frontend/components/AppFooter.vue
index a7afed5..c07a9e8 100644
--- a/frontend/components/AppFooter.vue
+++ b/frontend/components/AppFooter.vue
@@ -23,17 +23,35 @@
                     <h4 class="footer-menu-header">Our Social Media</h4>
                     <ul class="list-none">
                         <li>
-                            <a class="white" href="https://t.me/teknologi_umum_v2" >
+                            <a class="white" href="https://t.me/teknologi_umum_v2" target="_blank">
                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9.78 18.65l.28-4.23l7.68-6.92c.34-.31-.07-.46-.52-.19L7.74 13.3L3.64 12c-.88-.25-.89-.86.2-1.3l15.97-6.16c.73-.33 1.43.18 1.15 1.3l-2.72 12.81c-.19.91-.74 1.13-1.5.71L12.6 16.3l-1.99 1.93c-.23.23-.42.42-.83.42z" fill="currentColor"/></svg>
                                 <span>@teknologi_umum_v2</span>
                             </a>
                         </li>
                         <li>
-                            <a class="white" href="https://github.com/teknologi-umum/" >
+                            <a class="white" href="https://github.com/teknologi-umum/" target="_blank">
                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33c.85 0 1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2Z"/></svg>
                                 <span>teknologi-umum</span>
                             </a>
                         </li>
+                        <li>
+                            <a class="white" href="https://twitter.com/teknumconf/" target="_blank">
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                                  <line x1="18" y1="6" x2="6" y2="18"></line>
+                                  <line x1="6" y1="6" x2="18" y2="18"></line>
+                                </svg>
+                                <span>@teknumconf</span>
+                            </a>
+                        </li>
+                        <li>
+                            <a class="white" href="https://www.youtube.com/@teknologiumum1227" target="_blank">
+                              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                                <path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19a53.5 53.5 0 0 0 8.6.53 53.5 53.5 0 0 0 8.6-.53 2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.33 29 29 0 0 0-.46-5.33z"></path>
+                                <polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"></polygon>
+                              </svg>
+                              <span>@teknologiumum</span>
+                            </a>
+                        </li>
                     </ul>
                 </div>
             </div>
diff --git a/frontend/components/Card.vue b/frontend/components/Card.vue
index 72faa4c..2a2b3e0 100644
--- a/frontend/components/Card.vue
+++ b/frontend/components/Card.vue
@@ -16,7 +16,6 @@ defineProps({
             <h3 class="mb-4 text-3xl text-white">{{ title }}</h3>
             <slot></slot>
             <p class="text-lg">{{ description }}</p>
-            
         </div>
     </div>
 </template>
diff --git a/frontend/components/Rundown.vue b/frontend/components/Rundown.vue
index e69db5d..e293422 100644
--- a/frontend/components/Rundown.vue
+++ b/frontend/components/Rundown.vue
@@ -3,52 +3,72 @@ const events = ref([
     {
         name: 'Doors open / Opening Remarks',
         fromHour: '13.00',
-        toHour: '13.05'
+        toHour: '13.05',
+        recorded: false,
+        youtube: ""
     },
     {
         name: 'The Business Mind in a Pragmatic Engineer: Building Boring Businesses by M. Gilang Januar',
         fromHour: '13.05',
-        toHour: '13.45'
+        toHour: '13.45',
+        recorded: true,
+        youtube: "https://youtu.be/k_baN_tPcts?si=-6BteKYlA5FmodFR"
     },
     {
         name: 'Loving Rust not because of the Performance by Mustafa Zaki Assagaf',
         fromHour: '13.50',
-        toHour: '14.30'
+        toHour: '14.30',
+        recorded: true,
+        youtube: "https://youtu.be/_3pr4xzjX8Q?si=Lc0Gz-YOC5zRa_dd"
     },
     {
         name: 'Career Talk: How to strive in Indonesia tech industry',
         fromHour: '14.35',
-        toHour: '15.35'
+        toHour: '15.35',
+        recorded: true,
+        youtube: "https://youtu.be/dhB6dmDcir0?si=rla3sTicDfI2wwkx"
     },
     {
         name: 'Break Ashar / Networking Session',
         fromHour: '15.35',
-        toHour: '16.00'
+        toHour: '16.00',
+        recorded: false,
+        youtube: ""
     },
     {
         name: 'Minimalism on Product Development: An Algobash Story by Elfino Sitompul',
         fromHour: '16.05',
-        toHour: '16.45'
+        toHour: '16.45',
+        recorded: false,
+        youtube: "https://youtu.be/0TUUhXC6OrE?si=5eHbaGcw9fJk9xUv"
     },
     {
         name: 'Melakukan TDD meski situasi tidak kondusif by Riza Ramadan',
         fromHour: '16.50',
-        toHour: '17.30'
+        toHour: '17.30',
+        recorded: true,
+        youtube: "https://youtu.be/A3W-kOHFhuo?si=L7FDaFh32TZMro1s"
     },
     {
         name: 'Break Maghrib / Networking Session',
         fromHour: '17.30',
-        toHour: '18.15'
+        toHour: '18.15',
+        recorded: false,
+        youtube: ""
     },
     {
         name: 'Teks Adalah Mitos by Didiet Noor',
         fromHour: '18.15',
-        toHour: '18.45'
+        toHour: '18.45',
+        recorded: true,
+        youtube: "https://youtu.be/0TUUhXC6OrE?si=5eHbaGcw9fJk9xUv"
     },
     {
         name: 'Closing Remarks',
         fromHour: '18.45',
-        toHour: '19.00'
+        toHour: '19.00',
+        recorded: false,
+        youtube: ""
     },
 ])
 </script>
@@ -56,7 +76,14 @@ const events = ref([
     <div class="rundown">
         <div class="rundown-event" v-for="event in events">
             <div class="rundown-name mb-2">{{ event.name }}</div>
-            <div class="rundown-hour text-sm text-gray-200">{{ event.fromHour }} - {{ event.toHour }}</div>
+            <div class="rundown-hour text-sm text-gray-200">
+              {{ event.fromHour }} - {{ event.toHour }}
+
+              <span v-if="event.recorded">
+                |
+                <a :href="event.youtube" target="_blank">Watch Here!</a>
+              </span>
+            </div>
         </div>
     </div>
 </template>
diff --git a/frontend/pages/2023.vue b/frontend/pages/2023.vue
new file mode 100644
index 0000000..d9d7360
--- /dev/null
+++ b/frontend/pages/2023.vue
@@ -0,0 +1,202 @@
+<script setup>
+import didietImage from "@/assets/images/speaker_didiet.png"
+import elfinoImage from "@/assets/images/speaker_elfino.png";
+import rizaImage from "@/assets/images/speaker_riza.png";
+import gilangImage from "@/assets/images/speaker_gilang.png";
+import mustafaImage from "@/assets/images/speaker_mustafa.png";
+
+const config = useRuntimeConfig()
+useHead({
+  title: "TeknumConf 2023",
+})
+
+const speakers = ref([
+  {
+    name: "Didiet Noor",
+    title: "Teks adalah Mitos",
+    description: "Semua yang teman-teman ketahui tentang 'teks' hanyalah sebuah mitos. Akan berbicara dan membongkar khurafat mengenai teks, ascii, unicode, emoji, dan glif.",
+    image: didietImage,
+  },
+  {
+    name: "M. Gilang Januar",
+    title: "The Business Mind in a Pragmatic Engineer: Building Boring Businesses",
+    description: "Berbicara tentang memiliki side hustle sebagai seorang software engineer. Mulai dari ideation, business and marketing strategy, contoh studi kasus, dan hal menarik lainnya. Harapannya peserta dapat melihat business value dari kacamata seorang pragmatic engineer.",
+    image: gilangImage,
+  },
+  {
+    name: "Riza Ramadan",
+    title: "Melakukan TDD meski situasi tidak kondusif",
+    description: "Often, 'You're doing TDD wrong' is heard, but usually, TDD is just applied to unsuitable problems. Many do it right, just not for the right reasons. In this talk, we will discuss when it makes sense to use TDD and when it doesn't, regardless of our understanding of how to do TDD.",
+    image: rizaImage,
+  },
+  {
+    name: "Mustafa Zaki A.",
+    title: "Loving Rust not because of the performance",
+    description: "Rust dikenal dengan bahasa pemrograman yang cepat. Namun sebenarnya ada sisi lain yang ditawarkan di Rust. Talk kali ini akan membahas apa saja hal yang ditawarkan oleh Rust selain kecepatan.",
+    image: mustafaImage,
+  },
+  {
+    name: "Elfino Sitompul",
+    title: "Minimalism on Product Development: An Algobash Story",
+    description: "Menjadi developer yang produktif, cepat, efisien, dan dicintai oleh team. Menghilangkan hal-hal yang memperlambat proses product development, apalagi di Algobash.",
+    image: elfinoImage,
+  }
+])
+
+const showVideo = ref(false)
+</script>
+<template>
+  <div class="page">
+    <section id="hero" class="section">
+      <div class="container | mx-auto px-5">
+        <div class="hero-card | p-12 rounded-2xl blur-bg">
+          <div class="flex between">
+            <div class="card-left">
+              <h1 class="hero-title | mb-8  leading-snug">TeknumConf<br/> 2023</h1>
+              <h3 v-if="config.public.announcementDate" class="text-xl lg:text-3xl mb-5 flex items-center gap-3">
+                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M19 19H5V8h14m-3-7v2H8V1H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-1V1"/></svg>
+                <span>{{config.public.announcementDate}}</span>
+              </h3>
+              <h3 class="text-xl lg:text-3xl flex items-center gap-3">
+                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M12 6.5A2.5 2.5 0 0 1 14.5 9a2.5 2.5 0 0 1-2.5 2.5A2.5 2.5 0 0 1 9.5 9A2.5 2.5 0 0 1 12 6.5M12 2a7 7 0 0 1 7 7c0 5.25-7 13-7 13S5 14.25 5 9a7 7 0 0 1 7-7m0 2a5 5 0 0 0-5 5c0 1 0 3 5 9.71C17 12 17 10 17 9a5 5 0 0 0-5-5Z"/></svg>
+                <span>Kode Creative Hub, Depok Town Square<br/>Depok, Indonesia</span>
+              </h3>
+              <Btn :is-link="true" to="/" class="mt-5 lg:mt-15 text-center btn-save-my-spot" size="xl">Back to Current Event</Btn>
+            </div>
+            <div class="card-right flex flex-grow-1 justify-end items-center">
+              <img src="@/assets/images/logo-white.png" alt="TeknumConf logo" class="w-100 hidden lg:block rounded-full">
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+    <section id="whats-good" class="section my-32">
+      <div class="container | mx-auto px-5">
+        <div class="flex items-end flex-wrap">
+          <h2 class="section-title | w-full lg:w-1/2 leading-tight">What's Good on TeknumConf?</h2>
+          <ul class="list list-none flex-grow-1 mt-5">
+            <li>Get to attend technology related workshop</li>
+            <li>Also attend non-technology related workshop, refreshen your mind</li>
+            <li>Career advice talk show from wide-ranging backgrounds</li>
+            <li>Hangout and network yourself with others</li>
+            <li v-if="config.public.fifaChampionship">Local FIFA championship, just to have some fun!</li>
+          </ul>
+        </div>
+      </div>
+    </section>
+    <section id="speakers" class="section my-32">
+      <div class="container | mx-auto px-5">
+        <h2 class="section-title | mb-24 text-center w-full leading-tight">Speakers</h2>
+        <div class="section-body">
+          <div class="speakers | grid grid-cols-1 lg:grid-cols-3 gap-10">
+            <Card v-for="speaker in speakers" :key="speaker.name" :image_url="speaker.image" :title="speaker.name" :description="speaker.description"></Card>
+          </div>
+        </div>
+      </div>
+    </section>
+    <section id="rundown" class="section">
+      <div class="container | mx-auto px-5 lg:flex">
+        <div class="section-header text-center mb-16 lg:w-1/2">
+          <h2 class="section-title rundown-title">Rundown</h2>
+        </div>
+        <div class="section-content flex justify-center">
+          <Rundown></Rundown>
+        </div>
+      </div>
+    </section>
+    <section id="venue" class="section relative">
+      <div class="container | mx-auto px-5 lg:flex  lg:w-1/2">
+        <div class="section-left text-center mb-16">
+          <h2 class="section-title leading-normal mb-8">How to get to venue</h2>
+
+          <!-- Toggle video -->
+          <Btn color="outline" size="lg2" class="mb-10" @click="showVideo=!showVideo">
+            <div class="flex items-center justify-center gap-2">
+              <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M10 16.5v-9l6 4.5M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2Z"/></svg>
+              Show video
+            </div>
+          </Btn>
+          <div v-show="showVideo">
+            <video src="@/assets/how_to_venue.mp4" controls class="h-80" ></video>
+          </div>
+
+          <HowToVenue/>
+        </div>
+      </div>
+    </section>
+    <section id="faq" class="section">
+      <div class="container | mx-auto px-5">
+        <div class="section-header text-center mb-16">
+          <h2 class="section-title">Frequently Asked Questions</h2>
+        </div>
+        <div class="section-content">
+          <Accordion></Accordion>
+        </div>
+      </div>
+    </section>
+  </div>
+</template>
+<style>
+.hero-card {
+  background-color: rgba(255, 255, 255, 0.076);
+  outline: 2px solid rgba(255, 255, 255, 0.245);
+  transition: all .3s;
+}
+
+
+@media screen and (max-width: 768px) {
+  .card-left h1 {
+    font-size: 32px;
+  }
+}
+
+.hero-card:hover {
+  background-color: rgba(255, 255, 255, 0.115);
+  outline: 2px solid white;
+}
+.hero-title {
+  font-size: clamp(3rem, 7vw, 10rem);
+  font-weight: 400;
+}
+.section-title {
+  font-size: clamp(3rem, 5vw, 4rem);
+}
+.list li {
+  padding: 2rem 1rem;
+  font-size: 1.3rem;
+  border-bottom: 1px solid #ffffff5b;
+}
+@media screen and (min-width: 1024px) {
+  .rundown-title {
+    writing-mode: vertical-lr;
+    text-orientation:mixed;
+    font-size: clamp(6rem, 10vw, 9rem);
+    text-align: right;
+    transform: rotateZ(180deg);
+  }
+  #rundown .section-header {
+    justify-content: flex-end;
+    display: flex;
+    padding: 0 3rem;
+  }
+}
+#venue {
+  background: linear-gradient(120deg, rgba(1, 2, 15, 0.883),
+  rgba(0, 0, 0, 0.95),
+  rgba(5, 12, 34, 0.879)),
+  url('@/assets/images/venue.jpg') no-repeat;
+  background-size: cover;
+  padding: 3rem 0;
+  backdrop-filter: blur(1rem);
+  min-height: 500px;
+  line-height: 2rem;
+}
+#img-venue {
+  object-fit: cover;
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 40%;
+  height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index fdf6312..ffa893e 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -1,49 +1,8 @@
 <script setup>
-import didietImage from "@/assets/images/speaker_didiet.png"
-import elfinoImage from "@/assets/images/speaker_elfino.png";
-import rizaImage from "@/assets/images/speaker_riza.png";
-import gilangImage from "@/assets/images/speaker_gilang.png";
-import mustafaImage from "@/assets/images/speaker_mustafa.png";
-
 const config = useRuntimeConfig()
 useHead({
     title: "Home"
 })
-
-const speakers = ref([
-    {
-        name: "Didiet Noor",
-        title: "Teks adalah Mitos",
-        description: "Semua yang teman-teman ketahui tentang 'teks' hanyalah sebuah mitos. Akan berbicara dan membongkar khurafat mengenai teks, ascii, unicode, emoji, dan glif.",
-        image: didietImage,
-    },
-    {
-        name: "M. Gilang Januar",
-        title: "The Business Mind in a Pragmatic Engineer: Building Boring Businesses",
-        description: "Berbicara tentang memiliki side hustle sebagai seorang software engineer. Mulai dari ideation, business and marketing strategy, contoh studi kasus, dan hal menarik lainnya. Harapannya peserta dapat melihat business value dari kacamata seorang pragmatic engineer.",
-        image: gilangImage,
-    },
-    {
-        name: "Riza Ramadan",
-        title: "Melakukan TDD meski situasi tidak kondusif",
-        description: "Often, 'You're doing TDD wrong' is heard, but usually, TDD is just applied to unsuitable problems. Many do it right, just not for the right reasons. In this talk, we will discuss when it makes sense to use TDD and when it doesn't, regardless of our understanding of how to do TDD.",
-        image: rizaImage,
-    },
-    {
-        name: "Mustafa Zaki A.",
-        title: "Loving Rust not because of the performance",
-        description: "Rust dikenal dengan bahasa pemrograman yang cepat. Namun sebenarnya ada sisi lain yang ditawarkan di Rust. Talk kali ini akan membahas apa saja hal yang ditawarkan oleh Rust selain kecepatan.",
-        image: mustafaImage,
-    },
-    {
-      name: "Elfino Sitompul",
-      title: "Minimalism on Product Development: An Algobash Story",
-      description: "Menjadi developer yang produktif, cepat, efisien, dan dicintai oleh team. Menghilangkan hal-hal yang memperlambat proses product development, apalagi di Algobash.",
-      image: elfinoImage,
-    }
-]) 
-
-const showVideo = ref(false)
 </script>
 <template>
     <div class="page">
@@ -52,16 +11,19 @@ const showVideo = ref(false)
                 <div class="hero-card | p-12 rounded-2xl blur-bg">
                     <div class="flex between">
                         <div class="card-left">
-                            <h1 class="hero-title | mb-8  leading-snug">TeknumConf<br/> 2023</h1>
-                            <h3 v-if="config.public.announcementDate" class="text-xl lg:text-3xl mb-5 flex items-center gap-3">
-                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M19 19H5V8h14m-3-7v2H8V1H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-1V1"/></svg>
-                                <span>{{config.public.announcementDate}}</span>
+                            <h1 class="hero-title | mb-8  leading-snug">TeknumConf<br/> 2024</h1>
+                            <h3 class="text-xl lg:text-3xl mb-5 flex items-center gap-3">
+                              <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M19 19H5V8h14m-3-7v2H8V1H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-1V1"/></svg>
+                              <span>COMING SOON</span>
                             </h3>
-                            <h3 class="text-xl lg:text-3xl flex items-center gap-3">
-                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M12 6.5A2.5 2.5 0 0 1 14.5 9a2.5 2.5 0 0 1-2.5 2.5A2.5 2.5 0 0 1 9.5 9A2.5 2.5 0 0 1 12 6.5M12 2a7 7 0 0 1 7 7c0 5.25-7 13-7 13S5 14.25 5 9a7 7 0 0 1 7-7m0 2a5 5 0 0 0-5 5c0 1 0 3 5 9.71C17 12 17 10 17 9a5 5 0 0 0-5-5Z"/></svg>
-                                <span>Kode Creative Hub, Depok Town Square<br/>Depok, Indonesia</span>
+                            <h3 class="text-xl flex items-center gap-3">
+                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                                  <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path>
+                                  <path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
+                                </svg>
+                                <span>We are still preparing for TeknumConf 2024</span>
                             </h3>
-                            <Btn :isLink="true" to="register" class="mt-5 lg:mt-15 text-center btn-save-my-spot" size="xl">Save my spot!</Btn>
+                            <Btn :isLink="true" to="/2023" class="mt-5 lg:mt-15 text-center btn-save-my-spot" size="xl">Discover What You Missed in 2023!</Btn>
                         </div>
                         <div class="card-right flex flex-grow-1 justify-end items-center">
                             <img src="@/assets/images/logo-white.png" alt="TeknumConf logo" class="w-100 hidden lg:block rounded-full">
@@ -84,46 +46,6 @@ const showVideo = ref(false)
                 </div>
             </div>
         </section>
-        <section id="speakers" class="section my-32">
-            <div class="container | mx-auto px-5">
-                <h2 class="section-title | mb-24 text-center w-full leading-tight">Speakers</h2>
-                <div class="section-body">
-                    <div class="speakers | grid grid-cols-1 lg:grid-cols-3 gap-10">
-                        <Card v-for="speaker in speakers" :key="speaker.name" :image_url="speaker.image" :title="speaker.name" :description="speaker.description"></Card>
-                    </div>
-                </div>
-            </div>
-        </section>
-        <section id="rundown" class="section">
-            <div class="container | mx-auto px-5 lg:flex">
-                <div class="section-header text-center mb-16 lg:w-1/2">
-                    <h2 class="section-title rundown-title">Rundown</h2>
-                </div>
-                <div class="section-content flex justify-center">
-                    <Rundown></Rundown>
-                </div>
-            </div>
-        </section>
-        <section id="venue" class="section relative">
-            <div class="container | mx-auto px-5 lg:flex  lg:w-1/2">
-                <div class="section-left text-center mb-16">
-                    <h2 class="section-title leading-normal mb-8">How to get to venue</h2>
-
-                    <!-- Toggle video -->
-                    <Btn color="outline" size="lg2" class="mb-10" @click="showVideo=!showVideo">
-                        <div class="flex items-center justify-center gap-2">
-                            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M10 16.5v-9l6 4.5M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2Z"/></svg>
-                            Show video 
-                        </div>
-                    </Btn>
-                    <div v-show="showVideo">
-                        <video src="@/assets/how_to_venue.mp4" controls class="h-80" ></video>
-                    </div>
-
-                    <HowToVenue/>
-                </div>
-            </div>
-        </section>
         <section id="faq" class="section">
             <div class="container | mx-auto px-5">
                 <div class="section-header text-center mb-16">