{"size": 543, "ext": "js", "max_stars_repo_path": "src/components/Header/Header.js", "max_stars_repo_name": "austinmielke/carpenter-bar", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Header/Header.js", "max_issues_repo_name": "austinmielke/carpenter-bar", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Header/Header.js", "max_forks_repo_name": "austinmielke/carpenter-bar", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 23.6086956522, "max_line_length": 88, "alphanum_fraction": 0.6224677716}
import React from "react";

import NavBar from "../NavBar/NavBar";
import logoLarge from "../../images/logo-large.svg";
import arrow from "../../images/arrow.svg";

const Header = () => (
  <header
    id="header"
    className="h-screen w-full bg-black flex flex-col items-center justify-center mb-32"
  >
    <NavBar />
    <img
      className="w-3/4 md:w-1/2 flex-1"
      src={logoLarge}
      alt="Carpenter Bar"
    />
    <img className="arrow w-8 mb-24 sm:mb-8" src={arrow} alt="scroll down" />
  </header>
);

export default Header;
