DOC-5131 first attempt at links/formatting for develop landing page

content/develop/_index.md

@@ -2,6 +2,18 @@
 title: Develop with Redis
 description: Learn how to develop with Redis
 linkTitle: Develop
+hideListLinks: true
+hideTOC: true
 ---
 
-Explore the pages below to learn more about developing with Redis Open Source.
+Get a Redis server running in minutes with a free trial of
+[Redis Cloud]({{< relref "/operate/rc" >}}), or install
+[Redis Open Source]({{< relref "/operate/oss_and_stack" >}}) locally
+on your machine. Then, explore Redis with your favorite
+[programming language]({{< relref "/develop/clients" >}})
+or analyze and manage your database with our
+[UI tools]({{< relref "/develop/tools" >}}):
+
+{{< client-splash >}}
+
+{{< dev-features >}}

layouts/develop/list.html

@@ -36,9 +36,9 @@ <h1>
         {{ end }}
 
         <!-- Responsive CLI Display Block as Table -->
-        {{ if eq .RelPermalink "/develop/" }}
+        {{ if strings.HasSuffix .RelPermalink "/develop/" }}
         <div class="overflow-x-auto">
-          <table class="w-full border-collapse md:table">
+          <table class="w-full border-collapse md:table" style="background-color: rgb(240,240,240)">
             <thead>
               <tr>
                 <th class="p-4 text-left">Try these Redis commands</th>
@@ -54,7 +54,8 @@ <h1>
                   <code><a href="/commands/set">SET</a> e 2.71</code></br>
                   <code><a href="/commands/incrbyfloat">INCRBYFLOAT</a> e 0.43</code></br>
                   <code><a href="/commands/rename">RENAME</a> e pi</code></br>
-                  <code><a href="/commands/get">GET</a> pi</code>
+                  <code><a href="/commands/get">GET</a> pi</code><br/><br/>
+                  # <a href="/commands/">See all commands</a>
                 </td>
                 <td class="align-top p-4 w-full md:w-[60%]">
                   <div class="bg-slate-900 rounded-xl shadow-lg shadow-slate-900/10 h-60 overflow-y-auto">
@@ -92,6 +93,8 @@ <h1>
         {{ partial "feedback.html" . }}
       </section>
     </div>
-    {{ partial "docs-toc.html" . }}
+    {{ if not .Params.hideTOC }}
+      {{ partial "docs-toc.html" . }}
+    {{ end }}
   </main>
 {{ end }}

layouts/shortcodes/client-splash.html

@@ -0,0 +1,111 @@
+<table>
+<tr>
+<td>
+<table>
+    <tr>
+        <th></th>
+        <th style="text-align:center">Getting started</th>
+        <th style="text-align:center">Document search</th>
+        <th style="text-align:center">Vector search</th>
+    </tr>
+    <tr>
+        <td><a href='{{- relref . "/develop/clients/redis-py" -}}'>Python</a></td>
+        <td style="text-align:center">
+            <a href='{{- relref . "/develop/clients/redis-py/connect" -}}'>See Python examples</a>
+        </td>
+        <td style="text-align:center">
+            <a href='{{- relref . "/develop/clients/redis-py/queryjson" -}}'>See Python examples</a>
+        </td>
+        <td style="text-align:center">
+            <a href='{{- relref . "/develop/clients/redis-py/vecsearch" -}}'>See Python examples</a>
+        </td>
+    </tr>
+    <tr>
+        <td><a href='{{- relref . "/develop/clients/dotnet" -}}'>C#/.NET</a></td>
+        <td style="text-align:center">
+            <a href='{{- relref . "/develop/clients/dotnet/connect" -}}'>See C# examples</a>
+        </td>
+        <td style="text-align:center">
+            <a href='{{- relref . "/develop/clients/dotnet/queryjson" -}}'>See C# examples</a>
+        </td>
+        <td style="text-align:center">
+            <a href='{{- relref . "/develop/clients/dotnet/vecsearch" -}}'>See C# examples</a>
+        </td>
+    </tr>
+    <tr>
+        <td><a href='{{- relref . "/develop/clients/nodejs" -}}'>Node.js</a></td>
+        <td style="text-align:center">
+            <a href='{{- relref . "/develop/clients/nodejs/connect" -}}'>See JS examples</a>
+        </td>
+        <td style="text-align:center">
+            <a href='{{- relref . "/develop/clients/nodejs/queryjson" -}}'>See JS examples</a>
+        </td>
+        <td style="text-align:center">
+            <a href='{{- relref . "/develop/clients/nodejs/vecsearch" -}}'>See JS examples</a>
+        </td>
+    </tr>
+    <tr>
+        <td><a href='{{- relref . "/develop/clients/jedis" -}}'>Java</a></td>
+        <td style="text-align:center">
+            <a href='{{- relref . "/develop/clients/jedis/connect" -}}'>See Java examples</a>
+        </td>
+        <td style="text-align:center">
+            <a href='{{- relref . "/develop/clients/jedis/queryjson" -}}'>See Java examples</a>
+        </td>
+        <td style="text-align:center">
+            <a href='{{- relref . "/develop/clients/jedis/vecsearch" -}}'>See Java examples</a>
+        </td>
+    </tr>
+    <tr>
+        <td><a href='{{- relref . "/develop/clients/go" -}}'>Go</a></td>
+        <td style="text-align:center">
+            <a href='{{- relref . "/develop/clients/go/connect" -}}'>See Go examples</a>
+        </td>
+        <td style="text-align:center">
+            <a href='{{- relref . "/develop/clients/go/queryjson" -}}'>See Go examples</a>
+        </td>
+        <td style="text-align:center">
+            <a href='{{- relref . "/develop/clients/go/vecsearch" -}}'>See Go examples</a>
+        </td>
+    </tr>
+    <tr>
+        <td><a href='{{- relref . "/develop/clients/php" -}}'>PHP</a></td>
+        <td style="text-align:center">
+            <a href='{{- relref . "/develop/clients/php/connect" -}}'>See PHP examples</a>
+        </td>
+        <td style="text-align:center">
+            <a href='{{- relref . "/develop/clients/php/queryjson" -}}'>See PHP examples</a>
+        </td>
+        <td style="text-align:center">
+            <a href='{{- relref . "/develop/clients/php/vecsearch" -}}'>See PHP examples</a>
+        </td>
+    </tr>
+    <tr>
+        <td colspan="4"> 
+            <img
+            style="float: left;padding-left: 5%;padding-right: 5%;padding-top:0"
+            src='{{- relURL "develop/tools/insight/images/Browser.png" -}}'
+            width="300px"
+        />
+        <p>
+            <a href='{{ relref . "/develop/tools/insight" }}'><strong>Redis Insight</strong></a><br/>
+            Visual client tool for creating, managing, and analyzing
+            Redis databases.
+            </p>
+        </td>
+    </tr>
+    <tr>
+        <td colspan="4">
+            <img
+                style="float: left;padding-left: 5%;padding-right: 5%"
+                src='{{- relURL "images/dev/connect/vscode/vscode-cli.png" -}}'
+                width="300px"
+            />
+            <p>
+                <a href='{{ relref . "/develop/tools/redis-for-vscode" }}'><strong>Redis for VSCode</strong></a><br/>
+            Create and manage Redis databases directly from a <a href="https://code.visualstudio.com/">VSCode</a>
+            window using our editor extension.
+            </p>
+        </td>
+    </tr>
+</table>

