text: import React from "react"
  import {Navbar, Nav} from "react-bootstrap"
  import { Link } from "gatsby"
  import * as styles from "./Header.module.css"
  import Logo from "./Logo"
  import Seo from "../components/Seo"
  
  const Header = () => {
      return (
        <div>
          <Seo />
          <Navbar>
            <Navbar.Brand className={styles.logo} as={Link} to="/">
              <Logo/>
            </Navbar.Brand>
              <Nav.Link as={Link} to="/about/">Who I Am</Nav.Link>
              <Nav.Link as={Link} to="/portfolio/">What I've Made</Nav.Link>
              <Nav.Link as={Link} to="/contact/">Say Hello</Nav.Link>
          </Navbar>
        </div>
      ) 
    }
  
  
  export default Header
  