Update Stimulus LSP page and add section for install instructions

app/content/pages/ecosystem/tooling/stimulus-lsp.html.erb

@@ -5,40 +5,49 @@ image: stimulus-intellisense.png
 
 <%= render Page::ContainerComponent.new(page: current_page) do |page| %>
   <header class="flex flex-col items-center justify-center px-5 pb-10 mt-16 text-center">
-    <img class="rounded-lg border border-gray-700 max-w-3xl" src="<%= image_path("stimulus-intellisense.png") %>">
 
-    <h1 class="pt-8 font-text text-4xl font-bold sm:text-5xl">More efficient with Stimulus in VSCode</h1>
+    <h1 class="font-text text-4xl font-bold sm:text-5xl mb-12">More efficient and confident with Stimulus</h1>
+
+    <img class="rounded-lg border border-gray-700 md:max-w-3xl" src="<%= image_path("stimulus-lsp.png") %>">
+
+
     <h2 class="max-w-[38ch] pt-8 text-lg text-gray-300 md:text-xl">
       Get helpful hints on controllers, actions, targets, values and a bunch of other Stimulus features.
     </h2>
 
     <a
-      href="https://marketplace.visualstudio.com/items?itemName=marcoroth.stimulus-lsp"
-      target="_blank"
+      href="/ecosystem/tooling/stimulus-lsp/install"
       class="mt-16 rounded-lg bg-[#77e8b9] px-7 py-4 text-lg font-semibold text-black shadow-xl transition hover:brightness-110"
       rel="noreferrer">
       Install the extension
     </a>
 
     <div class="flex flex-wrap items-center justify-center gap-10 pt-16 text-sm text-gray-300 sm:text-base">
 
-      <a href="https://marketplace.visualstudio.com/items?itemName=marcoroth.stimulus-lsp" class="flex items-center gap-2 hover:text-gray-400">
+      <a href="/ecosystem/tooling/stimulus-lsp/install/vscode" class="flex items-center gap-2 hover:text-gray-400">
         <i class="devicon-vscode-plain text-3xl"></i>
 
         Visual Studio Code
       </a>
 
-      <a href="https://github.com/marcoroth/stimulus-lsp" class="flex items-center gap-2 hover:text-gray-400">
+      <a href="/ecosystem/tooling/stimulus-lsp/install/neovim" class="flex items-center gap-2 hover:text-gray-400">
         <i class="devicon-vim-plain text-3xl"></i>
 
-        NeoVim (coming soon)
+        NeoVim
       </a>
 
-      <a href="https://github.com/marcoroth/stimulus-lsp" class="flex items-center gap-2 hover:text-gray-400">
+      <a href="/ecosystem/tooling/stimulus-lsp/install" class="flex items-center gap-2 hover:text-gray-400">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6">
+          <path fill-rule="evenodd" d="M14.447 3.027a.75.75 0 01.527.92l-4.5 16.5a.75.75 0 01-1.448-.394l4.5-16.5a.75.75 0 01.921-.526zM16.72 6.22a.75.75 0 011.06 0l5.25 5.25a.75.75 0 010 1.06l-5.25 5.25a.75.75 0 11-1.06-1.06L21.44 12l-4.72-4.72a.75.75 0 010-1.06zm-9.44 0a.75.75 0 010 1.06L2.56 12l4.72 4.72a.75.75 0 11-1.06 1.06L.97 12.53a.75.75 0 010-1.06l5.25-5.25a.75.75 0 011.06 0z" clip-rule="evenodd" />
+        </svg>
+
+        More
+      </a>
+
+      <a href="https://github.com/marcoroth/stimulus-lsp" class="flex items-center gap-2 hover:text-gray-400" target="_blank">
         <i class="devicon-github-plain text-3xl"></i>
         Source
       </a>
-
     </div>
   </header>
 
@@ -99,11 +108,11 @@ image: stimulus-intellisense.png
 
   </main>
 
-  <h1 class="mt-16 font-text text-2xl text-center font-bold">And so much more!</h1>
+  <h1 class="md:mt-16 font-text text-2xl text-center font-bold">And so much more!</h1>
 
   <div class="text-center mt-12">
     <a
-      href="https://marketplace.visualstudio.com/items?itemName=marcoroth.stimulus-lsp"
+      href="/ecosystem/tooling/stimulus-lsp/install"
       target="_blank"
       class="mt-16 rounded-lg bg-[#77e8b9] px-7 py-4 text-lg font-semibold text-black shadow-xl transition hover:brightness-110"
       rel="noreferrer">

app/content/pages/ecosystem/tooling/stimulus-lsp/install.html.erb

