From 8e7819466dbcffa7edc9f33c640f37a85f3f935e Mon Sep 17 00:00:00 2001
From: mich-elle-luna <michelle.luna@redis.com>
Date: Wed, 13 May 2026 14:14:24 -0700
Subject: [PATCH 1/3] new-nav: Redesign top navigation links and labels

- Replace Redis for AI with AI Agent builder (links to develop/ai/agent-builder/)
- Replace Products dropdown with Redis install link
- Replace Resources dropdown with Data types link
- Add Tools and Community links
- Move Redis Insight (now Tools) before Docs
- Replace Pricing with Tools (links to develop/tools/)
- Remove Book a meeting link
- Rename Try Redis to Sign up (remove bold)
- Add right-pointing red arrows to Get Redis, Data types, and Tools
- Fix AI Agent builder text wrapping and star icon position

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 layouts/partials/header.html | 80 ++++++++++++++----------------------
 1 file changed, 30 insertions(+), 50 deletions(-)

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 9c65cf7074..f04a98c42d 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -8,39 +8,31 @@
     <div class="h-full flex items-center mx-4 grow">
       <div class="hidden lg:flex flex-row h-full items-center">
         <div class="group h-full px-2 xl:px-[14px]">
-          <div class="flex flex-row h-full items-center cursor-pointer w-[18ch] justify-between">
+          <div class="flex flex-row h-full items-center cursor-pointer w-[22ch] justify-between">
             <div class="relative flex rounded-[20px] border border-white border-opacity-50 px-4 pl-9 py-1 transition-all duration-500 group-hover:border-[#ff4438]">
-              <svg class="absolute top-0 left-[-112px] right-0 bottom-0 m-auto w-4 h-4" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <svg class="absolute left-2 top-1/2 -translate-y-1/2 w-4 h-4" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <path class="transform origin-center transition-transform duration-300 group-hover:scale-150" id="star-bottom" d="M11.1718 9.68706C11.2845 9.38235 11.7155 9.38235 11.8282 9.68706L12.3895 11.2037C12.4249 11.2995 12.5005 11.3751 12.5963 11.4105L14.1129 11.9717C14.4176 12.0845 14.4176 12.5155 14.1129 12.6282L12.5963 13.1895C12.5005 13.2249 12.4249 13.3004 12.3895 13.3962L11.8282 14.9129C11.7155 15.2176 11.2845 15.2176 11.1718 14.9129L10.6105 13.3962C10.5751 13.3004 10.4995 13.2249 10.4037 13.1895L8.88708 12.6282C8.58236 12.5155 8.58236 12.0845 8.88708 11.9717L10.4037 11.4105C10.4995 11.3751 10.5751 11.2995 10.6105 11.2037L11.1718 9.68706Z" fill="#FF4438"></path>
                 <path class="transform origin-center transition-transform duration-300 group-hover:scale-50" id="star-top" d="M5.27175 1.68707C5.38451 1.38235 5.81549 1.38235 5.92825 1.68706L7.05666 4.73654C7.09211 4.83235 7.16764 4.90788 7.26344 4.94333L10.3129 6.07174C10.6176 6.18449 10.6176 6.61548 10.3129 6.72824L7.26344 7.85665C7.16764 7.8921 7.09211 7.96763 7.05666 8.06343L5.92825 11.1129C5.81549 11.4176 5.38451 11.4176 5.27175 11.1129L4.14334 8.06343C4.10789 7.96763 4.03236 7.8921 3.93656 7.85665L0.887077 6.72824C0.582361 6.61548 0.58236 6.18449 0.887077 6.07174L3.93656 4.94333C4.03236 4.90788 4.10789 4.83235 4.14334 4.73654L5.27175 1.68707Z" fill="#FF4438"></path>
               </svg>
-              <a href="https://redis.io/redis-for-ai/" class="inline-block group-hover:font-bold">Redis for AI</a>
+              <a href="{{ relURL "develop/ai/agent-builder/" }}" class="inline-block group-hover:font-bold whitespace-nowrap">AI Agent builder</a>
             </div>
           </div>
         </div>
