import Image from "next/image"
import { BackgroundGradientAnimation } from "@/components/ui/background-gradient-animation"
import { HoverBorderGradient } from "@/components/ui/hover-border-gradient"
import niLogo from "@/public/logo.svg"

export default function Home() {
  return (
    <>
      <BackgroundGradientAnimation className="h-screen w-screen absolute overflow-hidden bg-black bg-opacity-50 z-20">
        <h1 className="text-indigo-500 font-light text-2xl flex text-center p-8 justify-center">Netinternet</h1>
        <div className="flex justify-items-center justify-center text-center">
        <HoverBorderGradient className="w-20 h-20 flex justify-center text-center bg-gradient-to-b from-[#957ba3] to-[#724582] bg-opacity-10">
          <Image src={niLogo} alt={""} width={32} height={32} />
        </HoverBorderGradient>
        </div>
      </BackgroundGradientAnimation>
    </>
  );
}
