hawkband-nextjs/components/Layout.js

import styles from '../styles/Layout.module.css'
import Header from './Header'
import ResponsiveAppBar from '../components/Nav'

const Layout = ({ children }) => {
  return (
      <>
        <ResponsiveAppBar />
        <div className={styles.container}>
          <main className={styles.main}>
            <Header />
            {children}
          </main>
        </div>
      </>
  )
}

export default Layout