diff --git a/src/components/BaseLayout.tsx b/src/components/BaseLayout.tsx
index e5331df..d9fa40f 100644
--- a/src/components/BaseLayout.tsx
+++ b/src/components/BaseLayout.tsx
@@ -1,28 +1,23 @@
 import React from "react";
+// import { Footer } from "./parts/Footer";
+import Header from "./parts/Header";
 type Props = {
-    header?: React.ReactElement,
-    children: React.ReactNode,
-    footer?: React.ReactElement,
-    className : string,
+  header?: React.ReactElement;
+  children: React.ReactNode;
+  footer?: React.ReactElement;
+  className?: string;
+};
+
+function BaseLayout({ header, footer, children, className }: Props) {
+  return (
+    <div className={className}>
+      <Header />
+
+      <main>{children}</main>
+
+      <Footer />
+    </div>
+  );
 }
 
-function BaseLayout( { header, footer, children, className }: Props ) {
-    return (
-    <div className={className}>
-        <header>
-            {header}
-        </header>
-
-        <main>
-            {children}
-        </main>
-
-        <footer>
-            {footer}
-        </footer>
-    </div>
-    );
-  }
-  
-  export default BaseLayout;
-  
\ No newline at end of file
+export default BaseLayout;