layouts/shortcodes/dev-features.html

@@ -0,0 +1,55 @@
+<table>
+    <tr>
+        <th>
+            <a href='{{ relref . "/develop/get-started" }}'>
+                <img src='{{ relURL "images/icon_logo/icon-developers-32-midnight.png" }}'/>
+                <strong>Quick start</strong>
+            </a>
+        </th>
+        <th>
+            <a href='{{ relref . "/develop/data-types" }}'>
+            <img src='{{ relURL "images/icon_logo/icon-data-structures-32-midnight.png" }}'/>
+            <strong>Data types</strong>
+            </a>
+        </th>
+        <th>
+            <a href='{{ relref . "/develop/interact/search-and-query" }}'>
+                <img src='{{ relURL "images/icon_logo/icon-text-search-32-midnight.png" }}'/>
+                <strong>Query engine</strong>
+            </a>
+        </th>
+    </tr>
+    <tr>
+        <td>
+            <ul style="list-style-type: none; padding-left:0%;margin-left:-2%">
+                <li><a href='{{ relref . "/develop/get-started/vector-database" }}'>Vector database</a></li>
+                <li><a href='{{ relref . "/develop/get-started/document-database" }}'>Document store</a></li>
+                <li><a href='{{ relref . "/develop/get-started/data-store" }}'>Data structure store</a></li>
+                <li><a href='{{ relref . "/develop/get-started/rag" }}'>RAG with Redis</a></li>
+                <li><a href='/develop/get-started/redis-in-ai'>GenAI</a></li>
+            </ul>
+        </td>
+    <td>
+        <ul style="list-style-type: none; padding-left:0%;margin-left:-2%">
+            <li><a href='{{ relref . "/develop/data-types/strings" }}'>String</a></li>
+            <li><a href='{{ relref . "/develop/data-types/json" }}'>JSON</a></li>
+            <li><a href='{{ relref . "/develop/data-types/hashes" }}'>Hash</a></li>
+            <li><a href='{{ relref . "/develop/data-types/vector-sets" }}'>Vector set</a></li>
+            <li><a href='{{ relref . "/develop/data-types/probabilistic" }}'>Probabilistic</a></li>
+        </ul>
+    </td>
+    <td>
+        <ul style="list-style-type: none; padding-left:0%;margin-left:-2%">
+            <li><a href='{{ relref . "/develop/interact/search-and-query" }}'>Get started</a></li>
+            <li><a href='{{ relref . "/develop/interact/search-and-query/basic-constructs/field-and-type-options" }}'>Schema field types</a></li>
+            <li><a href='{{ relref . "/develop/interact/search-and-query/indexing" }}'>Indexing</a></li>
+            <li><a href='{{ relref . "/develop/interact/search-and-query/query" }}'>Querying</a></li>
+            <li><a href='{{ relref . "/develop/interact/search-and-query/query-use-cases" }}'>Use cases</a></li>
+        </ul>
+    </td>
+    </tr>
+</table>
+
+
+
+