2019-10-02 13:35:50 +02:00
|
|
|
import React from 'react'
|
|
|
|
import { Link } from 'gatsby'
|
|
|
|
import Container from '../atoms/Container'
|
2019-10-02 20:48:59 +02:00
|
|
|
import Search from '../Search'
|
2019-10-02 13:35:50 +02:00
|
|
|
import Menu from '../molecules/Menu'
|
2019-10-03 19:18:01 +02:00
|
|
|
import { ReactComponent as Logo } from '../../images/logo.svg'
|
2019-10-02 13:35:50 +02:00
|
|
|
|
|
|
|
import styles from './Header.module.scss'
|
|
|
|
|
|
|
|
export default function Header() {
|
|
|
|
return (
|
|
|
|
<header role="banner" className={styles.header}>
|
|
|
|
<Container>
|
2019-10-03 19:18:01 +02:00
|
|
|
<div className={styles.headerContent}>
|
2019-10-02 13:35:50 +02:00
|
|
|
<h1 className={styles.title}>
|
2019-10-03 19:18:01 +02:00
|
|
|
<Link to="/">
|
|
|
|
<Logo /> kremalicious
|
2019-10-02 13:35:50 +02:00
|
|
|
</Link>
|
|
|
|
</h1>
|
|
|
|
|
|
|
|
<nav role="navigation" className={styles.nav}>
|
|
|
|
<Search lng="en" />
|
|
|
|
<Menu />
|
|
|
|
</nav>
|
|
|
|
</div>
|
|
|
|
</Container>
|
|
|
|
</header>
|
|
|
|
)
|
|
|
|
}
|