feat: Add quicklinks as hinted in #118 (#124)

* feat: Add quicklinks as hinted in #118 * Fix mobile spacings
dyne · Oct 18, 2023 · a7e70c0 · a7e70c0
1 parent e2e2342
commit a7e70c0
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 0 deletions.
diff --git 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
@@ -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
@@ -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) => (