Add traditional search button to home page banner

- Add dedicated search button next to chat entry field on home page
- Maintains existing chat functionality while providing traditional search access
- Button opens existing search modal with full documentation search capabilities
- Styled consistently with chat form (white border, dark background, hover effects)
- Includes tooltip showing keyboard shortcut (Ctrl+K)
- Updated search modal click handler to support new button
- Provides clear distinction between AI chat and traditional search options
- Leverages existing search infrastructure and keyboard shortcuts

This enhancement gives users immediate access to both AI-powered chat and traditional documentation search directly from the home page, improving discoverability and user experience.

Author: mich-elle-luna

layouts/home.html

@@ -16,16 +16,21 @@ <h1 class="text-5xl font-medium">{{ .Title }}</h1>
       {{ with .Params.description }}
       <p class="text-xl md:text-2xl">{{ . | markdownify }}</p>
       {{ end }}
-      <form class="flex flex-row items-center border border-white rounded-md px-6 gap-6 w-full md:w-4/5 bg-redis-ink-900" action="/chat">
-        <label class="" for="search-home" id="search-label-home">
+      <div class="flex flex-row items-center gap-4 w-full md:w-4/5">
+        <form class="flex flex-row items-center border border-white rounded-md px-6 gap-6 w-full bg-redis-ink-900" action="/chat">
+          <label class="" for="search-home" id="search-label-home">
+            {{ partial "icons/search.html" }}
+          </label>
+          <input id="seach-home" name="q" class="appearance-none bg-transparent text-base sm:text-lg text-white placeholder-white w-full h-16 focus:outline-none"
+                 autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
+                 placeholder="Ask our AI-powered Redis copilot a question…" maxlength="500" type="text" value="" tabindex=""/>
+          <!--<input type="submit" class="hover:text-redis-pen-300" value="&#x23CE;"/>-->
+          <input class="invisible" type="submit" class="hover:text-redis-pen-300" value=""/>
+        </form>
+        <button id="search-button-home" type="button" class="flex-shrink-0 p-3 border border-white rounded-md bg-redis-ink-900 hover:bg-white hover:text-redis-ink-900 transition-colors" title="Search documentation (Ctrl+K)">
           {{ partial "icons/search.html" }}
-        </label>
-        <input id="seach-home" name="q" class="appearance-none bg-transparent text-base sm:text-lg text-white placeholder-white w-full h-16 focus:outline-none" 
-               autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
-               placeholder="Ask our AI-powered Redis copilot a question…" maxlength="500" type="text" value="" tabindex=""/>
-        <!--<input type="submit" class="hover:text-redis-pen-300" value="&#x23CE;"/>-->
-        <input class="invisible" type="submit" class="hover:text-redis-pen-300" value=""/>
-      </form>
+        </button>
+      </div>
     </div>
   </header>
   {{ partial "second-header.html" "disabled" }}

layouts/partials/search-modal.html

@@ -369,7 +369,7 @@
 
     // Click handler function
     function clickHandler(event) {
-      if (event.target.closest('#search-button')) {
+      if (event.target.closest('#search-button') || event.target.closest('#search-button-home')) {
         startSearch()
       } else if (event.target.closest('#search-cancel') || event.target.matches('#search-container')) {
         stopSearch()