Skip to content

Commit 16de5b9

Browse files
reakaleekreakaleek
authored
Swap Elastic products and How-to guides in landing page (#811)
1 parent 8890506 commit 16de5b9

File tree

1 file changed

+46
-46
lines changed

1 file changed

+46
-46
lines changed

‎src/Elastic.Markdown/Slices/Layout/_LandingPage.cshtml

Lines changed: 46 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,51 @@
2323
</div>
2424
</section>
2525

26+
<section class="w-screen px-8 lg:px-6 bg-grey-10">
27+
<div class="container mx-auto py-16">
28+
<h2 class="font-bold font-sans text-3xl text-ink-dark">Elastic products</h2>
29+
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mt-6">
30+
<div class="grow rounded-xl border-1 border-grey-20 p-6 bg-white">
31+
<div class="flex gap-6 h-full">
32+
<img loading="lazy" alt="Search logo" src="@Model.Static("elasticsearch-logo-color-64px.svg")" class="size-9"/>
33+
<div class="flex flex-col h-full">
34+
<p class="font-sans font-bold text-xl">Search</p>
35+
<p class="mt-2 grow">Build powerful search and RAG applications using Elasticsearch's vector database, AI toolkit, and advanced retrieval capabilities.</p>
36+
<div class="grid grid-cols-2 mt-6">
37+
<a href="@Model.Link("/solutions/search/get-started")" class="text-blue-elastic hover:text-blue-elastic-100 font-sans font-semibold">Get started</a>
38+
</div>
39+
</div>
40+
</div>
41+
</div>
42+
<div class="grow rounded-xl border-1 border-grey-20 p-6 bg-white">
43+
<div class="flex gap-6 h-full">
44+
<img loading="lazy" alt="Observability logo" src="@Model.Static("observability-logo-color-64px.svg")" class="size-9"/>
45+
<div class="flex flex-col h-full">
46+
<p class="font-sans font-bold text-xl">Observability</p>
47+
<p class="mt-2 grow">Resolve problems with open, flexible, and unified observability powered by advanced machine learning and analytics.</p>
48+
<div class="grid grid-cols-2 mt-6">
49+
<a href="@Model.Link("/solutions/observability/get-started")" class="text-blue-elastic hover:text-blue-elastic-100 font-sans font-semibold">Get started</a>
50+
</div>
51+
</div>
52+
</div>
53+
</div>
54+
55+
<div class="grow rounded-xl border-1 border-grey-20 p-6 bg-white">
56+
<div class="flex gap-6 h-full">
57+
<img loading="lazy" alt="Security logo" src="@Model.Static("security-logo-color-64px.svg")" class="size-9"/>
58+
<div class="flex flex-col h-full">
59+
<p class="font-sans font-bold text-xl">Security</p>
60+
<p class="mt-2 grow">Detect, investigate, and respond to threats with AI-driven security analytics to protect your organization at scale.</p>
61+
<div class="grid grid-cols-2 mt-6">
62+
<a href="@Model.Link("/solutions/security/get-started")" class="text-blue-elastic hover:text-blue-elastic-100 font-sans font-semibold">Get started</a>
63+
</div>
64+
</div>
65+
</div>
66+
</div>
67+
</div>
68+
</div>
69+
</section>
70+
2671
<section class="w-screen px-8 lg:px-6">
2772
<div class="container mx-auto py-16">
2873
<h2 class="font-bold font-sans text-3xl text-ink-dark">How-to guides</h2>
@@ -82,52 +127,7 @@
82127
</div>
83128
</div>
84129
</section>
85-
86-
<section class="w-screen px-8 lg:px-6 bg-grey-10">
87-
<div class="container mx-auto py-16">
88-
<h2 class="font-bold font-sans text-3xl text-ink-dark">Elastic products</h2>
89-
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mt-6">
90-
<div class="grow rounded-xl border-1 border-grey-20 p-6 bg-white">
91-
<div class="flex gap-6 h-full">
92-
<img loading="lazy" alt="Search logo" src="@Model.Static("elasticsearch-logo-color-64px.svg")" class="size-9"/>
93-
<div class="flex flex-col h-full">
94-
<p class="font-sans font-bold text-xl">Search</p>
95-
<p class="mt-2 grow">Build powerful search and RAG applications using Elasticsearch's vector database, AI toolkit, and advanced retrieval capabilities.</p>
96-
<div class="grid grid-cols-2 mt-6">
97-
<a href="@Model.Link("/solutions/search/get-started")" class="text-blue-elastic hover:text-blue-elastic-100 font-sans font-semibold">Get started</a>
98-
</div>
99-
</div>
100-
</div>
101-
</div>
102-
<div class="grow rounded-xl border-1 border-grey-20 p-6 bg-white">
103-
<div class="flex gap-6 h-full">
104-
<img loading="lazy" alt="Observability logo" src="@Model.Static("observability-logo-color-64px.svg")" class="size-9"/>
105-
<div class="flex flex-col h-full">
106-
<p class="font-sans font-bold text-xl">Observability</p>
107-
<p class="mt-2 grow">Resolve problems with open, flexible, and unified observability powered by advanced machine learning and analytics.</p>
108-
<div class="grid grid-cols-2 mt-6">
109-
<a href="@Model.Link("/solutions/observability/get-started")" class="text-blue-elastic hover:text-blue-elastic-100 font-sans font-semibold">Get started</a>
110-
</div>
111-
</div>
112-
</div>
113-
</div>
114-
115-
<div class="grow rounded-xl border-1 border-grey-20 p-6 bg-white">
116-
<div class="flex gap-6 h-full">
117-
<img loading="lazy" alt="Security logo" src="@Model.Static("security-logo-color-64px.svg")" class="size-9"/>
118-
<div class="flex flex-col h-full">
119-
<p class="font-sans font-bold text-xl">Security</p>
120-
<p class="mt-2 grow">Detect, investigate, and respond to threats with AI-driven security analytics to protect your organization at scale.</p>
121-
<div class="grid grid-cols-2 mt-6">
122-
<a href="@Model.Link("/solutions/security/get-started")" class="text-blue-elastic hover:text-blue-elastic-100 font-sans font-semibold">Get started</a>
123-
</div>
124-
</div>
125-
</div>
126-
</div>
127-
</div>
128-
</div>
129-
</section>
130-
130+
131131
<section class="w-screen px-8 lg:px-6">
132132
<div class="container mx-auto py-16">
133133
<h2 class="font-bold font-sans text-3xl text-ink-dark">References</h2>

0 commit comments

Comments
 (0)