hawkband-nextjs/components/Nav.js

import NavStyle from '../styles/Nav.module.css'
import Link from 'next/link'
import Image from 'next/image'
const Nav = () => {
  return (
    <>

    <nav className={NavStyle.nav}>
        <ul>
        <Image src='/images/HawkHead.jpg' width={50} height ={50}/>
            <li>
                { <Link href = '/'>Home</Link> }
            </li>
            <li>
                <Link href = '/Donation'>Donations</Link>
            </li>
            <li>
                <Link href = '/temp-page1'>temp-page1</Link>
            </li>
            <li>
                <Link href = '/temp-page2'>temp-page2</Link>
            </li>
            <li>
                <Link href = '/temp-page3'>temp-page3</Link>
            </li>
            <li>
                <Link href = '/temp-page4'>temp-page4</Link>
            </li>
        </ul>
    </nav>

    </>
  )
}

export default Nav