text: import React from 'react';
  import { FaGithub } from 'react-icons/fa';
  
  import './style.scss';
  import gatsbyLogo from '../images/gatsby-icon.png';
  import bulmaLogo from '../images/bulma-logo.png';
  
  const Navbar = () => (
  	<div className="hero-head is-hidden-mobile">
  		<nav className="navbar">
  			<div className="container">
  				<div className="navbar-brand">
  					<a
  						className="navbar-item"
  						href="/"
  					>
  						<img src={gatsbyLogo} alt="Logo-1" />
  						<img src={bulmaLogo} alt="Logo-2" />
  					</a>
  				</div>
  				<div id="navbarMenuHeroA" className="navbar-menu">
  					<div className="navbar-end">
  						<span className="navbar-item">
  							<a  className="button is-danger is-inverted"
  								href="https://github.com/app-generator/gatsby-starter-bulma-css">
  								<span className="icon">
  									<FaGithub size="fa-2x" />
  								</span>
  								<span>Get Sources</span>
  							</a>
  						</span>
  					</div>
  				</div>
  			</div>
  		</nav>
  	</div>
  );
  
  export default Navbar;
  