45 lines
1.3 KiB
TypeScript
45 lines
1.3 KiB
TypeScript
import Link from 'next/link';
|
|
import React from 'react';
|
|
import styles from '../../styles/Header.module.scss';
|
|
|
|
export const Header = () => {
|
|
return (
|
|
<>
|
|
<header className={styles.header}>
|
|
<nav className={styles.navBar}>
|
|
<Link href='/'>
|
|
<a className={styles.navBarLink}>Etusivu</a>
|
|
</Link>
|
|
<Link href='/program'>
|
|
<a className={styles.navBarLink}>Ohjelma</a>
|
|
</Link>
|
|
<Link href='/performers'>
|
|
<a className={styles.navBarLink}>Esiintyjät</a>
|
|
</Link>
|
|
<Link href='/info'>
|
|
<a className={styles.navBarLink}>Info</a>
|
|
</Link>
|
|
<Link href='/safety'>
|
|
<a className={styles.navBarLink}>Turvallisuus</a>
|
|
</Link>
|
|
<Link href='/archive'>
|
|
<a className={styles.navBarLink}>Arkisto</a>
|
|
</Link>
|
|
</nav>
|
|
</header>
|
|
<section className={styles.logoContainer}>
|
|
<div className={styles.logo} id='logo-start'>
|
|
<img
|
|
className={styles.logoImage}
|
|
src='runosaari-logo.jpg'
|
|
alt='Runosaari logo'
|
|
/>
|
|
<div className={styles.logoCredits}>
|
|
<div>@Sanna Hukkanen</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</>
|
|
);
|
|
};
|