diff --git a/data/previousEvents.js b/data/previousEvents.js
index ecac5ef..27f53a3 100644
--- a/data/previousEvents.js
+++ b/data/previousEvents.js
@@ -1,4 +1,14 @@
 export const PREVIOUSEVENTS = [
+  {
+    id: "ephemeral",
+    year: "2024",
+    link: "https://www.linkedin.com",
+    source: "ephemeral.png",
+    logo: "ephemeral-logo.png",
+    paragraph:
+      "This year, the organizing team of TEDxNTUA is preparing 'EPHEMERAL'.Ephemeral < originates from the greek word ἐφήμερος, meaning 'the one that lasts only one day' We will be exploring ephemerality and aiming to spread ideas around the concept of transience, how everything begins, ends and consequently  evolves, in all aspects of our lives. In the context of human experience, transience highlights the uniqueness and value of each moment and experience. At our event, we will point out how reconciliation with the ephemeral nature of things turns into a motivating force and a source of inspiration.",
+  },
+
   {
     id: "mneme",
     year: "2023",
diff --git a/public/eventLogos/ephemeral-logo.png b/public/eventLogos/ephemeral-logo.png
new file mode 100644
index 0000000..a798293
Binary files /dev/null and b/public/eventLogos/ephemeral-logo.png differ
diff --git a/public/previousEvents/ephemeral.png b/public/previousEvents/ephemeral.png
new file mode 100644
index 0000000..f340ba9
Binary files /dev/null and b/public/previousEvents/ephemeral.png differ
diff --git a/public/ticket-2024.png b/public/ticket-2024.png
new file mode 100644
index 0000000..bff92ee
Binary files /dev/null and b/public/ticket-2024.png differ
diff --git a/src/app/page.js b/src/app/page.js
index 4021a58..2ba7556 100644
--- a/src/app/page.js
+++ b/src/app/page.js
@@ -30,7 +30,7 @@ function HomePage() {
       <SecondScroll />
 
       <div className="2024 relative mt-12">
-        <div className="hidden lg:block w-[80%] mx-auto max-w-[100rem] border-l-8 lg:border-our-red py-16">
+        {/* <div className="2024 NEW YEAR hidden lg:block w-[80%] mx-auto max-w-[100rem] border-l-8 lg:border-our-red py-16">
           <div className="flex flex-row gap-8 w-[80%] h-8 mx-auto left-0 top-0 right-[23px] 2xl:right-[22px] max-w-[100rem] absolute">
             <div className="h-8 w-8 rounded-full border-[3.5px] bg-our-red border-our-red" />
             <div className="absolute top-[-15px] left-[100px] flex flex-col">
@@ -46,7 +46,7 @@ function HomePage() {
               </p>
             </div>
           </div>
-        </div>
+        </div> */}
         <Timeline />
       </div>
       {/* <div className="snap-start"> */}
diff --git a/src/components/NavBar/NavBar.js b/src/components/NavBar/NavBar.js
index 92986d5..4a669df 100644
--- a/src/components/NavBar/NavBar.js
+++ b/src/components/NavBar/NavBar.js
@@ -1,5 +1,6 @@
 "use client";
 import { useState } from "react";
+import "./Navbar.css";
 import Link from "next/link";
 import NavLink from "./NavLink";
 import SocialMediaNav from "./SocialMediaNav";
@@ -58,7 +59,7 @@ function NewNavbar() {
         {/* Desktop Nav */}
         <div
           id="desktop-navbar"
-          className="menu hidden lg:flex flex-row-reverse "
+          className="menu hidden lg:flex flex-row-reverse lg:flex-row gap-8 xl:gap-16 justify-center items-center"
         >
           <ul className="flex lg:flex-row lg:space-x-8 xl:space-x-16">
             {navLinks.map((link, index) => (
@@ -89,6 +90,19 @@ function NewNavbar() {
               </li>
             ))}
           </ul>
+
+          <a
+            // className=""
+            href="https://2023tedxntua.us21.list-manage.com/subscribe?u=8fb93651f7aa4956e92c4f188&id=1473802836"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            <img
+              className="ticket h-[60px]"
+              src="./ticket-2024.png"
+              alt="ticket"
+            ></img>
+          </a>
         </div>
         {/* Burger for Mobile Nav */}
         <div id="burger" className="block lg:hidden">
diff --git a/src/components/NavBar/Navbar.css b/src/components/NavBar/Navbar.css
new file mode 100644
index 0000000..1259d17
--- /dev/null
+++ b/src/components/NavBar/Navbar.css
@@ -0,0 +1,19 @@
+.ticket:hover {
+  /* Start the shake animation and make the animation last for 0.5 seconds */
+  animation: shake 0.5s;
+
+  /* When the animation is finished, start again */
+  animation-iteration-count: infinite;
+}
+
+@keyframes shake {
+  0% {
+    transform: rotate(0.5deg);
+  }
+  50% {
+    transform: rotate(-0.5deg);
+  }
+  100% {
+    transform: rotate(0.5deg);
+  }
+}