From 8eadb3ad6e7edbb7f48fabf4574e1dd1051d675a Mon Sep 17 00:00:00 2001
From: Kobe <kobetbuckley@gmail.com>
Date: Mon, 18 Sep 2023 21:13:07 -1000
Subject: [PATCH 01/20] Clients js: Implemented Image from next/image with
 relevant alt tag for accessibilty

---
 src/components/Clients.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/Clients.js b/src/components/Clients.js
index 4026d97..50a6f77 100644
--- a/src/components/Clients.js
+++ b/src/components/Clients.js
@@ -1,4 +1,6 @@
 import React from 'react'
+import Image from 'next/image'
+
 
 const Clients = () => {
   return (
@@ -9,11 +11,13 @@ const Clients = () => {
       </h2>
 
       <div className="flex items-center justify-center pb-40">
-        <img
+        <Image
+          alt='This is a client logo for The Hawaii Zoning Atlus'
           src="./assets/projectsAssets/client1.png"
           className="h-full  w-1/3 lg:w-1/4 "
         />
-        <img
+        <Image
+          alt='This is a client logo for The Civil Beat - Law Center For Public Interest'
           src="./assets/projectsAssets/client2.png"
           className="h-full w-1/3 lg:w-1/4 "
         />

From 62e126b379c321911088853550e18ea89e187af4 Mon Sep 17 00:00:00 2001
From: Kobe <kobetbuckley@gmail.com>
Date: Mon, 18 Sep 2023 21:21:08 -1000
Subject: [PATCH 02/20] HomePage: Implemented Image from next/image with
 relevant alt tag for accessibilty

---
 src/components/HomePage.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/HomePage.js b/src/components/HomePage.js
index b9af0c0..0179ad7 100644
--- a/src/components/HomePage.js
+++ b/src/components/HomePage.js
@@ -1,4 +1,5 @@
 import React from 'react'
+import Image from 'next/image'
 import { FaMeetup } from "react-icons/fa";
 import NavBar from './NavBar';
 
@@ -8,7 +9,7 @@ const HomePage = () => {
       <NavBar />
       <div className="max-h-full flex items-center justify-center flex-col lg:flex-row">
         <div className="scale-[80%]  2xl:scale-90 xl:pl-20 flex flex-col items-center">
-          <img src="hero-image.png" className="w-full max-w-[900px] animate-float" />
+          <Image alt='This is a picture of an island with palm trees, a pineapple, coconut, surfboard, flower, starfish, shells, river, sandals, and a laptop.' src="hero-image.png" className="w-full max-w-[900px] animate-float" />
           <div className='w-1/3 h-4 mt-12 rounded-full blur-2xl bg-gradient-to-t bg-black'></div>
         </div>
 

From 35305b07a225f0fc2c26c2c6ee3c67b2e7dbc3bf Mon Sep 17 00:00:00 2001
From: Kobe <kobetbuckley@gmail.com>
Date: Mon, 18 Sep 2023 21:27:07 -1000
Subject: [PATCH 03/20] Logo: Implemented Image from next/image with relevant
 alt tag for accessibilty

---
 src/components/Logo.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/Logo.js b/src/components/Logo.js
index e439340..38c79db 100644
--- a/src/components/Logo.js
+++ b/src/components/Logo.js
@@ -1,6 +1,6 @@
-import Link from 'next/link'
 import React from 'react'
-
+import Link from 'next/link'
+import Image from 'next/image'
 
 
 
@@ -8,10 +8,11 @@ const Logo = () => {
   return (
     
       <Link href="/" whileHover={{ scale: 1.5 }}>
-        <img
+        <Image
+          alt='This is a logo of Code with Aloha represented by the name, as well as an orange lightbulb with the torch like yellow flame akin to a sunset scene.'
           src="../logo.png"
           className="xl:max-h-24 max-h-[3rem] cursor-pointer m-2 hover:animate-pulse"
-        ></img>
+        />
       </Link>
     
   );

From 647d5108d18b1bd8c4076e997b4def500371246e Mon Sep 17 00:00:00 2001
From: Kobe <kobetbuckley@gmail.com>
Date: Mon, 18 Sep 2023 21:28:51 -1000
Subject: [PATCH 04/20] OurFocus: Implemented Image from next/image

---
 src/components/OurFocus.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/OurFocus.js b/src/components/OurFocus.js
index 8890cf8..9a71f1f 100644
--- a/src/components/OurFocus.js
+++ b/src/components/OurFocus.js
@@ -1,11 +1,12 @@
 import React from "react";
+import Image from 'next/image'
 
 const TextBlock = ({ src, alt, title, text, className = "" }) => {
   return (
     <div
       className={`flex items-center justify-between gap-10 px-4 lg:px-10 flex-col xl:flex-row ${className}`}
     >
-      <img src={src} alt={alt} className="h-100 xl:p-10 pt-20" />
+      <Image src={src} alt={alt} className="h-100 xl:p-10 pt-20" />
       <div className="max-w-lg">
         <h4 className="xl:text-5xl text-3xl font-semibold mb-10 text-center font-satisfy">
           {title}

From e620eaa0971bd671d5a3ca87c8cd35484fb48330 Mon Sep 17 00:00:00 2001
From: Kobe <kobetbuckley@gmail.com>
Date: Mon, 18 Sep 2023 21:40:31 -1000
Subject: [PATCH 05/20] Projects: Implemented Image from next/image with
 relevant alt tags for accessibilty

---
 src/components/Projects.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/Projects.js b/src/components/Projects.js
index 6b9d95d..6ecb60e 100644
--- a/src/components/Projects.js
+++ b/src/components/Projects.js
@@ -1,4 +1,5 @@
 import React, { useState } from "react";
+import Image from 'next/image'
 import HistoricalProjects from "./HistoricalProjects";
 import Clients from "./Clients";
 
@@ -10,7 +11,7 @@ export const ProjectCard = ({ src, title, text, className = "" , handleClick}) =
      "
       onClick={handleClick}
     >
-      <img src={src} className={`${className}  w-2/3 rounded-lg`} />
+      <Image alt='List of projects including Hawaii Zoning Atlas, Habitat for Humanity, and Hierr (Hawaii Economic Recovery & Resilience )' src={src} className={`${className}  w-2/3 rounded-lg`} />
       <h5 className="font-semibold text-3xl py-6">{title} </h5>
       <p className=" w-3/5  text-md xl:text-xl">{text}</p>
     </div>
@@ -40,7 +41,8 @@ const Projects = () => {
         ></div>
       ) : null}
 
-      <img
+      <Image
+        alt="A picture of a folder"
         src="./assets/projectsAssets/projects.png"
         className="lg:h-40 h-24 mt-20"
       />

From 653f46ba4caa16afb67e70e602f22d893fb425cc Mon Sep 17 00:00:00 2001
From: Kobe <kobetbuckley@gmail.com>
Date: Mon, 18 Sep 2023 21:42:27 -1000
Subject: [PATCH 06/20] Team: Implemented Imsge from next/image

---
 src/components/Team.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Team.js b/src/components/Team.js
index f33d909..f0e779d 100644
--- a/src/components/Team.js
+++ b/src/components/Team.js
@@ -1,10 +1,11 @@
 import React from "react";
+import Image from 'next/image'
 import { AiOutlineMail } from "react-icons/ai";
 
 const TeamMember = ({ src, name }) => {
   return (
     <div className='flex flex-col justify-center m-8 text-center hover:scale-105'>
-      <img
+      <Image
         alt=''
         className='self-center  flex-shrink-0 w-32 h-32 mb-4 bg-center bg-cover rounded-full dark:bg-gray-500'
         src={src}

From ae417985d9d76869e5552494dbca3c5263c7db17 Mon Sep 17 00:00:00 2001
From: Kobe <kobetbuckley@gmail.com>
Date: Mon, 18 Sep 2023 21:46:24 -1000
Subject: [PATCH 07/20] What to Expect: Implemented Image from next/image and
 included alt tags

---
 src/components/WhatToExpect.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/WhatToExpect.js b/src/components/WhatToExpect.js
index 69ca4f0..814ccf4 100644
--- a/src/components/WhatToExpect.js
+++ b/src/components/WhatToExpect.js
@@ -1,10 +1,10 @@
 import React from 'react'
-
+import Image from 'next/image'
 
 const TextBlock =({src, title, text}) => {
     return (
       <div className=" flex-1 h-12 flex items-center flex-col ">
-        <img src={src} className="h-12" />
+        <Image alt='Decorational images representing the Meet & Greet, Debrief on Projects and Announcements, and Participation in breakout rooms' src={src} className="h-12" />
         <h5
           className="font-extrabold py-8 text-transparent lg:text-3xl text-xl
           font-montserat bg-clip-text bg-gradient-to-r from-red-400 to-yellow-400"

From b68b78c4be82d586d057441339cce6042c2249b3 Mon Sep 17 00:00:00 2001
From: Kobe Buckley <kobetbuckley@gmail.com>
Date: Tue, 19 Sep 2023 21:00:29 -1000
Subject: [PATCH 08/20] Update src/components/HomePage.js

Co-authored-by: Michael Tamaki <michaeltamakidev@gmail.com>
---
 src/components/HomePage.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/HomePage.js b/src/components/HomePage.js
index 0179ad7..683d1fd 100644
--- a/src/components/HomePage.js
+++ b/src/components/HomePage.js
@@ -9,7 +9,7 @@ const HomePage = () => {
       <NavBar />
       <div className="max-h-full flex items-center justify-center flex-col lg:flex-row">
         <div className="scale-[80%]  2xl:scale-90 xl:pl-20 flex flex-col items-center">
-          <Image alt='This is a picture of an island with palm trees, a pineapple, coconut, surfboard, flower, starfish, shells, river, sandals, and a laptop.' src="hero-image.png" className="w-full max-w-[900px] animate-float" />
+          <Image alt='' src="hero-image.png" className="w-full max-w-[900px] animate-float" />
           <div className='w-1/3 h-4 mt-12 rounded-full blur-2xl bg-gradient-to-t bg-black'></div>
         </div>
 

From 33a3416041498b153d2488eb4b6d5cb872c837a4 Mon Sep 17 00:00:00 2001
From: Kobe Buckley <kobetbuckley@gmail.com>
Date: Tue, 19 Sep 2023 21:02:50 -1000
Subject: [PATCH 09/20] Update src/components/Logo.js

Co-authored-by: Michael Tamaki <michaeltamakidev@gmail.com>
---
 src/components/Logo.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Logo.js b/src/components/Logo.js
index 38c79db..2dd90b1 100644
--- a/src/components/Logo.js
+++ b/src/components/Logo.js
@@ -9,7 +9,7 @@ const Logo = () => {
     
       <Link href="/" whileHover={{ scale: 1.5 }}>
         <Image
-          alt='This is a logo of Code with Aloha represented by the name, as well as an orange lightbulb with the torch like yellow flame akin to a sunset scene.'
+          alt='Code with Aloha'
           src="../logo.png"
           className="xl:max-h-24 max-h-[3rem] cursor-pointer m-2 hover:animate-pulse"
         />

From ed32e95c4ac11687027c117292f47e872b97eaef Mon Sep 17 00:00:00 2001
From: Kobe <kobetbuckley@gmail.com>
Date: Tue, 19 Sep 2023 21:31:50 -1000
Subject: [PATCH 10/20] Updated -> alt changes && Our Focus + Our Projects alt
 format matched

---
 src/components/Clients.js      | 4 ++--
 src/components/Logo.js         | 2 +-
 src/components/Projects.js     | 7 +++++--
 src/components/WhatToExpect.js | 2 +-
 4 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/Clients.js b/src/components/Clients.js
index 50a6f77..93d5ff6 100644
--- a/src/components/Clients.js
+++ b/src/components/Clients.js
@@ -12,12 +12,12 @@ const Clients = () => {
 
       <div className="flex items-center justify-center pb-40">
         <Image
-          alt='This is a client logo for The Hawaii Zoning Atlus'
+          alt='Hawaii Zoning Atlus'
           src="./assets/projectsAssets/client1.png"
           className="h-full  w-1/3 lg:w-1/4 "
         />
         <Image
-          alt='This is a client logo for The Civil Beat - Law Center For Public Interest'
+          alt='The Civil Beat - Law Center For Public Interest'
           src="./assets/projectsAssets/client2.png"
           className="h-full w-1/3 lg:w-1/4 "
         />
diff --git a/src/components/Logo.js b/src/components/Logo.js
index 2dd90b1..1ec5c54 100644
--- a/src/components/Logo.js
+++ b/src/components/Logo.js
@@ -9,7 +9,7 @@ const Logo = () => {
     
       <Link href="/" whileHover={{ scale: 1.5 }}>
         <Image
-          alt='Code with Aloha'
+          alt='Code with Aloha logo'
           src="../logo.png"
           className="xl:max-h-24 max-h-[3rem] cursor-pointer m-2 hover:animate-pulse"
         />
diff --git a/src/components/Projects.js b/src/components/Projects.js
index 6ecb60e..f1f5877 100644
--- a/src/components/Projects.js
+++ b/src/components/Projects.js
@@ -11,7 +11,7 @@ export const ProjectCard = ({ src, title, text, className = "" , handleClick}) =
      "
       onClick={handleClick}
     >
-      <Image alt='List of projects including Hawaii Zoning Atlas, Habitat for Humanity, and Hierr (Hawaii Economic Recovery & Resilience )' src={src} className={`${className}  w-2/3 rounded-lg`} />
+      <Image src={src} alt={alt} className={`${className}  w-2/3 rounded-lg`} />
       <h5 className="font-semibold text-3xl py-6">{title} </h5>
       <p className=" w-3/5  text-md xl:text-xl">{text}</p>
     </div>
@@ -42,7 +42,7 @@ const Projects = () => {
       ) : null}
 
       <Image
-        alt="A picture of a folder"
+        alt=""
         src="./assets/projectsAssets/projects.png"
         className="lg:h-40 h-24 mt-20"
       />
@@ -59,6 +59,7 @@ const Projects = () => {
       <div className=" flex pt-10  gap-20 flex-col xl:flex-row">
         <ProjectCard
           src="./assets/projectsAssets/HawaiiZoningAtlas.png"
+          alt="hawaii zoning atlas illustration"
           title="Hawaii Zoning Atlas"
           text="An interactive map exploring how restrictive zoning laws can make it
             difficult to build diverse, affordable housing."
@@ -66,6 +67,7 @@ const Projects = () => {
 
         <ProjectCard
           src="./assets/projectsAssets/habitat-full.jpg"
+          alt="habitat for humanity illustration"
           title="Habitat for Humanity"
           text=" A nonprofit organization that helps people
             in your community and around the world build or improve a place they
@@ -75,6 +77,7 @@ const Projects = () => {
 
         <ProjectCard
           src="./assets/projectsAssets/HIERR.png"
+          alt="HIERR illustration"
           title="HIERR"
           text="The HIERR Project aims to enable actions toward a more resilient,
             equitable, and sustainable economy."
diff --git a/src/components/WhatToExpect.js b/src/components/WhatToExpect.js
index 814ccf4..488d51c 100644
--- a/src/components/WhatToExpect.js
+++ b/src/components/WhatToExpect.js
@@ -4,7 +4,7 @@ import Image from 'next/image'
 const TextBlock =({src, title, text}) => {
     return (
       <div className=" flex-1 h-12 flex items-center flex-col ">
-        <Image alt='Decorational images representing the Meet & Greet, Debrief on Projects and Announcements, and Participation in breakout rooms' src={src} className="h-12" />
+        <Image alt='' src={src} className="h-12" />
         <h5
           className="font-extrabold py-8 text-transparent lg:text-3xl text-xl
           font-montserat bg-clip-text bg-gradient-to-r from-red-400 to-yellow-400"

From f023d4ba333199afee8f6b996ae799b97d04d4e1 Mon Sep 17 00:00:00 2001
From: Kobe <kobetbuckley@gmail.com>
Date: Tue, 19 Sep 2023 22:11:12 -1000
Subject: [PATCH 11/20] all files include the proper width and height
 dimensions (currently using the ='' format)

---
 src/components/Clients.js      |  4 ++++
 src/components/HomePage.js     |  2 +-
 src/components/Logo.js         |  2 ++
 src/components/OurFocus.js     |  8 +++++++-
 src/components/Projects.js     | 11 ++++++++++-
 src/components/Team.js         | 11 +++++++----
 src/components/WhatToExpect.js |  8 +++++++-
 7 files changed, 38 insertions(+), 8 deletions(-)

diff --git a/src/components/Clients.js b/src/components/Clients.js
index 93d5ff6..889fc7c 100644
--- a/src/components/Clients.js
+++ b/src/components/Clients.js
@@ -14,11 +14,15 @@ const Clients = () => {
         <Image
           alt='Hawaii Zoning Atlus'
           src="./assets/projectsAssets/client1.png"
+          width='500'
+          height='500'
           className="h-full  w-1/3 lg:w-1/4 "
         />
         <Image
           alt='The Civil Beat - Law Center For Public Interest'
           src="./assets/projectsAssets/client2.png"
+          width='500'
+          height='500'
           className="h-full w-1/3 lg:w-1/4 "
         />
       </div>
diff --git a/src/components/HomePage.js b/src/components/HomePage.js
index 683d1fd..cb369c9 100644
--- a/src/components/HomePage.js
+++ b/src/components/HomePage.js
@@ -9,7 +9,7 @@ const HomePage = () => {
       <NavBar />
       <div className="max-h-full flex items-center justify-center flex-col lg:flex-row">
         <div className="scale-[80%]  2xl:scale-90 xl:pl-20 flex flex-col items-center">
-          <Image alt='' src="hero-image.png" className="w-full max-w-[900px] animate-float" />
+          <Image alt='' src="hero-image.png" width='1300' height='1300' className="w-full max-w-[900px] animate-float" />
           <div className='w-1/3 h-4 mt-12 rounded-full blur-2xl bg-gradient-to-t bg-black'></div>
         </div>
 
diff --git a/src/components/Logo.js b/src/components/Logo.js
index 1ec5c54..1cd2e8b 100644
--- a/src/components/Logo.js
+++ b/src/components/Logo.js
@@ -11,6 +11,8 @@ const Logo = () => {
         <Image
           alt='Code with Aloha logo'
           src="../logo.png"
+          width='500'
+          height='500'
           className="xl:max-h-24 max-h-[3rem] cursor-pointer m-2 hover:animate-pulse"
         />
       </Link>
diff --git a/src/components/OurFocus.js b/src/components/OurFocus.js
index 9a71f1f..9adb69f 100644
--- a/src/components/OurFocus.js
+++ b/src/components/OurFocus.js
@@ -6,7 +6,7 @@ const TextBlock = ({ src, alt, title, text, className = "" }) => {
     <div
       className={`flex items-center justify-between gap-10 px-4 lg:px-10 flex-col xl:flex-row ${className}`}
     >
-      <Image src={src} alt={alt} className="h-100 xl:p-10 pt-20" />
+      <Image src={src} alt={alt} width={width} height={height} className="h-100 xl:p-10 pt-20" />
       <div className="max-w-lg">
         <h4 className="xl:text-5xl text-3xl font-semibold mb-10 text-center font-satisfy">
           {title}
@@ -31,6 +31,8 @@ const OurFocus = () => {
         <TextBlock
           src="./assets/meet.png"
           alt="meet illustration"
+          width='500'
+          height='283'
           title="Meet new people"
           text="Meet supportive people like you who care. If you are passionate
               about helping others, Code With Aloha is perfect to support you."
@@ -39,6 +41,8 @@ const OurFocus = () => {
         <TextBlock
           src="./assets/progress.png"
           alt="make an impact illustration"
+          width='500'
+          height='266'
           title="Make a Difference"
           text="Make a difference contributing to Hawaiian social impact projects.
               Leverage technology to help organizations solve problems."
@@ -48,6 +52,8 @@ const OurFocus = () => {
         <TextBlock
           src="./assets/experience.png"
           alt="gain experience illustration"
+          width='500'
+          height='215'
           title="Gain Experience"
           text="Gain experience as a beginner, pay it forward as a mentor. We help
               each other grow and together we make a difference in our
diff --git a/src/components/Projects.js b/src/components/Projects.js
index f1f5877..d59c293 100644
--- a/src/components/Projects.js
+++ b/src/components/Projects.js
@@ -2,6 +2,7 @@ import React, { useState } from "react";
 import Image from 'next/image'
 import HistoricalProjects from "./HistoricalProjects";
 import Clients from "./Clients";
+import { headers } from "next/dist/client/components/headers";
 
 
 export const ProjectCard = ({ src, title, text, className = "" , handleClick}) => {
@@ -11,7 +12,7 @@ export const ProjectCard = ({ src, title, text, className = "" , handleClick}) =
      "
       onClick={handleClick}
     >
-      <Image src={src} alt={alt} className={`${className}  w-2/3 rounded-lg`} />
+      <Image src={src} alt={alt} width={width} height={height} className={`${className}  w-2/3 rounded-lg`} />
       <h5 className="font-semibold text-3xl py-6">{title} </h5>
       <p className=" w-3/5  text-md xl:text-xl">{text}</p>
     </div>
@@ -44,6 +45,8 @@ const Projects = () => {
       <Image
         alt=""
         src="./assets/projectsAssets/projects.png"
+        width='500'
+        headers='500'
         className="lg:h-40 h-24 mt-20"
       />
       <h2 className="text-4xl xl:text-7xl drop-shadow-xl text-center">
@@ -60,6 +63,8 @@ const Projects = () => {
         <ProjectCard
           src="./assets/projectsAssets/HawaiiZoningAtlas.png"
           alt="hawaii zoning atlas illustration"
+          width='1325'
+          height='985'
           title="Hawaii Zoning Atlas"
           text="An interactive map exploring how restrictive zoning laws can make it
             difficult to build diverse, affordable housing."
@@ -68,6 +73,8 @@ const Projects = () => {
         <ProjectCard
           src="./assets/projectsAssets/habitat-full.jpg"
           alt="habitat for humanity illustration"
+          width='1080'
+          height='1080'
           title="Habitat for Humanity"
           text=" A nonprofit organization that helps people
             in your community and around the world build or improve a place they
@@ -78,6 +85,8 @@ const Projects = () => {
         <ProjectCard
           src="./assets/projectsAssets/HIERR.png"
           alt="HIERR illustration"
+          width='1126'
+          height='873'
           title="HIERR"
           text="The HIERR Project aims to enable actions toward a more resilient,
             equitable, and sustainable economy."
diff --git a/src/components/Team.js b/src/components/Team.js
index f0e779d..0f70693 100644
--- a/src/components/Team.js
+++ b/src/components/Team.js
@@ -7,6 +7,9 @@ const TeamMember = ({ src, name }) => {
     <div className='flex flex-col justify-center m-8 text-center hover:scale-105'>
       <Image
         alt=''
+        width={width}
+        height={height}
+
         className='self-center  flex-shrink-0 w-32 h-32 mb-4 bg-center bg-cover rounded-full dark:bg-gray-500'
         src={src}
       />
@@ -39,10 +42,10 @@ const Team = () => {
       <h2 className='text-md xl:text-xl px-2'>codewithaloha@gmail.com</h2>{" "}
       <div className='container flex flex-col items-center justify-center  mx-auto pt-10 pb-20'>
         <div className='flex flex-row flex-wrap justify-center '>
-          <TeamMember src='./assets/TreyGordner.jpeg/' name='Trey Gordner' />
-          <TeamMember src='./assets/TylerChong.jpeg/' name='Tyler Chong' />
-          <TeamMember src='./assets/MikeAvendano.jpeg/' name='Mike Avendano' />
-          <TeamMember src='./assets/KurtMalley.jpeg/' name='Kurt Malley' />
+          <TeamMember width='450' height='450' src='./assets/TreyGordner.jpeg/' name='Trey Gordner' />
+          <TeamMember width='460' height='460' src='./assets/TylerChong.jpeg/' name='Tyler Chong' />
+          <TeamMember width='517' height='517' src='./assets/MikeAvendano.jpeg/' name='Mike Avendano' />
+          <TeamMember width='200' height='200' src='./assets/KurtMalley.jpeg/' name='Kurt Malley' />
         </div>
       </div>
     </>
diff --git a/src/components/WhatToExpect.js b/src/components/WhatToExpect.js
index 488d51c..dc0d37a 100644
--- a/src/components/WhatToExpect.js
+++ b/src/components/WhatToExpect.js
@@ -4,7 +4,7 @@ import Image from 'next/image'
 const TextBlock =({src, title, text}) => {
     return (
       <div className=" flex-1 h-12 flex items-center flex-col ">
-        <Image alt='' src={src} className="h-12" />
+        <Image alt='' src={src} width={width} height={height} className="h-12" />
         <h5
           className="font-extrabold py-8 text-transparent lg:text-3xl text-xl
           font-montserat bg-clip-text bg-gradient-to-r from-red-400 to-yellow-400"
@@ -29,6 +29,8 @@ const WhatToExpect = () => {
       <div className="flex gap-10 flex-col xl:flex-row lg:pb-40">
         <TextBlock
           src="./assets/one.png"
+          width='500'
+          height='500'
           title="Meet & Greet"
           text="We start each meeting with a land acknowledgement, Code for
             Americaʻs Code of Conduct, and a full round of introductions
@@ -38,6 +40,8 @@ const WhatToExpect = () => {
 
         <TextBlock
           src="./assets/two.png"
+          width='500'
+          height='500'
           title="Debrief on projects and announcements"
           text="  We will share key milestones, updates, and blockers on projects as
             well as relevant news from Code for America including participating
@@ -49,6 +53,8 @@ const WhatToExpect = () => {
 
         <TextBlock
           src="./assets/three.png"
+          width='500'
+          height='500'
           title="Participate in breakout rooms"
           text="Each month the brigade selects a Focus Project that we all work on
             together as a brigade. We also work on developing several other

From 735953956201a5adacad7bea06c17fc6b92e9334 Mon Sep 17 00:00:00 2001
From: Kobe <kobetbuckley@gmail.com>
Date: Tue, 19 Sep 2023 22:44:23 -1000
Subject: [PATCH 12/20] updated code to fix errors

---
 src/components/OurFocus.js     | 2 +-
 src/components/Projects.js     | 2 +-
 src/components/Team.js         | 3 ---
 src/components/WhatToExpect.js | 2 +-
 4 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/components/OurFocus.js b/src/components/OurFocus.js
index 9adb69f..c0cb301 100644
--- a/src/components/OurFocus.js
+++ b/src/components/OurFocus.js
@@ -6,7 +6,7 @@ const TextBlock = ({ src, alt, title, text, className = "" }) => {
     <div
       className={`flex items-center justify-between gap-10 px-4 lg:px-10 flex-col xl:flex-row ${className}`}
     >
-      <Image src={src} alt={alt} width={width} height={height} className="h-100 xl:p-10 pt-20" />
+      <Image src={src} alt='' className="h-100 xl:p-10 pt-20" />
       <div className="max-w-lg">
         <h4 className="xl:text-5xl text-3xl font-semibold mb-10 text-center font-satisfy">
           {title}
diff --git a/src/components/Projects.js b/src/components/Projects.js
index d59c293..023ffa5 100644
--- a/src/components/Projects.js
+++ b/src/components/Projects.js
@@ -12,7 +12,7 @@ export const ProjectCard = ({ src, title, text, className = "" , handleClick}) =
      "
       onClick={handleClick}
     >
-      <Image src={src} alt={alt} width={width} height={height} className={`${className}  w-2/3 rounded-lg`} />
+      <Image src={src} alt ='' className={`${className}  w-2/3 rounded-lg`} />
       <h5 className="font-semibold text-3xl py-6">{title} </h5>
       <p className=" w-3/5  text-md xl:text-xl">{text}</p>
     </div>
diff --git a/src/components/Team.js b/src/components/Team.js
index 0f70693..bfc212c 100644
--- a/src/components/Team.js
+++ b/src/components/Team.js
@@ -7,9 +7,6 @@ const TeamMember = ({ src, name }) => {
     <div className='flex flex-col justify-center m-8 text-center hover:scale-105'>
       <Image
         alt=''
-        width={width}
-        height={height}
-
         className='self-center  flex-shrink-0 w-32 h-32 mb-4 bg-center bg-cover rounded-full dark:bg-gray-500'
         src={src}
       />
diff --git a/src/components/WhatToExpect.js b/src/components/WhatToExpect.js
index dc0d37a..70cd4d9 100644
--- a/src/components/WhatToExpect.js
+++ b/src/components/WhatToExpect.js
@@ -4,7 +4,7 @@ import Image from 'next/image'
 const TextBlock =({src, title, text}) => {
     return (
       <div className=" flex-1 h-12 flex items-center flex-col ">
-        <Image alt='' src={src} width={width} height={height} className="h-12" />
+        <Image alt='' src={src} className="h-12" />
         <h5
           className="font-extrabold py-8 text-transparent lg:text-3xl text-xl
           font-montserat bg-clip-text bg-gradient-to-r from-red-400 to-yellow-400"

From 62f8a402e520be86b16ecb43b258043d0b85a4a0 Mon Sep 17 00:00:00 2001
From: Kobe <kobetbuckley@gmail.com>
Date: Tue, 19 Sep 2023 23:21:13 -1000
Subject: [PATCH 13/20] fill broke it; need to go back through with npm run dev
 running and check over details

---
 src/components/Clients.js            |  4 ++--
 src/components/HistoricalProjects.js |  4 ++--
 src/components/HomePage.js           |  2 +-
 src/components/Logo.js               |  2 +-
 src/components/OurFocus.js           |  8 ++++----
 src/components/Projects.js           | 12 ++++++------
 src/components/WhatToExpect.js       |  8 ++++----
 7 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/components/Clients.js b/src/components/Clients.js
index 889fc7c..3abe9c8 100644
--- a/src/components/Clients.js
+++ b/src/components/Clients.js
@@ -13,14 +13,14 @@ const Clients = () => {
       <div className="flex items-center justify-center pb-40">
         <Image
           alt='Hawaii Zoning Atlus'
-          src="./assets/projectsAssets/client1.png"
+          src="/./assets/projectsAssets/client1.png"
           width='500'
           height='500'
           className="h-full  w-1/3 lg:w-1/4 "
         />
         <Image
           alt='The Civil Beat - Law Center For Public Interest'
-          src="./assets/projectsAssets/client2.png"
+          src="/./assets/projectsAssets/client2.png"
           width='500'
           height='500'
           className="h-full w-1/3 lg:w-1/4 "
diff --git a/src/components/HistoricalProjects.js b/src/components/HistoricalProjects.js
index 99ee1cd..a0b71e1 100644
--- a/src/components/HistoricalProjects.js
+++ b/src/components/HistoricalProjects.js
@@ -10,13 +10,13 @@ const HistoricalProjects = () => {
       </h2>
       <div className=" flex gap-10 flex-col xl:flex-row ">
         <ProjectCard
-          src="./assets/projectsAssets/foodoasis.jpg"
+          // src="./assets/projectsAssets/foodoasis.jpg"
           title="FOOD OASIS"
           text="Resource for Community Food Help"
         />
 
         <ProjectCard
-          src="./assets/projectsAssets/uipa.jpg"
+          src="/./assets/projectsAssets/uipa.jpg"
           title="UIPA.ORG"
           text="Publishes public records and request"
           className="max-h-1/2"
diff --git a/src/components/HomePage.js b/src/components/HomePage.js
index cb369c9..1410169 100644
--- a/src/components/HomePage.js
+++ b/src/components/HomePage.js
@@ -9,7 +9,7 @@ const HomePage = () => {
       <NavBar />
       <div className="max-h-full flex items-center justify-center flex-col lg:flex-row">
         <div className="scale-[80%]  2xl:scale-90 xl:pl-20 flex flex-col items-center">
-          <Image alt='' src="hero-image.png" width='1300' height='1300' className="w-full max-w-[900px] animate-float" />
+          <Image alt='' src="/hero-image.png" width='1300' height='1300' className="w-full max-w-[900px] animate-float" />
           <div className='w-1/3 h-4 mt-12 rounded-full blur-2xl bg-gradient-to-t bg-black'></div>
         </div>
 
diff --git a/src/components/Logo.js b/src/components/Logo.js
index 1cd2e8b..ee03438 100644
--- a/src/components/Logo.js
+++ b/src/components/Logo.js
@@ -10,7 +10,7 @@ const Logo = () => {
       <Link href="/" whileHover={{ scale: 1.5 }}>
         <Image
           alt='Code with Aloha logo'
-          src="../logo.png"
+          src="/../logo.png"
           width='500'
           height='500'
           className="xl:max-h-24 max-h-[3rem] cursor-pointer m-2 hover:animate-pulse"
diff --git a/src/components/OurFocus.js b/src/components/OurFocus.js
index dc3917b..197217e 100644
--- a/src/components/OurFocus.js
+++ b/src/components/OurFocus.js
@@ -6,7 +6,7 @@ const TextBlock = ({ src, alt, title, text, className = "" }) => {
     <div
       className={`flex items-center justify-between gap-10 px-4 lg:px-10 flex-col xl:flex-row ${className}`}
     >
-      <Image src={src} alt='' className="h-100 xl:p-10 pt-20" />
+      <Image fill src={src} alt='' className="h-100 xl:p-10 pt-20" />
       <div className="max-w-lg">
         <h4 className="xl:text-5xl text-3xl font-semibold mb-10 text-center font-satisfy">
           {title}
@@ -29,7 +29,7 @@ const OurFocus = () => {
           Our focus{" "}
         </h2>
         <TextBlock
-          src="./assets/meet.png"
+          src="/./assets/meet.png"
           alt="meet illustration"
           width='500'
           height='283'
@@ -40,7 +40,7 @@ const OurFocus = () => {
         />
 
         <TextBlock
-          src="./assets/progress.png"
+          src="/./assets/progress.png"
           alt="make an impact illustration"
           width='500'
           height='266'
@@ -51,7 +51,7 @@ const OurFocus = () => {
         />
 
         <TextBlock
-          src="./assets/experience.png"
+          src="/./assets/experience.png"
           alt="gain experience illustration"
           width='500'
           height='215'
diff --git a/src/components/Projects.js b/src/components/Projects.js
index 023ffa5..4d90b5a 100644
--- a/src/components/Projects.js
+++ b/src/components/Projects.js
@@ -12,7 +12,7 @@ export const ProjectCard = ({ src, title, text, className = "" , handleClick}) =
      "
       onClick={handleClick}
     >
-      <Image src={src} alt ='' className={`${className}  w-2/3 rounded-lg`} />
+      <Image fill src={src} alt ='' className={`${className}  w-2/3 rounded-lg`} />
       <h5 className="font-semibold text-3xl py-6">{title} </h5>
       <p className=" w-3/5  text-md xl:text-xl">{text}</p>
     </div>
@@ -44,9 +44,9 @@ const Projects = () => {
 
       <Image
         alt=""
-        src="./assets/projectsAssets/projects.png"
+        src="/./assets/projectsAssets/projects.png"
         width='500'
-        headers='500'
+        height='500'
         className="lg:h-40 h-24 mt-20"
       />
       <h2 className="text-4xl xl:text-7xl drop-shadow-xl text-center">
@@ -61,7 +61,7 @@ const Projects = () => {
 
       <div className=" flex pt-10  gap-20 flex-col xl:flex-row">
         <ProjectCard
-          src="./assets/projectsAssets/HawaiiZoningAtlas.png"
+          src="/./assets/projectsAssets/HawaiiZoningAtlas.png"
           alt="hawaii zoning atlas illustration"
           width='1325'
           height='985'
@@ -71,7 +71,7 @@ const Projects = () => {
         />
 
         <ProjectCard
-          src="./assets/projectsAssets/habitat-full.jpg"
+          src="/./assets/projectsAssets/habitat-full.jpg"
           alt="habitat for humanity illustration"
           width='1080'
           height='1080'
@@ -83,7 +83,7 @@ const Projects = () => {
         />
 
         <ProjectCard
-          src="./assets/projectsAssets/HIERR.png"
+          src="/./assets/projectsAssets/HIERR.png"
           alt="HIERR illustration"
           width='1126'
           height='873'
diff --git a/src/components/WhatToExpect.js b/src/components/WhatToExpect.js
index 70cd4d9..c3f744f 100644
--- a/src/components/WhatToExpect.js
+++ b/src/components/WhatToExpect.js
@@ -4,7 +4,7 @@ import Image from 'next/image'
 const TextBlock =({src, title, text}) => {
     return (
       <div className=" flex-1 h-12 flex items-center flex-col ">
-        <Image alt='' src={src} className="h-12" />
+        <Image fill alt='' src={src} className="h-12" />
         <h5
           className="font-extrabold py-8 text-transparent lg:text-3xl text-xl
           font-montserat bg-clip-text bg-gradient-to-r from-red-400 to-yellow-400"
@@ -28,7 +28,7 @@ const WhatToExpect = () => {
 
       <div className="flex gap-10 flex-col xl:flex-row lg:pb-40">
         <TextBlock
-          src="./assets/one.png"
+          src="/./assets/one.png"
           width='500'
           height='500'
           title="Meet & Greet"
@@ -39,7 +39,7 @@ const WhatToExpect = () => {
         />
 
         <TextBlock
-          src="./assets/two.png"
+          src="/./assets/two.png"
           width='500'
           height='500'
           title="Debrief on projects and announcements"
@@ -52,7 +52,7 @@ const WhatToExpect = () => {
         />
 
         <TextBlock
-          src="./assets/three.png"
+          src="/./assets/three.png"
           width='500'
           height='500'
           title="Participate in breakout rooms"

From e0819e7878790d11504e7a41da249b54e4426424 Mon Sep 17 00:00:00 2001
From: Kobe <kobetbuckley@gmail.com>
Date: Thu, 21 Sep 2023 08:52:22 -1000
Subject: [PATCH 14/20] general styling fixes with image

---
 src/components/Clients.js            | 2 +-
 src/components/HistoricalProjects.js | 6 +++++-
 src/components/HomePage.js           | 3 ++-
 src/components/Logo.js               | 4 ++--
 src/components/OurFocus.js           | 4 ++--
 src/components/Projects.js           | 7 +++----
 src/components/WhatToExpect.js       | 4 ++--
 7 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/components/Clients.js b/src/components/Clients.js
index 3abe9c8..7b1a86f 100644
--- a/src/components/Clients.js
+++ b/src/components/Clients.js
@@ -26,7 +26,7 @@ const Clients = () => {
           className="h-full w-1/3 lg:w-1/4 "
         />
       </div>
-    </div>
+    </div> 
   );
 }
 
diff --git a/src/components/HistoricalProjects.js b/src/components/HistoricalProjects.js
index a0b71e1..241ebc2 100644
--- a/src/components/HistoricalProjects.js
+++ b/src/components/HistoricalProjects.js
@@ -10,13 +10,17 @@ const HistoricalProjects = () => {
       </h2>
       <div className=" flex gap-10 flex-col xl:flex-row ">
         <ProjectCard
-          // src="./assets/projectsAssets/foodoasis.jpg"
+          src="/./assets/projectsAssets/foodoasis.jpg"
+          width='400'
+          height='300'
           title="FOOD OASIS"
           text="Resource for Community Food Help"
         />
 
         <ProjectCard
           src="/./assets/projectsAssets/uipa.jpg"
+          width='400'
+          height='300'
           title="UIPA.ORG"
           text="Publishes public records and request"
           className="max-h-1/2"
diff --git a/src/components/HomePage.js b/src/components/HomePage.js
index 1410169..792afe3 100644
--- a/src/components/HomePage.js
+++ b/src/components/HomePage.js
@@ -5,7 +5,8 @@ import NavBar from './NavBar';
 
 const HomePage = () => {
   return (
-    <section className="h-screen overflow-x-hidden bg-gradient-to-tr from-cyan-200 to bg-white">
+    <section className="h-screen overflow-x-hidden overflow-y-hidden bg-gradient-to-tr from-cyan-200 to bg-white">
+
       <NavBar />
       <div className="max-h-full flex items-center justify-center flex-col lg:flex-row">
         <div className="scale-[80%]  2xl:scale-90 xl:pl-20 flex flex-col items-center">
diff --git a/src/components/Logo.js b/src/components/Logo.js
index ee03438..6420b1d 100644
--- a/src/components/Logo.js
+++ b/src/components/Logo.js
@@ -10,10 +10,10 @@ const Logo = () => {
       <Link href="/" whileHover={{ scale: 1.5 }}>
         <Image
           alt='Code with Aloha logo'
-          src="/../logo.png"
+          src="/../public/logo.png"
           width='500'
           height='500'
-          className="xl:max-h-24 max-h-[3rem] cursor-pointer m-2 hover:animate-pulse"
+          className="w-full xl:max-h-24 max-h-[3rem] cursor-pointer m-2 hover:animate-pulse"
         />
       </Link>
     
diff --git a/src/components/OurFocus.js b/src/components/OurFocus.js
index 197217e..4eee8bd 100644
--- a/src/components/OurFocus.js
+++ b/src/components/OurFocus.js
@@ -1,12 +1,12 @@
 import React from "react";
 import Image from 'next/image'
 
-const TextBlock = ({ src, alt, title, text, className = "" }) => {
+const TextBlock = ({ src, alt, width, height, title, text, className = "" }) => {
   return (
     <div
       className={`flex items-center justify-between gap-10 px-4 lg:px-10 flex-col xl:flex-row ${className}`}
     >
-      <Image fill src={src} alt='' className="h-100 xl:p-10 pt-20" />
+      <Image src={src} alt={alt} width={width} height={height} className="h-100 xl:p-10 pt-20" />
       <div className="max-w-lg">
         <h4 className="xl:text-5xl text-3xl font-semibold mb-10 text-center font-satisfy">
           {title}
diff --git a/src/components/Projects.js b/src/components/Projects.js
index 4d90b5a..d8d2c21 100644
--- a/src/components/Projects.js
+++ b/src/components/Projects.js
@@ -2,17 +2,16 @@ import React, { useState } from "react";
 import Image from 'next/image'
 import HistoricalProjects from "./HistoricalProjects";
 import Clients from "./Clients";
-import { headers } from "next/dist/client/components/headers";
 
 
-export const ProjectCard = ({ src, title, text, className = "" , handleClick}) => {
+export const ProjectCard = ({ src, alt, width, height, title, text, className = "" , handleClick}) => {
   return (
     <div
       className="relative flex-1 flex items-center  pb-8 flex-col text-center rounded-xl 
      "
       onClick={handleClick}
     >
-      <Image fill src={src} alt ='' className={`${className}  w-2/3 rounded-lg`} />
+      <Image src={src} alt={alt} width={width} height={height} className={`${className}  w-2/3 rounded-lg`} />
       <h5 className="font-semibold text-3xl py-6">{title} </h5>
       <p className=" w-3/5  text-md xl:text-xl">{text}</p>
     </div>
@@ -43,8 +42,8 @@ const Projects = () => {
       ) : null}
 
       <Image
-        alt=""
         src="/./assets/projectsAssets/projects.png"
+        alt=""
         width='500'
         height='500'
         className="lg:h-40 h-24 mt-20"
diff --git a/src/components/WhatToExpect.js b/src/components/WhatToExpect.js
index c3f744f..641355e 100644
--- a/src/components/WhatToExpect.js
+++ b/src/components/WhatToExpect.js
@@ -1,10 +1,10 @@
 import React from 'react'
 import Image from 'next/image'
 
-const TextBlock =({src, title, text}) => {
+const TextBlock =({src, alt, width, height, title, text}) => {
     return (
       <div className=" flex-1 h-12 flex items-center flex-col ">
-        <Image fill alt='' src={src} className="h-12" />
+        <Image src={src} alt='' width={width} height={height} className="h-12" />
         <h5
           className="font-extrabold py-8 text-transparent lg:text-3xl text-xl
           font-montserat bg-clip-text bg-gradient-to-r from-red-400 to-yellow-400"

From 71f0be51a894f23b1b2fe6e7eb6271c4583aa077 Mon Sep 17 00:00:00 2001
From: Kobe <kobetbuckley@gmail.com>
Date: Thu, 21 Sep 2023 09:01:16 -1000
Subject: [PATCH 15/20] updated images

---
 src/components/WhatToExpect.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/WhatToExpect.js b/src/components/WhatToExpect.js
index 641355e..a413ed4 100644
--- a/src/components/WhatToExpect.js
+++ b/src/components/WhatToExpect.js
@@ -26,7 +26,7 @@ const WhatToExpect = () => {
         What to expect at a meeting{" "}
       </h4>
 
-      <div className="flex gap-10 flex-col xl:flex-row lg:pb-40">
+      <div className="flex gap-10 flex-col xl:flex-row lg:pb-40 ">
         <TextBlock
           src="/./assets/one.png"
           width='500'
@@ -63,7 +63,6 @@ const WhatToExpect = () => {
             milestones on the Focus Project or explore projects in our
             Discovery Track."
         />
-
       
       </div>
       

From 2caa169058efbc85e3cf46273b43405c57c389ac Mon Sep 17 00:00:00 2001
From: Kobe <kobetbuckley@gmail.com>
Date: Thu, 21 Sep 2023 09:03:16 -1000
Subject: [PATCH 16/20] some stretched images still exist

---
 src/components/WhatToExpect.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/WhatToExpect.js b/src/components/WhatToExpect.js
index a413ed4..7c59d17 100644
--- a/src/components/WhatToExpect.js
+++ b/src/components/WhatToExpect.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import Image from 'next/image'
 
-const TextBlock =({src, alt, width, height, title, text}) => {
+const TextBlock =({src, width, height, title, text}) => {
     return (
       <div className=" flex-1 h-12 flex items-center flex-col ">
         <Image src={src} alt='' width={width} height={height} className="h-12" />

From dd27cda82985f3c954278cef0c1f329883580ed7 Mon Sep 17 00:00:00 2001
From: Kobe <kobetbuckley@gmail.com>
Date: Thu, 21 Sep 2023 11:46:19 -1000
Subject: [PATCH 17/20] one, two, and three are now no longer stretched

---
 src/components/WhatToExpect.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/WhatToExpect.js b/src/components/WhatToExpect.js
index 7c59d17..13c00d9 100644
--- a/src/components/WhatToExpect.js
+++ b/src/components/WhatToExpect.js
@@ -4,7 +4,7 @@ import Image from 'next/image'
 const TextBlock =({src, width, height, title, text}) => {
     return (
       <div className=" flex-1 h-12 flex items-center flex-col ">
-        <Image src={src} alt='' width={width} height={height} className="h-12" />
+        <Image src={src} alt='' width={width} height={height} className="h-12 w-12" />
         <h5
           className="font-extrabold py-8 text-transparent lg:text-3xl text-xl
           font-montserat bg-clip-text bg-gradient-to-r from-red-400 to-yellow-400"

From d977c973c5197fe3562a2f4eaa7de802fa59b25b Mon Sep 17 00:00:00 2001
From: Kobe <kobetbuckley@gmail.com>
Date: Thu, 21 Sep 2023 11:50:27 -1000
Subject: [PATCH 18/20] ALL images updated and formatted without stretched look

---
 src/components/Projects.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Projects.js b/src/components/Projects.js
index d8d2c21..4f8e31d 100644
--- a/src/components/Projects.js
+++ b/src/components/Projects.js
@@ -46,7 +46,7 @@ const Projects = () => {
         alt=""
         width='500'
         height='500'
-        className="lg:h-40 h-24 mt-20"
+        className="lg:h-40 lg:w-40 h-24 mt-20"
       />
       <h2 className="text-4xl xl:text-7xl drop-shadow-xl text-center">
         Active projects

From e6f4587476262bafef29842125f8748bb8fc62cb Mon Sep 17 00:00:00 2001
From: Kobe <kobetbuckley@gmail.com>
Date: Sun, 24 Sep 2023 19:43:24 -1000
Subject: [PATCH 19/20] updated width and height values to represent proper
 prop types such as number, rather than string values

---
 src/components/Clients.js            |  8 ++++----
 src/components/HistoricalProjects.js |  8 ++++----
 src/components/HomePage.js           |  2 +-
 src/components/Logo.js               |  4 ++--
 src/components/OurFocus.js           | 12 ++++++------
 src/components/Projects.js           | 12 ++++++------
 src/components/WhatToExpect.js       | 12 ++++++------
 7 files changed, 29 insertions(+), 29 deletions(-)

diff --git a/src/components/Clients.js b/src/components/Clients.js
index 7b1a86f..fc43384 100644
--- a/src/components/Clients.js
+++ b/src/components/Clients.js
@@ -14,15 +14,15 @@ const Clients = () => {
         <Image
           alt='Hawaii Zoning Atlus'
           src="/./assets/projectsAssets/client1.png"
-          width='500'
-          height='500'
+          width={500}
+          height={500}
           className="h-full  w-1/3 lg:w-1/4 "
         />
         <Image
           alt='The Civil Beat - Law Center For Public Interest'
           src="/./assets/projectsAssets/client2.png"
-          width='500'
-          height='500'
+          width={500}
+          height={500}
           className="h-full w-1/3 lg:w-1/4 "
         />
       </div>
diff --git a/src/components/HistoricalProjects.js b/src/components/HistoricalProjects.js
index 241ebc2..6a47428 100644
--- a/src/components/HistoricalProjects.js
+++ b/src/components/HistoricalProjects.js
@@ -11,16 +11,16 @@ const HistoricalProjects = () => {
       <div className=" flex gap-10 flex-col xl:flex-row ">
         <ProjectCard
           src="/./assets/projectsAssets/foodoasis.jpg"
-          width='400'
-          height='300'
+          width={400}
+          height={300}
           title="FOOD OASIS"
           text="Resource for Community Food Help"
         />
 
         <ProjectCard
           src="/./assets/projectsAssets/uipa.jpg"
-          width='400'
-          height='300'
+          width={400}
+          height={300}
           title="UIPA.ORG"
           text="Publishes public records and request"
           className="max-h-1/2"
diff --git a/src/components/HomePage.js b/src/components/HomePage.js
index 792afe3..51e06ff 100644
--- a/src/components/HomePage.js
+++ b/src/components/HomePage.js
@@ -10,7 +10,7 @@ const HomePage = () => {
       <NavBar />
       <div className="max-h-full flex items-center justify-center flex-col lg:flex-row">
         <div className="scale-[80%]  2xl:scale-90 xl:pl-20 flex flex-col items-center">
-          <Image alt='' src="/hero-image.png" width='1300' height='1300' className="w-full max-w-[900px] animate-float" />
+          <Image alt='' src="/hero-image.png" width={1300} height={1300} className="w-full max-w-[900px] animate-float" />
           <div className='w-1/3 h-4 mt-12 rounded-full blur-2xl bg-gradient-to-t bg-black'></div>
         </div>
 
diff --git a/src/components/Logo.js b/src/components/Logo.js
index 6420b1d..cd0d8d4 100644
--- a/src/components/Logo.js
+++ b/src/components/Logo.js
@@ -11,8 +11,8 @@ const Logo = () => {
         <Image
           alt='Code with Aloha logo'
           src="/../public/logo.png"
-          width='500'
-          height='500'
+          width={500}
+          height={500}
           className="w-full xl:max-h-24 max-h-[3rem] cursor-pointer m-2 hover:animate-pulse"
         />
       </Link>
diff --git a/src/components/OurFocus.js b/src/components/OurFocus.js
index 4eee8bd..be55355 100644
--- a/src/components/OurFocus.js
+++ b/src/components/OurFocus.js
@@ -31,8 +31,8 @@ const OurFocus = () => {
         <TextBlock
           src="/./assets/meet.png"
           alt="meet illustration"
-          width='500'
-          height='283'
+          width={500}
+          height={283}
           title="Meet new people"
           text="Build with, not for. We are a community of people who are passionate
           about helping others. We are here to support each other and
@@ -42,8 +42,8 @@ const OurFocus = () => {
         <TextBlock
           src="/./assets/progress.png"
           alt="make an impact illustration"
-          width='500'
-          height='266'
+          width={500}
+          height={266}
           title="Make a Difference"
           text="Nobody is coming to save us. It's up to us to impact our community and drive change.
           We are the ones we've been waiting for. We are the change that we seek."
@@ -53,8 +53,8 @@ const OurFocus = () => {
         <TextBlock
           src="/./assets/experience.png"
           alt="gain experience illustration"
-          width='500'
-          height='215'
+          width={500}
+          height={215}
           title="Gain Experience"
           text="Gain experience as a beginner, pay it forward as a mentor. We help
               each other grow and together we make a difference in our
diff --git a/src/components/Projects.js b/src/components/Projects.js
index 4f8e31d..b3861d5 100644
--- a/src/components/Projects.js
+++ b/src/components/Projects.js
@@ -44,8 +44,8 @@ const Projects = () => {
       <Image
         src="/./assets/projectsAssets/projects.png"
         alt=""
-        width='500'
-        height='500'
+        width={500}
+        height={500}
         className="lg:h-40 lg:w-40 h-24 mt-20"
       />
       <h2 className="text-4xl xl:text-7xl drop-shadow-xl text-center">
@@ -62,8 +62,8 @@ const Projects = () => {
         <ProjectCard
           src="/./assets/projectsAssets/HawaiiZoningAtlas.png"
           alt="hawaii zoning atlas illustration"
-          width='1325'
-          height='985'
+          width={1325}
+          height={985}
           title="Hawaii Zoning Atlas"
           text="An interactive map exploring how restrictive zoning laws can make it
             difficult to build diverse, affordable housing."
@@ -84,8 +84,8 @@ const Projects = () => {
         <ProjectCard
           src="/./assets/projectsAssets/HIERR.png"
           alt="HIERR illustration"
-          width='1126'
-          height='873'
+          width={1126}
+          height={873}
           title="HIERR"
           text="The HIERR Project aims to enable actions toward a more resilient,
             equitable, and sustainable economy."
diff --git a/src/components/WhatToExpect.js b/src/components/WhatToExpect.js
index 13c00d9..d01f9f8 100644
--- a/src/components/WhatToExpect.js
+++ b/src/components/WhatToExpect.js
@@ -29,8 +29,8 @@ const WhatToExpect = () => {
       <div className="flex gap-10 flex-col xl:flex-row lg:pb-40 ">
         <TextBlock
           src="/./assets/one.png"
-          width='500'
-          height='500'
+          width={500}
+          height={500}
           title="Meet & Greet"
           text="We start each meeting with a land acknowledgement, Code for
             Americaʻs Code of Conduct, and a full round of introductions
@@ -40,8 +40,8 @@ const WhatToExpect = () => {
 
         <TextBlock
           src="/./assets/two.png"
-          width='500'
-          height='500'
+          width={500}
+          height={500}
           title="Debrief on projects and announcements"
           text="  We will share key milestones, updates, and blockers on projects as
             well as relevant news from Code for America including participating
@@ -53,8 +53,8 @@ const WhatToExpect = () => {
 
         <TextBlock
           src="/./assets/three.png"
-          width='500'
-          height='500'
+          width={500}
+          height={500}
           title="Participate in breakout rooms"
           text="Each month the brigade selects a Focus Project that we all work on
             together as a brigade. We also work on developing several other

From 1672f850d95bc868097ad719aa68d1cde42550ea Mon Sep 17 00:00:00 2001
From: Kobe <kobetbuckley@gmail.com>
Date: Mon, 25 Sep 2023 09:03:34 -1000
Subject: [PATCH 20/20] fixed the missing value update

---
 src/components/Projects.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Projects.js b/src/components/Projects.js
index b3861d5..10a3d91 100644
--- a/src/components/Projects.js
+++ b/src/components/Projects.js
@@ -72,8 +72,8 @@ const Projects = () => {
         <ProjectCard
           src="/./assets/projectsAssets/habitat-full.jpg"
           alt="habitat for humanity illustration"
-          width='1080'
-          height='1080'
+          width={1080}
+          height={1080}
           title="Habitat for Humanity"
           text=" A nonprofit organization that helps people
             in your community and around the world build or improve a place they