import { BlurFade } from "@/components/magicui/blur-fade";

const BLUR_FADE_DELAY = 0.01;

export default function StatusPage() {

  return (
    <main className="flex flex-col min-h-[100dvh] space-y-10">
      <section id="research">
        <div className="mx-auto w-full max-w-6xl space-y-8">
          <div className="space-y-2">
            <h1 className="text-3xl font-bold tracking-tighter sm:text-5xl xl:text-6xl/none mt-12">
              Status
            </h1>

          </div>
          <hr />

          <div className="w-full">
            <BlurFade delay={BLUR_FADE_DELAY * 5}>
              <iframe
                src="https://uptime.steffenillium.de/status/system"
                width="100%"
                height="800px"
                style={{ border: 'none', display: 'block', margin: '0 auto' }}
              ></iframe>
            </BlurFade>
          </div>
        </div>
      </section>
    </main>
  );
}