import '../styles/globals.css';
import logo from '../../public/eug-vs.png';
import type { AppProps } from 'next/app';
import Image from 'next/future/image';

function MyApp({ Component, pageProps }: AppProps) {
  return (
    <>
      <a href="/" style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', textDecoration: 'none', marginBottom: '12px' }}>
        <Image src={logo} width={128} height={128} alt="logo" />
        <h1>{"Eugene's Space"}</h1>
      </a>
      <Component {...pageProps} />
    </>
  )
}

export default MyApp;