diff --git a/src/components/header.js b/src/components/header.js
index 4acc021..f934dbe 100644
--- a/src/components/header.js
+++ b/src/components/header.js
@@ -2,11 +2,13 @@ import PropTypes from "prop-types"
 import React from "react"
 import { Container, Navbar, Nav } from "react-bootstrap"
 import solaceDevLogo from "../images/solace-developers-logo-white.png"
-import EDABanner from "./header/eda-banner"
+// import EDABanner from "./header/eda-banner"
+import LightningBanner from "./header/lightning-banner"
 
 const Header = ({ siteTitle }) => (
   <>
-    <EDABanner />
+    {/* <EDABanner /> */}
+    <LightningBanner />
     <Navbar collapseOnSelect expand="lg" bg="dark" variant="dark">
       <Container>
         <Navbar.Brand
diff --git a/src/components/header/lightning-banner.js b/src/components/header/lightning-banner.js
index 62c4f23..963b0e7 100644
--- a/src/components/header/lightning-banner.js
+++ b/src/components/header/lightning-banner.js
@@ -4,9 +4,9 @@ const LightningBanner = (props) => {
   return (
     <div class="lightning_banner">
       <p>
-        The third Solace Community Lightning Talks
-        <a href="https://www.youtube.com/watch?v=mv4NFa_MPPU" target="_blank">
-          Watch Now!
+        Join the 3rd Edition Solace Community Lighting Talks on January 15
+        <a href="https://solace.com/event/community-lightning-talks-jan-2025/" target="_blank">
+          Learn More
         </a>
       </p>
     </div>
diff --git a/src/css/layout.css b/src/css/layout.css
index a1658ee..6ccdc0c 100644
--- a/src/css/layout.css
+++ b/src/css/layout.css
@@ -57,6 +57,53 @@
   text-decoration: none !important;
 }
 
+/* Lightning Banner */
+.lightning_banner {
+  background: #ec008c;
+  background: linear-gradient(
+    91.72deg,
+    #00c895 0.29%,
+    #015b82 81.16%,
+    #03223b 95.55%
+  ) !important;
+  display: block;
+  height: auto;
+  background: rgb(237, 8, 135);
+  padding: 4px 15px !important;
+  top: 0;
+  width: 100%;
+}
+.lightning_banner p {
+  display: block;
+  color: #000;
+  margin: 0;
+  text-align: center;
+  font-size: 16px;
+  font-weight: 600 !important;
+}
+
+.lightning_banner
+  p
+  > a:not(.cta):not(.button):not(.button-dark):not(.button-white):not(.wraps-image):before {
+  display: none !important;
+}
+
+.lightning_banner p a {
+  background-color: #f37021 !important;
+  border-radius: 20px;
+  color: #000 !important;
+  display: inline-block;
+  font-size: 15px !important;
+  font-weight: 600 !important;
+  padding: 2px 20px !important;
+  margin-left: 8px;
+  text-decoration: none !important;
+}
+.lightning_banner p a:hover {
+  background-color: #f37021 !important;
+  color: #000 !important;
+  text-decoration: none !important;
+}
 
 html {
   font-size: 16px;