Header and BannerLogin done

src/components/BannerLogin.jsx

@@ -0,0 +1,15 @@
+import React from 'react'
+
+const BannerLogin = () => {
+    return (
+        <div className="banner-login">
+            <p>Access to integrate and save your progress with Clockify!</p>
+            <div className="button-container">
+                <button className="register">Register</button>
+                <button className="login">Login</button>
+            </div>
+        </div>
+    )
+}
+
+export default BannerLogin

src/components/Header.jsx

@@ -0,0 +1,12 @@
+import React from 'react'
+
+const Header = () => {
+    return (
+        <header className="header-main-page">
+            <h1>Pomodoro Timer</h1>
+            <h3>Made By <span className="selectable"><a target="_blank" href="https://www.behance.net/franpessano" rel="noreferrer">Francisco Pessano</a></span></h3>
+        </header>
+    )
+}
+
+export default Header

src/components/MainPomodoro.jsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const MainPomodoro = () => {
+    return (
+        <div className="main-pomodoro">
+            
+        </div>
+    )
+}
+
+export default MainPomodoro