diff --git a/src/Elastic.Documentation.Site/_static/vector-database-logo-color-64px.svg b/src/Elastic.Documentation.Site/_static/vector-database-logo-color-64px.svg
new file mode 100644
index 0000000000..4ff2638944
--- /dev/null
+++ b/src/Elastic.Documentation.Site/_static/vector-database-logo-color-64px.svg
@@ -0,0 +1,5 @@
+<svg width="64" height="64" viewBox="5 3.5 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.5098 7.9251C15.9514 5.22995 19.3049 4.21369 22 5.65536L17.0949 14.8254C17.0226 14.6281 16.9347 14.4337 16.8301 14.2441L13.9355 8.99793L14.5098 7.9251Z" fill="#02BCB7"/>
+<path d="M7.43091 5.80136C8.76903 5.06308 10.4524 5.54934 11.1907 6.88744L13.1575 10.4524L10.7554 14.9441C10.2933 15.8079 10.3366 16.8068 10.7819 17.6027C10.7788 17.5971 10.7755 17.5917 10.7724 17.5862L6.34482 9.56118C5.60654 8.22305 6.0928 6.53966 7.43091 5.80136Z" fill="#FEC514"/>
+<path d="M15.6186 14.9124C16.352 16.2418 15.8765 17.9114 14.5582 18.6571C14.5433 18.6655 14.5284 18.6738 14.5134 18.6819C14.417 18.7342 14.3187 18.7795 14.2193 18.8192C13.8738 18.9566 13.5022 19.0244 13.127 19.0154C12.1838 18.9912 11.2781 18.4852 10.7835 17.6048C10.3371 16.8085 10.2932 15.8087 10.7557 14.944L13.1578 10.4524L15.6186 14.9124Z" fill="#1C1E23"/>
+</svg>
diff --git a/src/Elastic.Markdown/Layout/_LandingPage.cshtml b/src/Elastic.Markdown/Layout/_LandingPage.cshtml
index 40c333834f..120f8ec3f1 100644
--- a/src/Elastic.Markdown/Layout/_LandingPage.cshtml
+++ b/src/Elastic.Markdown/Layout/_LandingPage.cshtml
@@ -63,21 +63,31 @@
 					<a href="#solutions-use-cases">Solutions and use cases</a>
 				</h2>
 			</div>
-			<div class="grid grid-cols-1 min-[1024px]:grid-cols-2 lg:grid-cols-3 gap-6 mt-6">
-				<div class="rounded-2xl border-1 border-grey-20 p-8 bg-white flex gap-6 items-start">
-					<img loading="lazy" alt="Search logo" src="@Model.Static("elasticsearch-logo-color-64px.svg")" class="size-8"/>
-					<div class="flex flex-col">
+			<div class="grid grid-cols-1 min-[1024px]:grid-cols-2 lg:grid-cols-4 gap-6 mt-6">
+				<div class="rounded-2xl border-1 border-grey-20 p-6 bg-white flex gap-4 items-start">
+					<img loading="lazy" alt="Search logo" src="@Model.Static("elasticsearch-logo-color-64px.svg")" class="size-8 shrink-0"/>
+					<div class="flex flex-col min-w-0">
 						<p class="font-sans font-bold text-xl">Elasticsearch</p>
-						<p class="mt-2">Build powerful search and RAG applications using Elasticsearch's vector database, AI toolkit, and advanced retrieval capabilities.</p>
+						<p class="mt-2">Build search and analytics across structured data, logs, metrics, documents, and vectors as part of the broader stack.</p>
 						<div class="grid grid-cols-1 mt-6 gap-2">
 							<a href="@Model.Link("/solutions/search")" class="text-blue-elastic-100 hover:text-blue-elastic-110 font-sans font-semibold">9.0+ (latest @Model.CurrentVersion) docs</a>
 							<a href="https://www.elastic.co/guide/en/elasticsearch/reference/index.html" class="text-sm text-grey-90 hover:text-grey-110 font-sans font-semibold" hx-disable="true">Previous versions</a>
 						</div>
 					</div>
 				</div>
-				<div class="rounded-2xl border-1 border-grey-20 p-8 bg-white flex gap-6 items-start">
-					<img loading="lazy" alt="Observability logo" src="@Model.Static("observability-logo-color-64px.svg")" class="size-8"/>
-					<div class="flex flex-col">
+				<div class="rounded-2xl border-1 border-grey-20 p-6 bg-white flex gap-4 items-start">
+					<img loading="lazy" alt="Vector Database logo" src="@Model.Static("vector-database-logo-color-64px.svg")" class="size-8 shrink-0"/>
+					<div class="flex flex-col min-w-0">
+						<p class="font-sans font-bold text-xl">Vector Database</p>
+						<p class="mt-2">Build your primary workload around embeddings: semantic search, RAG, or AI retrieval, with built-in models and vector-optimized defaults.</p>
+						<div class="grid grid-cols-1 mt-6 gap-2">
+							<a href="@Model.Link("/solutions/vector-database")" class="text-blue-elastic-100 hover:text-blue-elastic-110 font-sans font-semibold">View docs</a>
+						</div>
+					</div>
+				</div>
+				<div class="rounded-2xl border-1 border-grey-20 p-6 bg-white flex gap-4 items-start">
+					<img loading="lazy" alt="Observability logo" src="@Model.Static("observability-logo-color-64px.svg")" class="size-8 shrink-0"/>
+					<div class="flex flex-col min-w-0">
 						<p class="font-sans font-bold text-xl">Observability</p>
 						<p class="mt-2">Resolve problems with open, flexible, and unified observability powered by advanced machine learning and analytics.</p>
 						<div class="grid grid-cols-1 mt-6 gap-2">
@@ -86,9 +96,9 @@
 						</div>
 					</div>
 				</div>
-				<div class="rounded-2xl border-1 border-grey-20 p-8 bg-white flex gap-6 items-start">
-					<img loading="lazy" alt="Security logo" src="@Model.Static("security-logo-color-64px.svg")" class="size-8"/>
-					<div class="flex flex-col">
+				<div class="rounded-2xl border-1 border-grey-20 p-6 bg-white flex gap-4 items-start">
+					<img loading="lazy" alt="Security logo" src="@Model.Static("security-logo-color-64px.svg")" class="size-8 shrink-0"/>
+					<div class="flex flex-col min-w-0">
 						<p class="font-sans font-bold text-xl">Security</p>
 						<p class="mt-2">Detect, investigate, and respond to threats with AI-driven security analytics to protect your organization at scale.</p>
 						<div class="grid grid-cols-1 mt-6 gap-2">