diff --git a/src/components/Header.tsx b/src/components/Header.tsx
new file mode 100644
index 0000000..f95fe55
--- /dev/null
+++ b/src/components/Header.tsx
@@ -0,0 +1,19 @@
+import { Box } from "@mui/material";
+import Image from "next/image";
+import nyan from "./Images/nyan.gif";
+
+export const Header = () => {
+ return (
+
+
+
+ );
+};
diff --git a/src/components/Images/nyan.gif b/src/components/Images/nyan.gif
new file mode 100644
index 0000000..60600d1
Binary files /dev/null and b/src/components/Images/nyan.gif differ
diff --git a/src/components/common/Header.tsx b/src/components/common/Header.tsx
deleted file mode 100644
index 8b7c096..0000000
--- a/src/components/common/Header.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export const Header = () => {
- return <>this is header>;
-};
diff --git a/src/components/common/layout.tsx b/src/components/common/layout.tsx
index 2837202..3c5f24d 100644
--- a/src/components/common/layout.tsx
+++ b/src/components/common/layout.tsx
@@ -1,6 +1,6 @@
import { Box, Stack } from "@mui/material";
import React from "react";
-import { Header } from "./Header";
+import { Header } from "../Header";
export const Layout = ({ children }: { children: React.ReactNode }) => {
return (
diff --git a/src/pages/todo.tsx b/src/pages/todo.tsx
index 32d52fa..98eb463 100644
--- a/src/pages/todo.tsx
+++ b/src/pages/todo.tsx
@@ -1,14 +1,14 @@
import { TodoAdd } from "@/components/Todoadd";
-import { DatePicker } from "@mui/lab";
import { Box } from "@mui/material";
// import DataPicker from "../components/DataPicker";
export default function Todo() {
return (
{/* */}