From 262ca4448c0ba71ac97ad8be6fa431079efd3026 Mon Sep 17 00:00:00 2001
From: Triston Armstrong <tarmstrong95@proton.me>
Date: Mon, 8 Jan 2024 22:33:54 -0600
Subject: [PATCH] convert img tags to Image components in index file

---
 next.config.js  | 3 +++
 pages/index.tsx | 8 ++++----
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/next.config.js b/next.config.js
index c54a846..9b8c744 100644
--- a/next.config.js
+++ b/next.config.js
@@ -8,6 +8,9 @@ const nextConfig = {
   },
   typescript: {
     ignoreBuildErrors: true
+  },
+  images: {
+    unoptimized: true
   }
 }
 
diff --git a/pages/index.tsx b/pages/index.tsx
index 6a09a39..33ed4a6 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,10 +1,10 @@
 import Job, { type JobProps } from '../components/Job'
 import Skill, { type SkillProps } from '../components/Skill'
 import ListItem, { type ListItemProps } from '../components/ListItem'
-import Head from 'next/head'
 import { UsefulLinksList } from '../components/UsefulLinks/index'
 import { SocialLinksList } from '../components/SocialLinks/SocialLinks'
 import type { GetStaticProps } from 'next'
+import Image from 'next/image'
 
 interface LandingProps {
   jobs: JobsType[]
@@ -12,10 +12,10 @@ interface LandingProps {
   projects: ProjectsType[]
 }
 
-export default function Landing({ jobs, skills, projects }: LandingProps) {
+export default function Landing({ jobs, skills, projects }: LandingProps): React.JSX.Element {
   return (
     <div>
-      <img src='https://i.giphy.com/TBCVggEb9DzSHTUI19.webp' width={220} height={220} alt="peng" style={{ position: 'fixed', bottom: 0, left: 0 }} />
+      <Image src={'https://i.giphy.com/TBCVggEb9DzSHTUI19.webp'} alt={'peng'} width={220} height={220} style={{ position: 'fixed', bottom: 0, left: 0 }} />
 
       <article className='flex-row align-baseline'>
         <p>❗👷 This site is under construction 🚧 🏗️ 🚧</p>
@@ -25,7 +25,7 @@ export default function Landing({ jobs, skills, projects }: LandingProps) {
 
       <header>
         <div className="flex-col gap-05">
-          <img style={{ border: '1px dashed var(--links)' }} className="rounded xl "
+          <Image width={0} height={0} style={{ border: '1px dashed var(--links)' }} className="rounded xl "
             src="https://gitlab.com/uploads/-/system/user/avatar/5083849/avatar.png?width=400" alt="" />
           <h1 className='m-0'>Triston Armstrong 🫰</h1>
         </div>