From 05717007aa761e2e2e801424ee21a6310fa0a267 Mon Sep 17 00:00:00 2001
From: Jan Calanog <jan.calanog@elastic.co>
Date: Fri, 28 Mar 2025 10:24:37 +0100
Subject: [PATCH] Add anchors in landing page

---
 .../Slices/Layout/_LandingPage.cshtml         | 30 +++++++++++++++----
 1 file changed, 25 insertions(+), 5 deletions(-)

diff --git a/src/Elastic.Markdown/Slices/Layout/_LandingPage.cshtml b/src/Elastic.Markdown/Slices/Layout/_LandingPage.cshtml
index 5bac30b78..7f489bc75 100644
--- a/src/Elastic.Markdown/Slices/Layout/_LandingPage.cshtml
+++ b/src/Elastic.Markdown/Slices/Layout/_LandingPage.cshtml
@@ -22,7 +22,11 @@
 
 	<section class="w-full px-8 lg:px-6 bg-grey-10">
 		<div class="container mx-auto py-16">
-			<h2 class="font-bold font-sans text-3xl text-ink-dark">Elastic products</h2>
+			<div class="heading-wrapper" id="elastic-products">
+				<h2 class="font-bold font-sans text-3xl text-ink-dark">
+					<a href="#elastic-products">Elastic products</a>
+				</h2>
+			</div>
 			<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mt-6">
 				<div class="grow rounded-xl border-1 border-grey-20 p-6 bg-white">
 					<div class="flex gap-6 h-full">
@@ -67,7 +71,13 @@
 
 	<section class="w-full px-8 lg:px-6">
 		<div class="container mx-auto py-16">
-			<h2 class="font-bold font-sans text-3xl text-ink-dark">How-to guides</h2>
+			<div class="heading-wrapper" id="how-to-guides">
+				<h2 class="font-bold font-sans text-3xl text-ink-dark">
+					<a href="#how-to-guides">
+						How-to guides
+					</a>
+				</h2>
+			</div>
 			<div class="grid md:grid-cols-2 xl:grid-cols-4 gap-6 mt-6">
 				<div class="grow rounded-xl border-1 border-grey-20 p-6">
 					<div class="flex gap-6 h-full">
@@ -120,14 +130,18 @@
 						</div>
 					</div>
 				</div>
-				
+
 			</div>
 		</div>
 	</section>
 	
 	<section class="w-full px-8 lg:px-6">
 		<div class="container mx-auto py-16">
-			<h2 class="font-bold font-sans text-3xl text-ink-dark">References</h2>
+			<div class="heading-wrapper" id="references">
+				<h2 class="font-bold font-sans text-3xl text-ink-dark">
+					<a href="#references">References</a>
+				</h2>
+			</div>
 			<div class="mt-6 grid md:grid-cols-2 lg:grid-cols-4 gap-6">
 				<div class="flex flex-col rounded-xl bg-white border-1 border-grey-20 p-6">
 					<h3 class="font-bold font-sans text-ink-dark text-2xl">Elastic APIs</h3>
@@ -264,7 +278,13 @@
 
 	<section class="w-full px-8 lg:px-6 bg-grey-10">
 		<div class="container mx-auto py-16">
-			<h2 class="font-bold font-sans text-3xl text-ink-dark">Product resources</h2>
+			<div class="heading-wrapper" id="product-resources">
+				<h2 class="font-bold font-sans text-3xl text-ink-dark">
+					<a href="#product-resources">
+						Product resources
+					</a>
+				</h2>
+			</div>
 			<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mt-6">
 				<div class="flex flex-col rounded-xl bg-black text-white p-6">
 					<h3 class="font-sans font-bold text-2xl">Releases</h3>