From b97f3b42e1bad5753728315b5c7ebdacf6f81172 Mon Sep 17 00:00:00 2001
From: Elizabeth Hunt <elizabeth.hunt@simponic.xyz>
Date: Mon, 6 Jan 2025 23:48:56 -0800
Subject: initial commit

---
 app/components/QuickLinks.tsx | 49 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 app/components/QuickLinks.tsx

(limited to 'app/components/QuickLinks.tsx')

diff --git a/app/components/QuickLinks.tsx b/app/components/QuickLinks.tsx
new file mode 100644
index 0000000..8a853cf
--- /dev/null
+++ b/app/components/QuickLinks.tsx
@@ -0,0 +1,49 @@
+import {
+  Skull,
+  Search,
+  GitPullRequest,
+  Mail,
+  Fish,
+  ChartArea,
+} from "lucide-react";
+
+export default function QuickLinks() {
+  const links = [
+    { name: "Google", url: "https://www.google.com", icon: Search },
+    { name: "Gitea", url: "https://git.simponic.xyz", icon: GitPullRequest },
+    {
+      name: "Mail",
+      url: "https://roundcube.internal.simponic.xyz",
+      icon: Mail,
+    },
+    {
+      name: "Jellyfin",
+      url: "https://jellyfin.internal.simponic.xyz",
+      icon: Fish,
+    },
+    {
+      name: "Uptime Kuma",
+      url: "https://uptime.internal.simponic.xyz",
+      icon: ChartArea,
+    },
+  ];
+
+  return (
+    <div className="rounded-lg p-6 justify-center flex gap-16">
+      {links.map((link) => {
+        const Icon = link.icon;
+        return (
+          <a
+            key={link.name}
+            href={link.url}
+            className="text-rose-700 hover:text-rose-800 transition-colors"
+            title={link.name}
+          >
+            <Icon className="w-8 h-8" />
+            <span className="sr-only">{link.name}</span>
+          </a>
+        );
+      })}
+    </div>
+  );
+}
-- 
cgit v1.2.3-70-g09d2

