From 541b035e9b23ca3fd46127b909c91a2814494d20 Mon Sep 17 00:00:00 2001
From: Jan Calanog <jan.calanog@elastic.co>
Date: Fri, 20 Jun 2025 15:27:43 +0200
Subject: [PATCH] Landing page: Add "View other versions" button to Elastic
 prodcts

---
 .../Slices/Layout/_LandingPage.cshtml             | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/Elastic.Markdown/Slices/Layout/_LandingPage.cshtml b/src/Elastic.Markdown/Slices/Layout/_LandingPage.cshtml
index a74d73262..ac79c7b47 100644
--- a/src/Elastic.Markdown/Slices/Layout/_LandingPage.cshtml
+++ b/src/Elastic.Markdown/Slices/Layout/_LandingPage.cshtml
@@ -52,8 +52,9 @@
 						<div class="flex flex-col h-full">
 							<p class="font-sans font-bold text-xl">Elasticsearch</p>
 							<p class="mt-2 grow">Build powerful search and RAG applications using Elasticsearch's vector database, AI toolkit, and advanced retrieval capabilities.</p>
-							<div class="grid grid-cols-2 mt-6">
-								<a href="@Model.Link("/solutions/search")" class="text-blue-elastic hover:text-blue-elastic-100 font-sans font-semibold">View docs</a>
+							<div class="grid grid-cols-1 mt-6 gap-2">
+								<a href="@Model.Link("/solutions/search")" class="text-blue-elastic hover:text-blue-elastic-100 font-sans font-semibold">View @Model.CurrentVersion docs</a>
+								<a href="https://www.elastic.co/guide/en/elasticsearch/reference/index.html" class="text-sm text-grey-70 hover:text-grey-100 font-sans font-semibold">View other versions</a>
 							</div>
 						</div>
 					</div>
@@ -64,8 +65,9 @@
 						<div class="flex flex-col h-full">
 							<p class="font-sans font-bold text-xl">Observability</p>
 							<p class="mt-2 grow">Resolve problems with open, flexible, and unified observability powered by advanced machine learning and analytics.</p>
-							<div class="grid grid-cols-2 mt-6">
-								<a href="@Model.Link("/solutions/observability")" class="text-blue-elastic hover:text-blue-elastic-100 font-sans font-semibold">View docs</a>
+							<div class="grid grid-cols-1 mt-6 gap-2">
+								<a href="@Model.Link("/solutions/observability")" class="text-blue-elastic hover:text-blue-elastic-100 font-sans font-semibold">View @Model.CurrentVersion docs</a>
+								<a href="https://www.elastic.co/guide/en/observability/index.html" class="text-sm text-grey-70 hover:text-grey-100 font-sans font-semibold">View other versions</a>
 							</div>
 						</div>
 					</div>
@@ -77,8 +79,9 @@
 						<div class="flex flex-col h-full">
 							<p class="font-sans font-bold text-xl">Security</p>
 							<p class="mt-2 grow">Detect, investigate, and respond to threats with AI-driven security analytics to protect your organization at scale.</p>
-							<div class="grid grid-cols-2 mt-6">
-								<a href="@Model.Link("/solutions/security")" class="text-blue-elastic hover:text-blue-elastic-100 font-sans font-semibold">View docs</a>
+							<div class="grid grid-cols-1 mt-6 gap-2">
+								<a href="@Model.Link("/solutions/security")" class="text-blue-elastic hover:text-blue-elastic-100 font-sans font-semibold">View @Model.CurrentVersion docs</a>
+								<a href="https://www.elastic.co/guide/en/security/index.html" class="text-sm text-grey-70 hover:text-grey-100 font-sans font-semibold">View other versions</a>
 							</div>
 						</div>
 					</div>