Added routing and structure to the login and register

src/components/BannerLogin.jsx

@@ -8,8 +8,8 @@ const BannerLogin = () => {
         <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>
+                <button className="register" onClick={() => {window.location = '/identify?act=r'}}>Register</button>
+                <button className="login" onClick={() => {window.location = '/identify?act=l'}}>Login</button>
             </div>
         </div>
     )

src/components/Header.jsx

@@ -8,7 +8,7 @@ const Header = () => {
     
     return (
         <header className="header-main-page">
-            <h1>Pomodoro Timer</h1>
+            <a href="/"><h1>Pomodoro Timer</h1></a>
             <h3>Made By <span className="selectable"><a target="_blank" href="https://www.behance.net/franpessano" rel="noreferrer">Francisco Pessano</a></span></h3>
         </header>
     )

src/components/Identify Childrens/LoginForm.jsx

@@ -0,0 +1,13 @@
+import React from 'react'
+
+const LoginForm = () => {
+    return (
+        <form>
+            <input type="email" placeholder="email"></input>
+            <input type="password" placeholder="password"></input>
+            <input type="submit"></input>
+        </form>
+    )
+}
+
+export default LoginForm

src/components/Identify Childrens/RegisterForm.jsx

@@ -0,0 +1,14 @@
+import React from 'react'
+
+const RegisterForm = () => {
+    return (
+        <form>
+            <input type="email" placeholder="email"></input>
+            <input type="password" placeholder="password"></input>
+            <input type="password" placeholder="confirm password"></input>
+            <input type="submit"></input>
+        </form>
+    )
+}
+
+export default RegisterForm

src/components/Identify.jsx

@@ -0,0 +1,33 @@
+import React, {useState} from 'react'
+import LoginForm from './Identify Childrens/LoginForm'
+import RegisterForm from './Identify Childrens/RegisterForm'
+
+
+const Identify = () => {
+    const [act, setAct] = useState('register')
+
+    
+
+    return (
+        <div>
+            <nav>
+                <div>
+                    <h2>LOGIN</h2>
+                </div>
+                <div>
+                    <h2>REGISTER</h2>
+                </div>
+            </nav>
+            <div>
+            {
+                act === 'login' ? <LoginForm /> : null    
+            }
+            {
+                act === 'register' ? <RegisterForm /> : null
+            }
+            </div>
+        </div>
+    )
+}
+
+export default Identify