-        <div class="group h-full px-2 xl:px-[14px]">
-          <div class="flex flex-row h-full items-center cursor-pointer w-[10ch] justify-between">
-            <span class="inline-block group-hover:font-bold">Products</span>
-            <span
-              class="inline-block ml-2 mt-1 text-redis-red-500 group-hover:rotate-180 transition-all ease-in-out duration-200">{{
-              partial "icons/caret.html" }}</span>
-          </div>
-          {{ partial "header/products-dropdown.html" . }}
-        </div>
-        <div class="group h-full px-2 xl:px-[14px]">
-          <div class="flex flex-row h-full items-center cursor-pointer w-[11ch] justify-between">
-            <span class="inline-block group-hover:font-bold">Resources</span>
-            <span
-              class="inline-block ml-2 mt-1 text-redis-red-500 group-hover:rotate-180 transition-all ease-in-out duration-200">{{
-              partial "icons/caret.html" }}</span>
-          </div>
-          {{ partial "header/resources-dropdown.html" . }}
-        </div>
+        <a class="group h-full px-2 xl:px-[14px] flex flex-row items-center" href="{{ relURL "operate/oss_and_stack/install/install-stack/" }}">
+          <span class="inline-block group-hover:font-bold">Redis install</span>
+          <span class="inline-block ml-2 mt-1 text-redis-red-500 -rotate-90">{{ partial "icons/caret.html" }}</span>
+        </a>
+        <a class="group h-full px-2 xl:px-[14px] flex flex-row items-center" href="{{ relURL "develop/data-types/" }}">
+          <span class="inline-block group-hover:font-bold">Data types</span>
+          <span class="inline-block ml-2 mt-1 text-redis-red-500 -rotate-90">{{ partial "icons/caret.html" }}</span>
+        </a>
       </div>
+      <a class="hidden lg:flex group flex-row items-center px-4" href="{{ relURL "develop/tools/" }}"><span
+          class="group-hover:font-bold">Tools</span><span class="inline-block ml-2 mt-1 text-redis-red-500 -rotate-90">{{ partial "icons/caret.html" }}</span></a>
+      <a class="hidden lg:flex group flex-row items-center px-4" href="{{ relURL "operate/oss_and_stack/" }}"><span
+          class="group-hover:font-bold">Community</span></a>
       <a class="hidden lg:flex group flex-row items-center px-4" href="https://redis.io/docs/"><span
           class="font-bold">Docs</span></a>
-      <a class="hidden lg:flex group flex-row items-center px-4" href="https://redis.io/pricing/"><span
-          class="group-hover:font-bold">Pricing</span></a>
     </div>
 
     <div class="h-full flex gap-[18px] xl:gap-7 items-center text-center">
@@ -50,10 +42,9 @@
       </button>
       <a class="hidden lg:block py-1 transition-colors hover:text-redis-red-500"
         href="https://cloud.redis.io/">Login</a>
-      <a class="hidden lg:block py-1 transition-colors hover:text-redis-red-500" href="https://redis.io/meeting/">Book a
-        meeting</a>
-      <a class="hidden lg:inline-flex items-center justify-center px-6 py-2 mr-4 border-2 border-redis-red-500 text-white font-bold rounded-md hover:bg-redis-red-500 transition-colors"
-        href="https://redis.io/try-free/">Try Redis</a>
+
+      <a class="hidden lg:inline-flex items-center justify-center px-6 py-2 mr-4 border-2 border-redis-red-500 text-white rounded-md hover:bg-redis-red-500 transition-colors"
+        href="https://redis.io/try-free/">Sign up</a>
       <button id="search-button-mobile" type="button" class="lg:hidden p-1 mt-1 transition-colors hover:text-redis-red-500">
         <span class="sr-only">Open search</span>
         {{ partial "icons/search.html" }}
@@ -72,45 +63,34 @@
     <ul class="space-y-4 bg-redis-ink-900 p-4">
       <li data-products-mobile-menu-toggle aria-expanded="false" class="border-b border-b-white border-opacity-30 py-4 last:border-none">
         <div class="flex items-center justify-between">
