diff --git a/components/app-layout.tsx b/components/app-layout.tsx
new file mode 100644
index 0000000..d0d48be
--- /dev/null
+++ b/components/app-layout.tsx
@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+import { Footer } from "./footer";
+
+interface IAppLayoutProps {
+ children: ReactNode;
+}
+export function AppLayout({ children }: IAppLayoutProps) {
+ return (
+ <>
+ {children}
+
+
+ );
+}
diff --git a/components/footer.tsx b/components/footer.tsx
new file mode 100644
index 0000000..68c1313
--- /dev/null
+++ b/components/footer.tsx
@@ -0,0 +1,35 @@
+import Link from "next/link";
+
+export function Footer() {
+ return (
+
+ );
+}
diff --git a/components/index.tsx b/components/index.tsx
new file mode 100644
index 0000000..ac7cb77
--- /dev/null
+++ b/components/index.tsx
@@ -0,0 +1,2 @@
+export * from './app-layout'
+export * from './model-change'
\ No newline at end of file
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 26aa5dd..4c63a3b 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,8 +1,13 @@
import { AppProps } from "next/app";
import "../styles/globals.css";
+import { AppLayout } from "@/components";
function App({ Component, pageProps }: AppProps) {
- return ;
+ return (
+
+
+
+ );
}
export default App;
diff --git a/pages/index.tsx b/pages/index.tsx
index 108ab21..f5952b1 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -12,7 +12,7 @@ import { useAtom, useAtomValue, useSetAtom } from "jotai/react";
import { atom } from "jotai/vanilla";
import { Observable } from "rxjs";
import Link from "next/link";
-import { Model, ModelChange } from "../components/model-change";
+import { Model, ModelChange } from "@/components";
export const SendButton = styled.button`
background: "transparent";
@@ -297,37 +297,7 @@ export default function App() {
-
-
+