building out some other pages

app/links/page.tsx

@@ -0,0 +1,73 @@
+import SocialMedia from "@/components/Links/SocialMedia";
+import Panel from "@/components/ui/Panel";
+import Image from "next/image";
+import { FaBandcamp, FaGithub, FaLinkedin, FaPatreon, FaSoundcloud, FaYoutube } from "react-icons/fa";
+import { RxArrowRight } from "react-icons/rx";
+
+export default function LinksPage() {
+    return (
+        <article className="flex flex-col items-center">
+
+            <section className="flex flex-col flex-wrap w-11/12 m-12">
+                <h1 className="text-3xl w-full my-8">Check out my work on...</h1>
+                <Panel width="1/2">
+                    <div className="flex flex-col items-center p-8">
+                        <Image className="mb-8" width={120} height={48} alt="The word 'Dropper' in bold white lettering" src="/dropper.svg" />
+                        <a href="https://app.dropper.studio/store/innocuous-symmetry" target="_blank">Dropper</a>
+                    </div>
+                </Panel>
+
+                <Panel width="1/2">
+                    <div className="flex flex-col items-center p-8">
+                        <RxArrowRight className="mb-8" />
+                        <a href="https://subsequent.media" target="_blank">Subsequent Media</a>
+                    </div>
+                </Panel>
+            </section>
+
+            <section id="social-media-gallery" className="w-3/5 my-12 flex flex-col items-center bg-black rounded">
+                <h1 className="text-3xl w-full my-8">...or on your favorite social media platform:</h1>
+
+                <div className="flex flex-wrap">
+                    <SocialMedia
+                        label="LinkedIn"
+                        href="https://www.linkedin.com/in/mikayla-dobson"
+                        logo={<FaLinkedin />}
+                    />
+
+                    <SocialMedia
+                        label="GitHub"
+                        href="https://github.com/innocuous-symmetry"
+                        logo={<FaGithub />}
+                    />
+
+                    <SocialMedia
+                        label="SoundCloud"
+                        href="https://soundcloud.com/mikaylamusic"
+                        logo={<FaSoundcloud />}
+                    />
+
+                    <SocialMedia
+                        label="Bandcamp"
+                        href="https://mikaylaclaire.bandcamp.com/"
+                        logo={<FaBandcamp />}
+                    />
+
+                    <SocialMedia
+                        label="YouTube (coming soon)"
+                        href="youtube.com"
+                        logo={<FaYoutube />}
+                        disabled
+                    />
+
+                    <SocialMedia
+                        label="Patreon (coming soon)"
+                        href="patreon.com"
+                        logo={<FaPatreon />}
+                        disabled
+                    />
+                </div>
+            </section>
+        </article>
+    )
+}