"use client";

import Link from "next/link";
import { Button } from "../ui/button";

export default function InConstruction() {
  const Slot = "lottie-player" as any;

  return (
    <div className="flex min-h-screen w-screen items-center justify-center bg-[url(/assets/working-background.jpg)] bg-cover bg-fixed p-10">
      <div className="rounded-2xl bg-white p-20 shadow">
        <script
          async
          src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"
        ></script>
        <Slot
          src="https://lottie.host/01958fc1-564d-40c7-a3f3-87546d2cf89a/6henYtZJmM.json"
          background="#FFFFFF"
          speed="1"
          loop
          autoplay
          direction="1"
          mode="normal"
        ></Slot>
        <div className="text-center">
          <Link href={"/"}>
            <Button variant="solid" color="primary">
              GO HOME
            </Button>
          </Link>
        </div>
      </div>
    </div>
  );
}