diff --git a/Home/Views/Partials/hero-cards/product-grid.ejs b/Home/Views/Partials/hero-cards/product-grid.ejs
new file mode 100644
index 0000000000..a542bdcb58
--- /dev/null
+++ b/Home/Views/Partials/hero-cards/product-grid.ejs
@@ -0,0 +1,15 @@
+<!-- Feature grid -->
+<div class="mt-16 grid grid-cols-2 gap-4 sm:grid-cols-5 sm:gap-5 auto-rows-fr" id="hero-feature-grid">
+  <%- include('./status-page') -%>
+  <%- include('./incidents') -%>
+  <%- include('./monitoring') -%>
+  <%- include('./on-call') -%>
+  <%- include('./logs') -%>
+  <%- include('./metrics') -%>
+  <%- include('./traces') -%>
+  <%- include('./exceptions') -%>
+  <%- include('./workflows') -%>
+  <%- include('./dashboards') -%>
+</div>
+
+<%- include('./ai-agent') -%>
diff --git a/Home/Views/Partials/hero.ejs b/Home/Views/Partials/hero.ejs
index df8c81a546..b18fa98778 100644
--- a/Home/Views/Partials/hero.ejs
+++ b/Home/Views/Partials/hero.ejs
@@ -151,21 +151,7 @@
           </a>
         </div>
 
-        <!-- Feature grid -->
-        <div class="mt-16 grid grid-cols-2 gap-4 sm:grid-cols-5 sm:gap-5 auto-rows-fr" id="hero-feature-grid">
-          <%- include('./hero-cards/status-page') -%>
-          <%- include('./hero-cards/incidents') -%>
-          <%- include('./hero-cards/monitoring') -%>
-          <%- include('./hero-cards/on-call') -%>
-          <%- include('./hero-cards/logs') -%>
-          <%- include('./hero-cards/metrics') -%>
-          <%- include('./hero-cards/traces') -%>
-          <%- include('./hero-cards/exceptions') -%>
-          <%- include('./hero-cards/workflows') -%>
-          <%- include('./hero-cards/dashboards') -%>
-        </div>
-
-        <%- include('./hero-cards/ai-agent') -%>
+        <%- include('./hero-cards/product-grid') -%>
       </div>
     </div>
   </div>