feat: começando a criar o header

adilson-fernando/src/components/Footer.tsx

@@ -1,12 +1,11 @@
 import React from "react";
-import './styles/Global.scss'
-import './styles/Variaveis.scss'
-import '../styles/Footer.scss';
+
+import "../styles/Global.scss";
+import "../styles/Variaveis.scss";
+import "../styles/Footer.scss";
 
 const Footer = () => {
-    return (
-        <h1>Hello World</h1>
-    );
+  return <h1>Footer</h1>;
 };
 
-export default Footer;
+export default Footer;

adilson-fernando/src/components/Header.tsx

@@ -1,12 +1,11 @@
 import React from "react";
-import './styles/Global.scss'
-import './styles/Variaveis.scss'
-import '../styles/Header.scss';
+
+import "../styles/Global.scss";
+import "../styles/Variaveis.scss";
+import "../styles/Header.scss";
 
 const Header = () => {
-    return(
-        <h1>Hello World</h1>
-    );
+  return <h1>Header</h1>;
 };
 
-export default Header;
+export default Header;

adilson-fernando/src/components/Main.tsx

@@ -0,0 +1,11 @@
+import React from "react";
+
+import "../styles/Global.scss";
+import "../styles/Variaveis.scss";
+import "../styles/Main.scss";
+
+const Main = () => {
+  return <h1>Main</h1>;
+};
+
+export default Main;

adilson-fernando/src/pages/Home.tsx

@@ -1,17 +1,17 @@
 import React from "react";
-import './styles/Global.scss';
-import './styles/Variaveis.scss';
-import Header from '../components/Header';
+
+import Header from "../components/Header";
 import Footer from "../components/Footer";
+import Main from "../components/Main";
 
 const Home = () => {
-    return(
-        <div>
-            <Header/>
-
-            <Footer/>
-        </div>
-    );
+  return (
+    <div>
+      <Header />
+      <Main />
+      <Footer />
+    </div>
+  );
 };
 
-export default Home;
+export default Home;