import { ConnectButton } from '@rainbow-me/rainbowkit';
import type { NextPage } from 'next';
import Head from 'next/head';
import styles from '../styles/Home.module.css';
import Header from '../components/Header';
import Background from '../components/Background';

const Home: NextPage = () => {
  return (
    <div className={styles.container}>
      <Head>
        <title>Slay The Moloch</title>
        <meta
          content="Slay the moloch, earn shiny GELD"
          name="Slay the moloch, earn shiny GELD"
        />
        <link href="/favicon.ico" rel="icon" />
      </Head>

      <main className={styles.main}>
        <div className={styles.connect}>
          <ConnectButton />
        </div>
        <Header />
        <Background />
      </main>

      <footer className={styles.footer}>
        Made with ❤️ by your fren mic0
      </footer>
    </div>
  );
};

export default Home;
