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 Scene from "../components/Scene";

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 />
        <Scene />
      </main>

      <footer className={styles.footer}>
        Made with ❤️ by your frens at 😈 Slay the Moloch team for Cohort VII of{" "}
        <a href="https://www.raidguild.org/" target="blank">
          RaidGuild
        </a>
      </footer>
    </div>
  );
};

export default Home;
