From 1436145603703ac941f2a68ade5f4f5ffe9778ec Mon Sep 17 00:00:00 2001
From: r-freeman <hello@ryanfreeman.dev>
Date: Mon, 16 Jan 2023 17:03:21 +0000
Subject: [PATCH] Added InlineLink component and updated homepage

---
 src/components/InlineLink.tsx | 10 ++++++++++
 src/pages/index.tsx           |  8 +++++---
 2 files changed, 15 insertions(+), 3 deletions(-)
 create mode 100644 src/components/InlineLink.tsx

diff --git a/src/components/InlineLink.tsx b/src/components/InlineLink.tsx
new file mode 100644
index 0000000..420a54f
--- /dev/null
+++ b/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>
+    )
+}
\ No newline at end of file
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 59e9b66..02c5776 100644
--- a/src/pages/index.tsx
+++ b/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.
-                        This is my personal website where you can learn more about me, read
-                        articles I&apos;ve written and see projects I&apos;ve worked on.
+                        aviation industry for Aer Lingus. I am passionate about personal growth and progressing in my career. This
+                        is my personal website where you can <InlineLink href="/about">learn more about
+                        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