diff --git a/src/App.js b/src/App.js
index 8bc44e3..494f98a 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,9 +1,17 @@
 import logo from "./logo.svg";
 import "./App.css";
-import FirstComponent from "./FirstComponent";
+import Header from "./Header";
+import Content from "./Content";
+import Footer from "./Footer";
 
 function App() {
-  return <FirstComponent />;
+  return (
+    <>
+      <Header />
+      <Content />
+      <Footer />
+    </>
+  );
 }
 
 export default App;
diff --git a/src/Content.js b/src/Content.js
new file mode 100644
index 0000000..6cbd11c
--- /dev/null
+++ b/src/Content.js
@@ -0,0 +1,4 @@
+const Content = () => {
+  return <div>Content 1</div>;
+};
+export default Content;
diff --git a/src/Footer.js b/src/Footer.js
new file mode 100644
index 0000000..9aa4418
--- /dev/null
+++ b/src/Footer.js
@@ -0,0 +1,4 @@
+const Footer = () => {
+  return <div>Footer 1</div>;
+};
+export default Footer;
diff --git a/src/Header.js b/src/Header.js
new file mode 100644
index 0000000..bc01cbf
--- /dev/null
+++ b/src/Header.js
@@ -0,0 +1,4 @@
+const Header = () => {
+  return <div>Header 1</div>;
+};
+export default Header;