migrate to vercel; bump version

src/components/footer/index.tsx

@@ -0,0 +1,20 @@
+import { Links } from "@/components/footer/links";
+
+export default function Footer({ fixed = false }) {
+  const footerLinks = Links.map((link) => (
+    <div
+      key={link.id}
+      className={`inline-block ${link.color}`}
+    >
+      <a href={link.href} target="_blank" rel="noopener noreferrer">{link.label}</a>
+    </div>
+  ));
+
+  return (
+    <footer className={`w-full font-bold pointer-events-none ${fixed ? "fixed bottom-0 left-0 right-0" : ""}`}>
+      <div className="flex flex-row px-2 py-1 text-lg lg:px-6 lg:py-1.5 lg:text-3xl md:text-2xl justify-between md:justify-center space-x-2 md:space-x-10 lg:space-x-20 pointer-events-none [&_a]:pointer-events-auto">
+        {footerLinks}
+      </div>
+    </footer>
+  );
+}

src/components/footer/links.ts

@@ -0,0 +1,14 @@
+interface FooterLink {
+  id: number;
+  href: string;
+  label: string;
+  color: string;
+}
+
+export const Links: FooterLink[] = [
+  { id: 0, href: "mailto:contact@timmypidashev.dev", label: "Contact", color: "text-green" },
+  { id: 1, href: "https://github.com/timmypidashev", label: "Github", color: "text-yellow" },
+  { id: 3, href: "https://www.linkedin.com/in/timothy-pidashev-4353812b8", label: "LinkedIn", color: "text-blue" },
+  { id: 4, href: "https://github.com/timmypidashev/web", label: "Source", color: "text-purple" },
+  { id: 5, href: "https://github.com/timmypidashev/web/releases", label: "v3", color: "text-aqua" }
+];