Landing page: Add "View other versions" button to Elastic prodcts (#1405)

Author: reakaleek

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>