Update home.html

Author: mich-elle-luna

layouts/home.html

@@ -74,12 +74,14 @@ <h1 class="text-5xl font-medium">{{ .Title }}</h1>
     <div class="lg:px-11 w-full flex flex-col gap-3">
       <h2 class="text-5xl font-medium" id="operate">Get Started</h2>
 
-{{% redis-cli %}}
-SET mykey "Hello"
-GET mykey
-
-SET anotherkey "will expire in a minute" EX 60
-{{% /redis-cli %}}
+<div class="bg-slate-900 border-b border-slate-700 rounded-t-xl px-4 py-3 w-full flex">
+  {{ partial "icons/cli-circle" (dict "class" "shrink-0 h-[1.0625rem] w-[1.0625rem] fill-slate-50") }}
+  {{ partial "icons/cli-triangle" (dict "class" "shrink-0 h-[1.0625rem] w-[1.0625rem] fill-slate-50") }}
+  {{ partial "icons/cli-star" (dict "class" "shrink-0 h-[1.0625rem] w-[1.0625rem] fill-slate-50") }}
+</div>  
+<form class="redis-cli overflow-y-auto max-h-80">
+  {{- .Inner -}}
+</form>
 
         {{ partial "docs-section.html" (dict
           "Title" "Quickly set up a Redis cache, primary, vector, or custom database"
@@ -135,11 +137,14 @@ <h2 class="text-5xl font-medium" id="operate">Get Started</h2>
       <div class="lg:px-11 w-full flex flex-col gap-3">
         <h2 class="text-5xl font-medium" id="operate">Deploy</h2>
 
-{{% redis-cli %}}
-SET mykey "10"
-INCR mykey
-GET mykey
-{{% /redis-cli %}}
+<div class="bg-slate-900 border-b border-slate-700 rounded-t-xl px-4 py-3 w-full flex">
+  {{ partial "icons/cli-circle" (dict "class" "shrink-0 h-[1.0625rem] w-[1.0625rem] fill-slate-50") }}
+  {{ partial "icons/cli-triangle" (dict "class" "shrink-0 h-[1.0625rem] w-[1.0625rem] fill-slate-50") }}
+  {{ partial "icons/cli-star" (dict "class" "shrink-0 h-[1.0625rem] w-[1.0625rem] fill-slate-50") }}
+</div>  
+<form class="redis-cli overflow-y-auto max-h-80">
+  {{- .Inner -}}
+</form>
 
         {{ partial "docs-section.html" (dict
             "Title" "Control your Redis deployments on-premises and on cloud platforms"