From 06eb7b955757dac6112f71f7f245d6f4a31ba43e Mon Sep 17 00:00:00 2001
From: Elad Shechter <elad2412@gmail.com>
Date: Wed, 5 Jun 2024 13:22:02 +0300
Subject: [PATCH] Work in progress

---
 src/routes/integration/+page.svelte | 30 ++++++++++++++++++++++++-----
 1 file changed, 25 insertions(+), 5 deletions(-)

diff --git a/src/routes/integration/+page.svelte b/src/routes/integration/+page.svelte
index 0fc4f08197..304ce4ac47 100644
--- a/src/routes/integration/+page.svelte
+++ b/src/routes/integration/+page.svelte
@@ -43,11 +43,31 @@
 	<div>
 		<div class="web-container">
 			<div class="l-integrations-grid">
-				<aside>
-					<label class="web-input-button web-u-flex-basis-400">
-						<span class="web-icon-search" aria-hidden="true"></span>
-						<input class="text" placeholder="Search" />
-					</label>
+				<aside class="u-flex-vertical u-gap-32">
+					<section>
+						<label class="web-input-button web-u-flex-basis-400">
+							<span class="web-icon-search" aria-hidden="true"></span>
+							<input class="text" placeholder="Search" />
+						</label>
+					</section>
+					<section class="u-flex-vertical">
+						<section class="u-flex-vertical u-gap-16">
+							<h2 class="web-side-nav-header web-eyebrow u-un-break-text">Platform</h2>
+							<ul class="u-flex u-flex-wrap u-gap-8">
+								<li>
+									<button class="tag is-selected">Cloud</button>
+								</li>
+								<li>
+									<button class="tag">Self-hosted</button>
+								</li>
+							</ul>
+						</section>
+						<div class="web-u-sep-block-start u-margin-block-24"></div>
+						<section class="u-flex-vertical u-gap-16">
+							<h2 class="web-side-nav-header web-eyebrow u-un-break-text">Categories</h2>
+							<ul></ul>
+						</section>
+					</section>
 				</aside>
 				<div></div>
 			</div>