jarv.is/components/page-header/Header.tsx

import { memo } from "react";
import Name from "./Name";
import Menu from "./Menu";

import styles from "./Header.module.css";

const Header = () => (
  <header className={styles.header}>
    <nav className={styles.nav}>
      <Name />
      <Menu />
    </nav>
  </header>
);

export default memo(Header);