diff --git a/src/components/RoboconBanner.vue b/src/components/RoboconBannerCountdown.vue
similarity index 93%
rename from src/components/RoboconBanner.vue
rename to src/components/RoboconBannerCountdown.vue
index ceae09b48..39320e446 100644
--- a/src/components/RoboconBanner.vue
+++ b/src/components/RoboconBannerCountdown.vue
@@ -14,10 +14,10 @@
       </div>
       <div class="col-sm-12">
         <div class="line-height-1 title-robocon">
-          RBCN<span class="color-robocon">23</span>
+          RBCN<span class="color-robocon">24</span>
         </div>
         <div class="line-height-1 mb-small" style="font-size: 1.5rem;">
-          ONLINE CONFERENCE
+          HELSINKI CONFERENCE
         </div>
       </div>
     </div>
@@ -33,7 +33,7 @@ export default {
   name: 'BannerRobocon',
   data: () => ({
     timeNow: new Date(),
-    eventDate: new Date('2023-03-01T09:00Z')
+    eventDate: new Date('2024-02-06T09:00Z')
   }),
   computed: {
     countdown() {
@@ -56,7 +56,7 @@ export default {
 
 <style scoped>
 .color-robocon {
-  color: #ff9f00;
+  color: #b861ff;
 }
 .title-robocon {
   font-family: RBCN;
diff --git a/src/components/RoboconBannerTickets.vue b/src/components/RoboconBannerTickets.vue
new file mode 100644
index 000000000..c0d89e68b
--- /dev/null
+++ b/src/components/RoboconBannerTickets.vue
@@ -0,0 +1,37 @@
+<template>
+  <div class="font-title type-uppercase bg-black color- type-left p-large type-large color-white">
+    <div class="row left bottom">
+      <div class="col-sm-12">
+        <div class="line-height-1 title-robocon">
+          RBCN<span class="color-robocon">24</span>
+        </div>
+        <div class="line-height-1 mb-small" style="font-size: 1.5rem;">
+          THE 7TH ANNUAL ROBOT FRAMEWORK CONFERENCE
+          <a class="color-robocon" style="float: right; font-size: 1.5rem;" href="https://robocon.io/">
+            Get your ticket here!
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.color-robocon {
+  color: #b861ff;
+}
+.title-robocon {
+  font-family: RBCN;
+  letter-spacing: 0.25rem;
+  margin-top: -1rem;
+  font-size: 8rem;
+}
+@media screen and (max-width: 768px) {
+  .title-robocon {
+    font-size: 27vw;
+  }
+  .timer {
+    font-size: 4vw;
+  }
+}
+</style>
diff --git a/src/components/RoboconBannerTicketsSlim.vue b/src/components/RoboconBannerTicketsSlim.vue
new file mode 100644
index 000000000..7ee2b41e9
--- /dev/null
+++ b/src/components/RoboconBannerTicketsSlim.vue
@@ -0,0 +1,20 @@
+<template>
+      <div class="font-title bg-black color-white type-left type-slimbanner">
+        <div class="mt-small" style="float: left">
+          Tickets for <span class="type-uppercase color-robocon">Robocon 2024</span> are on sale now!
+        </div>
+        <div class="mt-small" style="float: right">
+          More info at <a class="color-robocon" href="https://robocon.io/">robocon.io</a>.
+        </div>
+      </div>
+</template>
+
+<style scoped>
+.color-robocon {
+  color: #b861ff;
+}
+
+.type-slimbanner {
+  font-size: var(--type-large);
+}
+</style>
diff --git a/src/components/index.js b/src/components/index.js
index 746484081..a9b6bd582 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -1,6 +1,6 @@
 import News from './News.vue'
 import Banner from './Banner.vue'
-import RoboconBanner from './RoboconBanner.vue'
+import RoboconBanner from './RoboconBannerTicketsSlim.vue'
 import PageFooter from './PageFooter.vue'
 import Navbar from './Navbar.vue'
 import NavbarSubPage from './NavbarSubPage.vue'
diff --git a/src/views/Home.vue b/src/views/Home.vue
index adac76627..e30718f42 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,5 +1,6 @@
 <template>
   <nav-mobile />
+  <robocon-banner />
   <banner />
   <navbar class="nav-desktop" />
   <div class="container mb-xlarge">
@@ -76,6 +77,7 @@
 <script>
 import { defineAsyncComponent } from 'vue'
 import {
+  RoboconBanner,
   Banner,
   PageFooter,
   Navbar,
@@ -94,6 +96,7 @@ export default {
   name: 'App',
   components: {
     VideoComponent,
+    RoboconBanner,
     Banner,
     PageFooter,
     Navbar,