refined design

app/status/page.tsx

@@ -0,0 +1,33 @@
+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>
+  );
+}