pretty much finish web

src/components/HeaderItem.tsx

@@ -7,7 +7,6 @@ type HeaderItemProps = {
     newWindow?: boolean
 }
 export default function HeaderItem(props: HeaderItemProps) {
-    console.log(props, props.newWindow ? "_blank" : "self")
     if (props.onClick) {
         return (
             <>

src/components/ReviewCard.tsx

@@ -1,18 +1,25 @@
 import Image from "next/image"
+import Link from 'next/link';
 
 type ReviewCardProps = {
     title: string,
     image: string,
-    url: string
+    url: string,
+    showText: boolean
 }
 
 export default function ReviewCard(props: ReviewCardProps) {
     return (
-        <>
-            <div className="inline pr-4 pb-2">
-                <Image alt={props.title + " cover"} width="160" height="160" src={props.image} />
-                <p className="font-bold pt-2 text-center">{props.title}</p>
+        <Link href={props.url}>
+            <div className="inline">
+                <Image alt={props.title + " cover"} width="160" height="160" src={props.image} className="p-2" />
+                {
+                    props.showText ?
+                    <p className="font-bold pt-2 text-center">{props.title}</p>
+                    :
+                    ""
+                }
             </div>
-        </>
+        </Link>
     )
 }

src/components/footer.tsx

@@ -0,0 +1,34 @@
+import { Twitter, LinkedinOption, MailOption } from "grommet-icons"
+import Link from 'next/link';
+
+export default function Footer() {
+    return (
+        <>
+            <div className="absolute bottom-0 left-0 w-full bg-gray-900 p-2 text-white">
+                <p className="text-center">
+                    <Link href="mailto:alex@alexavfrantz.com">
+                        <p className="hover:text-gray-500 hover:underline hover:cursor-pointer">
+                            alex@alexavfrantz.com
+                        </p>
+                    </Link>
+                </p>
+                <p className="text-center">
+                    &copy; Alex Frantz, 2023
+                </p>
+                <p className="text-center">
+                    <Link href="https://twitter.com/avvex__" target="_blank" rel="noreferrer">
+                        <Twitter color='plain' className="pr-2" size="30" />
+                    </Link>
+
+                    <Link href="https://linkedin.com/in/thatalex" target="_blank" rel="noreferrer">
+                        <LinkedinOption className="pr-2" size="30" />
+                    </Link>
+
+                    <Link href="mailto:alex@alexavfrantz.com" target="_blank" rel="noreferrer">
+                        <MailOption className="pr-2" size="30" />
+                    </Link>
+                </p>
+            </div>
+        </>
+    )
+}

src/components/header.tsx

@@ -1,5 +1,5 @@
-import Link from "next/link";
 import {useSession, signIn, signOut} from 'next-auth/react';
+import Head from 'next/head';
 import HeaderItem from "./HeaderItem";
 
 export default function Header() {
@@ -12,7 +12,6 @@ export default function Header() {
                 <div className="inline-block pb-2">
                     <HeaderItem content="home" linkTo="/" />
                     <HeaderItem content="reviews" linkTo="/reviews" />
-                    <HeaderItem content="contact" linkTo="/contact" />
                     <HeaderItem content={status == "unauthenticated" ? "login" : "logout" } onClick={status == "authenticated" ? signOut : signIn} linkTo="" />
                 </div>
                 <hr />