@@ -0,0 +1,13 @@
+---
+title: Install Stimulus LSP
+breadcrumb: Install
+---
+
+<%= render Page::ContainerComponent.new(page: current_page) do |page| %>
+  <% subpages = site.resources.glob("#{current_page.request_path}/*.html.erb".delete_prefix("/")).sort_by { |site| site.data.fetch("title") } %>
+
+  <%= render Page::CardSectionComponent.new(
+    title: current_page.data.fetch("title"),
+    resources: subpages,
+  ) %>
+<% end %>

app/content/pages/ecosystem/tooling/stimulus-lsp/install/neovim.html.erb

@@ -0,0 +1,12 @@
+---
+title: NeoVim
+subtitle: Install Stimulus LSP in NeoVim
+editor: neovim
+breadcrumb: NeoVim
+---
+
+<%= render Page::ContainerComponent.new(page: current_page) do |page| %>
+  <% page.with_title(title: current_page.data.fetch("subtitle")) %>
+
+  <%= render Page::ContributeComponent.new(file: current_page.asset.path.path) %>
+<% end %>

app/content/pages/ecosystem/tooling/stimulus-lsp/install/nova.html.erb

@@ -0,0 +1,12 @@
+---
+title: Nova
+subtitle: Install Stimulus LSP in Nova
+editor: nova
+breadcrumb: Nova
+---
+
+<%= render Page::ContainerComponent.new(page: current_page) do |page| %>
+  <% page.with_title(title: current_page.data.fetch("subtitle")) %>
+
+  <%= render Page::ContributeComponent.new(file: current_page.asset.path.path) %>
+<% end %>

app/content/pages/ecosystem/tooling/stimulus-lsp/install/rubymine.html.erb

@@ -0,0 +1,12 @@
+---
+title: RubyMine
+subtitle: Install Stimulus LSP in RubyMine
+editor: rubymine
+breadcrumb: RubyMine
+---
+
+<%= render Page::ContainerComponent.new(page: current_page) do |page| %>
+  <% page.with_title(title: current_page.data.fetch("subtitle")) %>
+
+  <%= render Page::ContributeComponent.new(file: current_page.asset.path.path) %>
+<% end %>

app/content/pages/ecosystem/tooling/stimulus-lsp/install/sublime.html.erb

@@ -0,0 +1,12 @@
+---
+title: Sublime
+subtitle: Install Stimulus LSP in Sublime
+editor: sublime
+breadcrumb: Sublime
+---
+
+<%= render Page::ContainerComponent.new(page: current_page) do |page| %>
+  <% page.with_title(title: current_page.data.fetch("subtitle")) %>
+
+  <%= render Page::ContributeComponent.new(file: current_page.asset.path.path) %>
+<% end %>

app/content/pages/ecosystem/tooling/stimulus-lsp/install/vim.html.erb

@@ -0,0 +1,12 @@
+---
+title: Vim
+subtitle: Install Stimulus LSP in Vim
+editor: vim
+breadcrumb: Vim
+---
+
+<%= render Page::ContainerComponent.new(page: current_page) do |page| %>
+  <% page.with_title(title: current_page.data.fetch("subtitle")) %>
+
+  <%= render Page::ContributeComponent.new(file: current_page.asset.path.path) %>
+<% end %>

app/content/pages/ecosystem/tooling/stimulus-lsp/install/vscode.html.erb

@@ -0,0 +1,18 @@
+---
+title: Visual Studio Code
+subtitle: Install Stimulus LSP in Visual Studio Code
+editor: vscode
+breadcrumb: Visual Studio Code
+---
+
+<%= render Page::ContainerComponent.new(page: current_page) do |page| %>
+  <% page.with_title(title: current_page.data.fetch("subtitle")) %>
+
+   <a
+     href="https://marketplace.visualstudio.com/items?itemName=marcoroth.stimulus-lsp"
+     target="_blank"
+     class="mt-64 rounded-lg bg-[#77e8b9] px-7 py-4 text-lg font-semibold text-black shadow-xl transition hover:brightness-110"
+     rel="noreferrer">
+     Install the extension from the VSCode marketplace
+   </a>
+<% end %>

app/content/pages/ecosystem/tooling/stimulus-lsp/install/zed.html.erb

@@ -0,0 +1,12 @@
+---
+title: Zed
+subtitle: Install Stimulus LSP in Zed
+editor: zed
+breadcrumb: zed
+---
+
+<%= render Page::ContainerComponent.new(page: current_page) do |page| %>
+  <% page.with_title(title: current_page.data.fetch("subtitle")) %>
+
+  <%= render Page::ContributeComponent.new(file: current_page.asset.path.path) %>
+<% end %>