From a7e70c0648908f68bd180ff9bd4fae073ac53973 Mon Sep 17 00:00:00 2001
From: Puria Nafisi Azizi <puria@dyne.org>
Date: Wed, 18 Oct 2023 18:42:05 +0200
Subject: [PATCH] feat: Add quicklinks as hinted in #118 (#124)

* feat: Add quicklinks as hinted in #118

* Fix mobile spacings
---
 .astro/types.d.ts                  |  5 +++++
 src/content/social/quicklinks.json | 14 ++++++++++++++
 src/pages/linktree/index.astro     |  7 +++++++
 3 files changed, 26 insertions(+)
 create mode 100644 src/content/social/quicklinks.json

diff --git a/.astro/types.d.ts b/.astro/types.d.ts
index d0eb8d8..f9b6077 100644
--- a/.astro/types.d.ts
+++ b/.astro/types.d.ts
@@ -535,6 +535,11 @@ declare module 'astro:content' {
   collection: "social";
   data: any
 };
+"quicklinks": {
+	id: "quicklinks";
+  collection: "social";
+  data: any
+};
 };
 
 	};
diff --git a/src/content/social/quicklinks.json b/src/content/social/quicklinks.json
new file mode 100644
index 0000000..2a53f26
--- /dev/null
+++ b/src/content/social/quicklinks.json
@@ -0,0 +1,14 @@
+[
+  {
+    "link": "https://socials.dyne.org/telegram",
+    "cta": "Telegram"
+  },
+  {
+    "link": "https://socials.dyne.org/discord",
+    "cta": "Discord"
+  },
+  {
+    "link": "https://socials.dyne.org/matrix",
+    "cta": "Matrix"
+  }
+]
diff --git a/src/pages/linktree/index.astro b/src/pages/linktree/index.astro
index 924984b..14f19e7 100644
--- a/src/pages/linktree/index.astro
+++ b/src/pages/linktree/index.astro
@@ -1,6 +1,7 @@
 ---
 import Layout from '~/layouts/Layout.astro';
 import links from '../../content/social/linktree.json';
+import quicklinks from '../../content/social/quicklinks.json';
 import Button from '~/components/Button.astro';
 ---
 
@@ -10,6 +11,12 @@ import Button from '~/components/Button.astro';
 		description: "Link up with Dyne's cyber playground<br/>Dive into our network of connections and resources",
 	}}
 >
+	<div class="py-8 md:py-20 justify-start items-start gap-2.5 inline-flex">
+		<div class="text-saccent text-4xl font-semibold font-['Syne'] leading-10">Dive in</div>
+	</div>
+	<div class="grid md:grid-cols-3 gap-8">
+		{quicklinks.map((ql) => <Button text={ql.cta} href={ql.link} cls="no-underline" />)}
+	</div>
 	<div class="grid grid-cols-1">
 		{
 			links.map((l) => (