First Commit

layouts/main/(partials)/HeaderLink.tsx

@@ -0,0 +1,13 @@
+import { HeaderLinkType } from "../(data)/links";
+
+type Props = {
+    link: HeaderLinkType;
+};
+
+export default function HeaderLink({ link }: Props) {
+    return (
+        <a href={link.href} className="text-white hover:text-gray-300">
+            {link.name}
+        </a>
+    );
+}

layouts/main/(partials)/SocialLink.tsx

@@ -0,0 +1,18 @@
+import { SocialLinksType } from "../(data)/links";
+
+type Props = {
+    link: SocialLinksType;
+};
+
+export default function SocialLink({ link }: Props) {
+    return (
+        <a
+            href={link.href}
+            title={link.name}
+            className="text-white hover:text-gray-300"
+            target="_blank"
+        >
+            {link.icon}
+        </a>
+    );
+}