-          <a href="https://redis.io/redis-for-ai/" class="text-lg font-medium flex items-center gap-2 text-white">Redis for AI
+          <a href="{{ relURL "develop/ai/agent-builder/" }}" class="text-lg font-medium flex items-center gap-2 text-white">AI Agent builder
             <svg class="" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
             <path class="transform origin-center transition-transform duration-300 group-hover:scale-150" id="star-bottom" d="M11.1718 9.68706C11.2845 9.38235 11.7155 9.38235 11.8282 9.68706L12.3895 11.2037C12.4249 11.2995 12.5005 11.3751 12.5963 11.4105L14.1129 11.9717C14.4176 12.0845 14.4176 12.5155 14.1129 12.6282L12.5963 13.1895C12.5005 13.2249 12.4249 13.3004 12.3895 13.3962L11.8282 14.9129C11.7155 15.2176 11.2845 15.2176 11.1718 14.9129L10.6105 13.3962C10.5751 13.3004 10.4995 13.2249 10.4037 13.1895L8.88708 12.6282C8.58236 12.5155 8.58236 12.0845 8.88708 11.9717L10.4037 11.4105C10.4995 11.3751 10.5751 11.2995 10.6105 11.2037L11.1718 9.68706Z" fill="#FF4438"></path>
             <path class="transform origin-center transition-transform duration-300 group-hover:scale-50" id="star-top" d="M5.27175 1.68707C5.38451 1.38235 5.81549 1.38235 5.92825 1.68706L7.05666 4.73654C7.09211 4.83235 7.16764 4.90788 7.26344 4.94333L10.3129 6.07174C10.6176 6.18449 10.6176 6.61548 10.3129 6.72824L7.26344 7.85665C7.16764 7.8921 7.09211 7.96763 7.05666 8.06343L5.92825 11.1129C5.81549 11.4176 5.38451 11.4176 5.27175 11.1129L4.14334 8.06343C4.10789 7.96763 4.03236 7.8921 3.93656 7.85665L0.887077 6.72824C0.582361 6.61548 0.58236 6.18449 0.887077 6.07174L3.93656 4.94333C4.03236 4.90788 4.10789 4.83235 4.14334 4.73654L5.27175 1.68707Z" fill="#FF4438"></path>
           </svg></a>
         </div>
       </li>
-      <li data-products-mobile-menu-toggle aria-expanded="false" class="border-b border-b-white border-opacity-30 py-4 last:border-none">
-        <div class="flex items-center justify-between"><span class="text-lg font-medium text-white">Products</span>
-          <button>
-            <span data-products-mobile-menu-open-icon>{{ partial "icons/plus-red.html" }}</span>
-            <span data-products-mobile-menu-close-icon class="hidden">{{ partial "icons/minus-red.html" }}</span>
-          </button>
-        </div>
-        {{ partial "header/products-mobile.html" }}
+      <li class="border-b border-b-white border-opacity-30">
+        <div class="flex items-center justify-between"><a href="{{ relURL "operate/oss_and_stack/install/install-stack/" }}" class="block py-4 w-full text-lg font-medium text-white">Redis install</a></div>
       </li>
-      <li data-resources-mobile-menu-toggle aria-expanded="false" class="border-b border-b-white border-opacity-30 py-4 last:border-none">
-        <div class="flex items-center justify-between"><span class="text-lg font-medium text-white">Resources</span>
-          <button>
-            <span data-resources-mobile-menu-open-icon>{{ partial "icons/plus-red.html" }}</span>
-            <span data-resources-mobile-menu-close-icon class="hidden">{{ partial "icons/minus-red.html" }}</span>
-          </button>
-        </div>
-        {{ partial "header/resources-mobile.html" }}
+      <li class="border-b border-b-white border-opacity-30">
+        <div class="flex items-center justify-between"><a href="{{ relURL "develop/data-types/" }}" class="block py-4 w-full text-lg font-medium text-white">Data types</a></div>
       </li>
       <li class="border-b border-b-white border-opacity-30">
