hawkband-nextjs/components/Nav.js

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

    <nav className={NavStyle.nav}>
        <ul>
            <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