From b61bd07abfe551fd44b8fbf5c4ade16c4f6748a8 Mon Sep 17 00:00:00 2001
From: "Marc N." <git@marcnitzsche.de>
Date: Thu, 1 May 2025 10:34:32 +0200
Subject: [PATCH] feat!: turn off blobfusion

---
 frontend/src/app/layout.tsx |  2 +-
 frontend/src/app/page.tsx   | 26 +++++++++++++++++++++++++-
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx
index 54e11bb..a2bcff1 100644
--- a/frontend/src/app/layout.tsx
+++ b/frontend/src/app/layout.tsx
@@ -38,7 +38,7 @@ export default function RootLayout({
             <ThemeProvider attribute="class" defaultTheme="dark">
               <section className="dark relative overflow-hidden">
                 <BackgroundGradients />
-                <div className="mx-auto min-h-screen p-8 md:max-w-[54rem]">
+                <div className="mx-auto min-h-screen p-8 md:max-w-[54rem] flex flex-col items-center justify-center">
                   {children}
                 </div>
               </section>
diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index 46680a5..0e15023 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -22,6 +22,7 @@ import UserInfo from "@/components/UserInfo";
 import { useLatestBlobs } from "@/data/useLatestBlobs";
 import { useSubmitBlob } from "@/data/useSubmitBlob";
 import { useUserBalance } from "@/data/useUserBalance";
+import { Button } from "@/components/ui/button";
 
 const DEPOSIT_CONTRACT_ADDRESS =
   process.env.NEXT_PUBLIC_DEPOSIT_CONTRACT_ADDRESS;
@@ -33,10 +34,33 @@ if (!DEPOSIT_CONTRACT_ADDRESS || !isAddress(DEPOSIT_CONTRACT_ADDRESS)) {
 }
 
 const Home = () => {
+  return (
+    <div className="align-center flex h-full w-full flex-col items-center justify-center gap-2 rounded-sm bg-background/40 p-8 py-16 backdrop-blur-md">
+      <h1 className="text-2xl font-bold tracking-tight">
+        We've turned off the BlobFusion demo
+      </h1>
+      <p className="mb-5 text-lg text-white">
+        But you can still{" "}
+        <a
+          href="https://github.com/ephema/blobfusion"
+          className="text-blue-500"
+        >
+          check out the code
+        </a>{" "}
+        and try it out yourself
+      </p>
+      <Button asChild>
+        <a href="https://github.com/ephema/blobfusion">Open GitHub</a>
+      </Button>
+    </div>
+  );
+};
+
+const HomeOld = () => {
   const { connectors, connect } = useConnect();
   const { address, isConnected, chainId } = useAccount();
   const { sendTransactionAsync } = useSendTransaction();
-  const { chains, switchChainAsync } = useSwitchChain();
+  const { switchChainAsync } = useSwitchChain();
   const { signMessageAsync } = useSignMessage();
 
   const [newBlobDialogOpen, setNewBlobDialogOpen] = useState(false);