-        <div class="flex items-center justify-between"><a href="https://redis.io/docs/" class="block py-4 w-full text-lg font-medium text-white">Docs</a></div>
+        <div class="flex items-center justify-between"><a href="{{ relURL "develop/tools/" }}" class="block py-4 w-full text-lg font-medium text-white">Tools</a></div>
+      </li>
+      <li class="border-b border-b-white border-opacity-30">
+        <div class="flex items-center justify-between"><a href="{{ relURL "operate/oss_and_stack/" }}" class="block py-4 w-full text-lg font-medium text-white">Community</a></div>
       </li>
       <li>
-        <div class="flex items-center justify-between"><a href="https://redis.io/pricing/" class="block py-4 w-full text-lg font-medium text-white">Pricing</a></div>
+        <div class="flex items-center justify-between"><a href="https://redis.io/docs/" class="block py-4 w-full text-lg font-medium text-white">Docs</a></div>
       </li>
     </ul>
     <ul class="pt-6">
       <li class="mx-auto flex w-11/12 text-center"><a
           class="my-2 w-full rounded-md border border-redis-pen-600 bg-redis-red-700 py-3 text-redis-white-200 font-sans font-bold active:bg-redis-pen-900 active:text-white"
-          href="https://redis.io/try-free/">Try Redis</a></li>
-      <li class="mx-auto flex w-11/12 text-center"><a
-          class="my-2 w-full rounded-md border border-redis-pen-600 py-3 active:bg-redis-pen-800 active:text-white"
-          href="https://redis.io/meeting/">Book a meeting</a></li>
+          href="https://redis.io/try-free/">Sign up</a></li>
+
       <li class="mx-auto flex w-11/12 text-center">
         <a class="my-2 w-full py-3 active:text-redis-red-500" href="https://cloud.redis.io/">
           Login

From 8e13fa4e5aec041ac06a02d8a381d1987d7195a6 Mon Sep 17 00:00:00 2001
From: mich-elle-luna <michelle.luna@redis.com>
Date: Wed, 13 May 2026 14:36:00 -0700
Subject: [PATCH 2/3] new-nav: Fix mobile TypeError from orphaned
 data-products-mobile-menu-toggle
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Removed data-products-mobile-menu-toggle and aria-expanded from the
AI Agent builder <li> — the JS handler queries [data-products-mobile-menu]
which no longer exists after the dropdown partial was removed.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 layouts/partials/header.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index f04a98c42d..997d88a04c 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -61,7 +61,7 @@
   <nav data-menu
     class="hidden absolute left-0 top-[70px] h-[calc(100vh-70px)] w-full overflow-y-auto bg-redis-ink-900 pb-12 xl:hidden">
     <ul class="space-y-4 bg-redis-ink-900 p-4">
-      <li data-products-mobile-menu-toggle aria-expanded="false" class="border-b border-b-white border-opacity-30 py-4 last:border-none">
+      <li class="border-b border-b-white border-opacity-30 py-4 last:border-none">
         <div class="flex items-center justify-between">
           <a href="{{ relURL "develop/ai/agent-builder/" }}" class="text-lg font-medium flex items-center gap-2 text-white">AI Agent builder
             <svg class="" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">

