import { useQuery } from "@tanstack/react-query";
import axios from "axios";
import Button from "components/Button";
import Seo from "components/SEO";
import Logo from "components/SVGs/Logo";
import Template from "components/window/Template";
import { useMediaQuery } from "hooks/useMediaQuery";
import { NextPage } from "next";
import { BsFillPersonFill } from "react-icons/bs";
import {motion} from "framer-motion"
import { useState } from "react";
import { useRouter } from "next/router";
const Home: NextPage = () => {
  const router = useRouter()
  const [inputContent, setInputContent] = useState("")
  const isSmall = useMediaQuery({ maxWidth: "1265px" });
  const { data } = useQuery(
    ["website-info"],
    async () => {
      return (
        await axios.get(`${process.env.DOMAIN}/api/tracker/views`, {
          headers: {
            "Content-Type": "application/json",
            Accept: "application/json",
          },
        })
      ).data;
    },
    {
      staleTime: 12000,
      cacheTime: 12000,
    }
  );
  return (
    <>
      <Seo templateTitle="Tier list" description="Vote and share your opinions on new patches" />
      <Template useWindow>
coming soon
      </Template>
    </>
  );
};

export default Home;