From 378f6a1387ddc989a0340b4ac4c70fc6b2b04b50 Mon Sep 17 00:00:00 2001
From: Lee Calcote <lee.calcote@layer5.io>
Date: Wed, 27 Dec 2023 15:13:51 -0600
Subject: [PATCH] [Home] Change blog link

Signed-off-by: Lee Calcote <lee.calcote@layer5.io>
---
 src/components/TopPromotionalBanner/index.js |  3 ++-
 src/components/TopPromotionalBanner/style.js | 12 +++++++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/TopPromotionalBanner/index.js b/src/components/TopPromotionalBanner/index.js
index 4551f8bbac14..3e21c7809c40 100644
--- a/src/components/TopPromotionalBanner/index.js
+++ b/src/components/TopPromotionalBanner/index.js
@@ -6,7 +6,8 @@ const TopPromotionalBanner = () => {
   return (
     <>
       <TopBannercontainer>
-        <a href="https://play.meshery.io/" rel="noreferrer" target="_blank"><p className="content"><img src={Rocket} alt="Five on rocket" />Soar to New Heights with Meshery v0.7.0 <span>Try it now &rarr;</span></p></a>
+        <a href="https://meshery.io/blog/meshery-v07-release-announcement" rel="noreferrer" target="_blank"><p className="content"><img src={Rocket} alt="Five on rocket" /><span>Soar to New Heights with Meshery v0.7.0 &rarr;</span>{/* <span>Try it now &rarr;</span> */}
+        </p></a>
       </TopBannercontainer>
     </>
   );
diff --git a/src/components/TopPromotionalBanner/style.js b/src/components/TopPromotionalBanner/style.js
index 0d1781d5bebb..dd838872baa1 100644
--- a/src/components/TopPromotionalBanner/style.js
+++ b/src/components/TopPromotionalBanner/style.js
@@ -3,6 +3,9 @@ import styled from "styled-components";
 export const TopBannercontainer = styled.div`
     background: ${props => props.theme.saffronColor};
     position: sticky;
+    a {
+        color: #000 !important,
+    }
     .content {
         display: flex;
         align-items: center;
@@ -10,16 +13,19 @@ export const TopBannercontainer = styled.div`
         padding: 0 1rem;
         font-weight: 500;
         line-height: 1.1875rem;
-        color: ${props => props.theme.body};
+        color: #000 !important;
+        /* color: ${props => props.theme.body}; */
         padding: 0.75rem 1rem;
-
+        &:hover {
+            text-decoration: underline;
+        }
        & > img {
         width: 3rem;
         margin-right: 0.5rem;
        }
 
        & > span {
-        font-weight: 700;
+        font-weight: normal;
         margin-left: 0.5rem;
         &:hover {
             text-decoration: underline;