From 0b509b880ed3391e13f22529021237ed54ea9d08 Mon Sep 17 00:00:00 2001
From: MeatDeveloper <meatdeveloper@proton.me>
Date: Sat, 16 Mar 2024 22:42:03 -0600
Subject: [PATCH] feat: add game

---
 app/game/layout.tsx            | 23 +++++++++++++++++++++++
 app/game/page.tsx              | 23 +++++++++++++++++++++++
 components/layout/main-nav.tsx |  2 +-
 3 files changed, 47 insertions(+), 1 deletion(-)
 create mode 100644 app/game/layout.tsx
 create mode 100644 app/game/page.tsx

diff --git a/app/game/layout.tsx b/app/game/layout.tsx
new file mode 100644
index 0000000..572bdbe
--- /dev/null
+++ b/app/game/layout.tsx
@@ -0,0 +1,23 @@
+'use client'
+import { ReactNode } from "react"
+
+import { NetworkStatus } from "@/components/blockchain/network-status"
+import { WalletConnect } from "@/components/blockchain/wallet-connect"
+import { Footer } from "@/components/layout/footer"
+import { SiteHeader } from "@/components/layout/site-header"
+
+interface BridgeLayoutProps {
+  children: ReactNode
+}
+
+export default function BridgeLayout({ children }: BridgeLayoutProps) {
+  return (
+    <>
+      <div className="relative flex min-h-screen flex-col">
+        <SiteHeader />
+        <main className="flex-1">{children}</main>
+        <Footer />
+      </div>
+    </>
+  )
+}
diff --git a/app/game/page.tsx b/app/game/page.tsx
new file mode 100644
index 0000000..123f24a
--- /dev/null
+++ b/app/game/page.tsx
@@ -0,0 +1,23 @@
+"use client"
+
+import { PageHeader } from "@/components/layout/page-header"
+
+export default function GamePage() {
+  return (
+    <div className="container relative">
+      <iframe
+        src="https://s27lh8-4567.csb.app/"
+        style={{
+          width: "100%",
+          minHeight: "calc(100vh - 100px)",
+          border: "0",
+          borderRadius: "0px",
+          overflow: "hidden",
+        }}
+        title="Sausagers In Space"
+        allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
+        sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+      ></iframe>
+    </div>
+  )
+}
diff --git a/components/layout/main-nav.tsx b/components/layout/main-nav.tsx
index 025415f..bbd1f15 100644
--- a/components/layout/main-nav.tsx
+++ b/components/layout/main-nav.tsx
@@ -37,7 +37,7 @@ export function MainNav() {
           <span className="pr-1">Meat</span><span>Hub</span>
         </Button>
       </Link>
-      <Link href="https://s27lh8-4567.csb.app/" target="_blank" className="mr-6 flex items-center space-x-2">
+      <Link href="/game" className="mr-6 flex items-center space-x-2">
         <Button 
         variant="ghost"
          className="hub flex items-center justify-center bg-gradient-to-br from-black to-stone-500 bg-clip-text text-2xl text-transparent dark:from-stone-200 dark:to-red-400 sm:inline-flex">