Added InlineLink component and updated homepage

src/components/InlineLink.tsx

@@ -0,0 +1,10 @@
+import {ReactNode} from 'react'
+import Link from 'next/link'
+
+export function InlineLink({href, children}: { href: string, children: ReactNode }) {
+    return (
+        <Link href={href} className="transition hover:text-indigo-500 dark:hover:text-indigo-400">
+            {children}
+        </Link>
+    )
+}

src/pages/index.tsx

@@ -11,6 +11,7 @@ import {
     LinkedInIcon,
     TwitterIcon
 } from '@/components/SocialIcons'
+import {InlineLink} from '@/components/InlineLink';
 import {formatDate} from '@/lib/formatDate'
 import {generateRssFeed} from '@/lib/generateRssFeed'
 import {generateSitemap} from '@/lib/generateSitemap'
@@ -229,9 +230,10 @@ export default function Home({articles}: { articles: Article[] }) {
                     </h1>
                     <p className="mt-6 text-base text-zinc-600 dark:text-zinc-400">
                         Hi. I&apos;m Ryan, a software engineer based in Dublin, Ireland. I&apos;m currently working in the
-                        aviation industry for Aer Lingus. I am passionate about personal growth and progressing in my career.
+                        aviation industry for Aer Lingus. I am passionate about personal growth and progressing in my career. This
-                        This is my personal website where you can learn more about me, read
+                        is my personal website where you can <InlineLink href="/about">learn more about
-                        articles I&apos;ve written and see projects I&apos;ve worked on.
+                        me</InlineLink>, <InlineLink href="/writing">read articles I&apos;ve written</InlineLink> and <InlineLink
+                        href="/projects">see projects I&apos;ve worked on</InlineLink>.
                     </p>
                     <div className="mt-6 flex gap-6">
                         <SocialLink