import Link from "next/link";
import Image from "next/image";

import selfiePic from "../../public/static/images/me.jpg";

import styles from "./Name.module.scss";

const Name = () => (
  <Link href="/">
    <a className={styles.title}>
      <span className={styles.selfie}>
        <Image
          src={selfiePic}
          alt="Photo of Jake Jarvis"
          width={75}
          height={75}
          quality={60}
          layout="intrinsic"
          priority
        />
      </span>
      <span className={styles.name}>Jake Jarvis</span>
    </a>
  </Link>
);

export default Name;