diff --git a/contract-deployer/src/app/layout.tsx b/contract-deployer/src/app/layout.tsx
index 279899f6..45f69f0d 100644
--- a/contract-deployer/src/app/layout.tsx
+++ b/contract-deployer/src/app/layout.tsx
@@ -1,15 +1,9 @@
-"use client";
-
-import { Inter } from "next/font/google";
+import { AppComponent } from "@/components/App";
import "./globals.css";
-import { MintbaseWalletContextProvider } from "@mintbase-js/react";
-import { MintbaseWalletSetup } from "@/config/setup";
+
import "@near-wallet-selector/modal-ui/styles.css";
import { Metadata } from "next";
-const inter = Inter({ subsets: ["latin"] });
-
-
export const metadata: Metadata = {
title: `Near Contract Deployer`,
description: "Deploy your own Near Contract in only 1 step",
@@ -40,14 +34,6 @@ export default function RootLayout({
children: React.ReactNode;
}) {
return (
-
-
-
-
- {children}
-
-
-
-
+ {children}
);
}
diff --git a/contract-deployer/src/components/App.tsx b/contract-deployer/src/components/App.tsx
new file mode 100644
index 00000000..5b5f9691
--- /dev/null
+++ b/contract-deployer/src/components/App.tsx
@@ -0,0 +1,25 @@
+"use client"
+import { MintbaseWalletContextProvider } from "@mintbase-js/react";
+import { MintbaseWalletSetup } from "@/config/setup";
+import { Inter } from "next/font/google";
+
+const inter = Inter({ subsets: ["latin"] });
+
+
+export const AppComponent = ({
+ children,
+}: {
+ children: React.ReactNode;
+}) => {
+ return (
+
+
+
+
+ {children}
+
+
+
+
+ )
+}
\ No newline at end of file