hawkband-nextjs/components/Header.js

import Headerstyles from '../styles/Header.module.css'

const Header = () => {
  return (  
    <>
    
    <div>
        <h1 className= {Headerstyles.title}>
        <span>Hawkband </span>
         website
        </h1>
        <style jsx>
            {`
            .title {
                color:blue

            }`

            }
        </style>

    </div>
    </>
  )
}

export default Header