From bfed7bf78a9bcea5e42c1cc7cb270ab58281ec8f Mon Sep 17 00:00:00 2001
From: mich-elle-luna <michelle.luna@redis.com>
Date: Thu, 14 May 2026 14:26:44 -0700
Subject: [PATCH 3/3] new-nav: Lowercase 'agent' in AI agent builder nav label

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 layouts/partials/header.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 997d88a04c..1b4589bea6 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -14,7 +14,7 @@
                 <path class="transform origin-center transition-transform duration-300 group-hover:scale-150" id="star-bottom" d="M11.1718 9.68706C11.2845 9.38235 11.7155 9.38235 11.8282 9.68706L12.3895 11.2037C12.4249 11.2995 12.5005 11.3751 12.5963 11.4105L14.1129 11.9717C14.4176 12.0845 14.4176 12.5155 14.1129 12.6282L12.5963 13.1895C12.5005 13.2249 12.4249 13.3004 12.3895 13.3962L11.8282 14.9129C11.7155 15.2176 11.2845 15.2176 11.1718 14.9129L10.6105 13.3962C10.5751 13.3004 10.4995 13.2249 10.4037 13.1895L8.88708 12.6282C8.58236 12.5155 8.58236 12.0845 8.88708 11.9717L10.4037 11.4105C10.4995 11.3751 10.5751 11.2995 10.6105 11.2037L11.1718 9.68706Z" fill="#FF4438"></path>
                 <path class="transform origin-center transition-transform duration-300 group-hover:scale-50" id="star-top" d="M5.27175 1.68707C5.38451 1.38235 5.81549 1.38235 5.92825 1.68706L7.05666 4.73654C7.09211 4.83235 7.16764 4.90788 7.26344 4.94333L10.3129 6.07174C10.6176 6.18449 10.6176 6.61548 10.3129 6.72824L7.26344 7.85665C7.16764 7.8921 7.09211 7.96763 7.05666 8.06343L5.92825 11.1129C5.81549 11.4176 5.38451 11.4176 5.27175 11.1129L4.14334 8.06343C4.10789 7.96763 4.03236 7.8921 3.93656 7.85665L0.887077 6.72824C0.582361 6.61548 0.58236 6.18449 0.887077 6.07174L3.93656 4.94333C4.03236 4.90788 4.10789 4.83235 4.14334 4.73654L5.27175 1.68707Z" fill="#FF4438"></path>
               </svg>
-              <a href="{{ relURL "develop/ai/agent-builder/" }}" class="inline-block group-hover:font-bold whitespace-nowrap">AI Agent builder</a>
+              <a href="{{ relURL "develop/ai/agent-builder/" }}" class="inline-block group-hover:font-bold whitespace-nowrap">AI agent builder</a>
             </div>
           </div>
         </div>
@@ -63,7 +63,7 @@
     <ul class="space-y-4 bg-redis-ink-900 p-4">
       <li class="border-b border-b-white border-opacity-30 py-4 last:border-none">
         <div class="flex items-center justify-between">
-          <a href="{{ relURL "develop/ai/agent-builder/" }}" class="text-lg font-medium flex items-center gap-2 text-white">AI Agent builder
+          <a href="{{ relURL "develop/ai/agent-builder/" }}" class="text-lg font-medium flex items-center gap-2 text-white">AI agent builder
             <svg class="" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
             <path class="transform origin-center transition-transform duration-300 group-hover:scale-150" id="star-bottom" d="M11.1718 9.68706C11.2845 9.38235 11.7155 9.38235 11.8282 9.68706L12.3895 11.2037C12.4249 11.2995 12.5005 11.3751 12.5963 11.4105L14.1129 11.9717C14.4176 12.0845 14.4176 12.5155 14.1129 12.6282L12.5963 13.1895C12.5005 13.2249 12.4249 13.3004 12.3895 13.3962L11.8282 14.9129C11.7155 15.2176 11.2845 15.2176 11.1718 14.9129L10.6105 13.3962C10.5751 13.3004 10.4995 13.2249 10.4037 13.1895L8.88708 12.6282C8.58236 12.5155 8.58236 12.0845 8.88708 11.9717L10.4037 11.4105C10.4995 11.3751 10.5751 11.2995 10.6105 11.2037L11.1718 9.68706Z" fill="#FF4438"></path>
             <path class="transform origin-center transition-transform duration-300 group-hover:scale-50" id="star-top" d="M5.27175 1.68707C5.38451 1.38235 5.81549 1.38235 5.92825 1.68706L7.05666 4.73654C7.09211 4.83235 7.16764 4.90788 7.26344 4.94333L10.3129 6.07174C10.6176 6.18449 10.6176 6.61548 10.3129 6.72824L7.26344 7.85665C7.16764 7.8921 7.09211 7.96763 7.05666 8.06343L5.92825 11.1129C5.81549 11.4176 5.38451 11.4176 5.27175 11.1129L4.14334 8.06343C4.10789 7.96763 4.03236 7.8921 3.93656 7.85665L0.887077 6.72824C0.582361 6.61548 0.58236 6.18449 0.887077 6.07174L3.93656 4.94333C4.03236 4.90788 4.10789 4.83235 4.14334 4.73654L5.27175 1.68707Z" fill="#FF4438"></path>