From f1f46ca8daf4e9e30fa23c182a3ff2c3e8bb29b4 Mon Sep 17 00:00:00 2001
From: Xevion <ryanchwalters@gmail.com>
Date: Fri, 30 Dec 2022 20:55:14 -0600
Subject: [PATCH] Add button links to index cover page

---
 src/pages/index.tsx | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 4512e56..e13a518 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -5,6 +5,7 @@ import ItemCard from "../components/ItemCard";
 import {getPlaiceholder} from "plaiceholder";
 import {useBreakpointValue} from "../utils/helpers";
 import type {Project} from "../utils/types";
+import Link from "next/link";
 
 type ProjectWithBlur = Project & { bannerBlur: string };
 
@@ -78,6 +79,11 @@ export async function getStaticProps() {
     }
 }
 
+const buttons = [
+    {text: "GitHub", href: "https://github.com/Xevion"},
+    {text: "Contact", href: "/contact"}
+]
+
 const Home: NextPage<HomeStaticProps> = ({projects}: HomeStaticProps) => {
     const useLong = useBreakpointValue("sm", true, false);
 
@@ -99,13 +105,20 @@ const Home: NextPage<HomeStaticProps> = ({projects}: HomeStaticProps) => {
                         <span
                             className="leading-3 bg-yellow-300 rounded-md text-black font-bold font-inter p-2">WIP</span>
                     </div>
-
                     <div className="w-full flex flex-col items-center h-40">
                         <div className="text-4xl sm:text-5xl pb-3">Hi. I&apos;m Ryan Walters.</div>
                         <div className="text-lg text-zinc-200">Full Stack Software Developer</div>
+                        <div className="w-full flex justify-center py-2 space-x-2">
+                            {buttons.map(({text, href}) =>
+                                <Link href={href} key={href}>
+                                    <div className="p-2 rounded-sm bg-zinc-900 hover:bg-zinc-800">
+                                        {text}
+                                    </div>
+                                </Link>
+                            )}
+                        </div>
                     </div>
                 </div>
-
                 <div
                     className="flex py-12 sm:py-8 min-h-screen flex-row md:items-center justify-center">
                     <div className="h-full w-full max-w-[95%] lg:max-w-[85%] xl:max-w-[70%] mx-auto">