diff --git a/content/_index.md b/content/_index.md
index 9885e25f..15862ef2 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -14,6 +14,8 @@ headings = ["FAST.", "RELIABLE.", "OPEN SOURCE, FOREVER."]
 subtitle = "Valkey is an open source (BSD) high-performance key/value datastore that supports a variety of workloads such as caching, message queues, and can act as a primary database. The project is backed by the Linux Foundation, ensuring it will remain open source forever."
 button_text = "GET STARTED"
 button_url = "/topics/quickstart"
+second_button_text = "READ THE BLOG"
+second_button_url = "/blog"
 
 [[extra.documentation_cards]]
 title = "Install"
diff --git a/sass/_valkey.scss b/sass/_valkey.scss
index 7d86f510..23770719 100644
--- a/sass/_valkey.scss
+++ b/sass/_valkey.scss
@@ -1554,15 +1554,28 @@ pre table {
 }
 
 .hero-subtitle {
-    font-size: 1.8rem;
-    font-weight: 700;
-    max-width: 800px;
-    margin: 2rem auto 4rem;
-    line-height: 1.6;
-    color: rgba(255,255,255,0.9);
+  font-size: 1.8rem;
+  font-weight: 700;
+  max-width: 800px;
+  margin: 2rem auto 4rem;
+  line-height: 1.6;
+  color: rgba(255,255,255,0.9);
 }
 
-.hero-button {
+.hero-buttons {
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+  align-items: center;
+  justify-content: center;
+
+  @include respond-min(768px) {
+    flex-direction: row;
+    gap: 2 }
+}
+
+.hero-button,
+.hero-button-sec {
   display: inline-block;
   line-height: 1.2;
   border-radius: 30px;
@@ -1572,15 +1585,35 @@ pre table {
   color: #6983FF;
   padding: 10px 20px;
   background-image: linear-gradient(to right, #ffffff, #B7C2F7);
+  border: 1px solid transparent;
   box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
   transition: all 0.3s ease-in-out;
   min-width: 100%;
 
+  &:hover {
+    background-image: linear-gradient(to left, #ffffff, #ffffff);
+  }
+
   @include respond-min(768px) {
     min-width: 380px;
   }
 }
 
+.hero-button-sec {
+  background: rgba(105, 131, 255, 0.2);
+  border-color: #6983FF;
+  color: #fff;
+
+  &:hover {
+    background: rgba(105, 131, 255, 0.5);
+  }
+
+  &:visited {
+    color: #fff;
+  }
+} 
+
+
 // Documentation Section Styles
 .documentation-section {
   padding-bottom: 4rem;
diff --git a/templates/index.html b/templates/index.html
index 26df713e..4d849b77 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -10,7 +10,12 @@ <h1 class="hero-heading">{{ heading }}</h1>
         <p class="hero-subtitle">
             {{ section.extra.hero.subtitle }}
         </p>
-        <a href="{{ section.extra.hero.button_url }}" class="hero-button">{{ section.extra.hero.button_text }}</a>
+        <div class="hero-buttons">
+            {% if section.extra.hero.second_button_text and section.extra.hero.second_button_url %}
+            <a href="{{ section.extra.hero.second_button_url }}" class="hero-button-sec">{{ section.extra.hero.second_button_text }}</a>
+            {% endif %}
+            <a href="{{ section.extra.hero.button_url }}" class="hero-button">{{ section.extra.hero.button_text }}</a>
+        </div>
     </div>
 </div>
 {% endif %}