diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5505878b..ea7e08a7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,11 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [[2.3.16]](https://github.com/nubenetes/awesome-kubernetes/releases/tag/v2.3.16) - 2026-05-27
+
+### Changed
+- **V2 Homepage Interactive Header Badges**: Converted the top inline Kubernetes and Hero Car image links on the V2 index page into styled, responsive glassmorphic cards. Kubernetes links to the internal curated Kubernetes resources section rather than the external homepage, improving contextual navigation.
+
 ## [[2.3.15]](https://github.com/nubenetes/awesome-kubernetes/releases/tag/v2.3.15) - 2026-05-27
 
 ### Changed
diff --git a/docs/static/v2_elite.css b/docs/static/v2_elite.css
index 3641825d..93e721ae 100644
--- a/docs/static/v2_elite.css
+++ b/docs/static/v2_elite.css
@@ -194,3 +194,48 @@ a {
   border-radius: 4px;
 }
 
+/* V2 Homepage Hero Dashboard Cards */
+.hero-badge-card {
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 12px;
+  padding: 16px;
+  width: 180px;
+  text-align: center;
+  background: rgba(255, 255, 255, 0.015);
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  display: inline-block;
+  cursor: pointer;
+  vertical-align: top;
+}
+
+.hero-badge-card img {
+  width: 80px;
+  height: 80px;
+  object-fit: contain;
+  margin-bottom: 8px;
+  transition: transform 0.3s ease;
+}
+
+.hero-badge-card:hover {
+  transform: translateY(-4px);
+  background: rgba(34, 211, 238, 0.04) !important;
+  box-shadow: 0 8px 24px rgba(34, 211, 238, 0.15);
+  border-color: #22d3ee !important;
+}
+
+.hero-badge-card:hover img {
+  transform: scale(1.1);
+}
+
+.hero-badge-title {
+  font-weight: bold;
+  font-size: 0.9rem;
+  color: var(--md-primary-fg-color);
+}
+
+.hero-badge-subtitle {
+  font-size: 0.75rem;
+  color: var(--md-primary-fg-color--dark);
+  margin-top: 4px;
+}
+
diff --git a/v2-docs/index.md b/v2-docs/index.md
index ce75d137..f4e03573 100644
--- a/v2-docs/index.md
+++ b/v2-docs/index.md
@@ -1,8 +1,21 @@
 # Nubenetes Elite Portal (V2) | Awesome Kubernetes & Cloud [![Awesome](https://cdn.jsdelivr.net/gh/sindresorhus/awesome@d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)
 
-<center markdown="1">
-[![Kubernetes Logo](images/kubernetes_logo.png)](https://kubernetes.io) &nbsp; [![Nubenetes Introduction](images/hero-car.png)](./introduction.md)
-</center>
+<div style="display: flex; justify-content: center; gap: 24px; margin: 16px 0; flex-wrap: wrap;">
+  <a href="./kubernetes.md" style="text-decoration: none; color: inherit; display: block;">
+    <div class="hero-badge-card">
+      <img src="images/kubernetes_logo.png" alt="Kubernetes"/>
+      <div class="hero-badge-title">Ecosystem Core</div>
+      <div class="hero-badge-subtitle">Explore Kubernetes</div>
+    </div>
+  </a>
+  <a href="./introduction.md" style="text-decoration: none; color: inherit; display: block;">
+    <div class="hero-badge-card">
+      <img src="images/hero-car.png" alt="Nubenetes Car"/>
+      <div class="hero-badge-title">Get Started</div>
+      <div class="hero-badge-subtitle">Introduction Guide</div>
+    </div>
+  </a>
+</div>
 
 "I do not believe you can do today's job with yesterday's methods and be in business tomorrow" ([Horatio Nelson Jackson](https://en.wikipedia.org/wiki/Horatio_Nelson_Jackson))
 <center markdown="1">