Copy LandingPage html

src/App.tsx

@@ -2,13 +2,14 @@ import React, { FC } from 'react';
 import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
 import { HomePage } from './components/HomePage/HomePage';
 import { AuthUser } from './components/AuthUser/AuthUser';
+import { LandingPage } from './components/LandingPage/LandingPage';
 
 export const App: FC = () => (
   <Router>
     <div data-testid="App">
       <Switch>
         <Route path="/auth" component={AuthUser} />
-        <Route exact path="/" component={HomePage} />
+        <Route exact path="/" component={LandingPage} />
       </Switch>
     </div>
   </Router>

src/components/LandingPage/LandingPage.tsx

+import React, { FC, useEffect } from 'react';
+
+export const LandingPage: FC = () => (
+  <>
+    <section>
+      <h2>What is MoveAid?</h2>
+
+      <p>
+        MoveAid is a project born in order to satisfy a specific problem. There
+        are many senior citizens who are not able to drive and move from a place
+        to another easily, because of this they sometimes need to take private
+        Taxis or public means of transport which could be expensive and not
+        simple. MoveAid wants to be the solution to this problem offering free
+        drives (carried out by voulunteers) for those who need them to reach
+        medical visit, to go to the supermarket or to satisfy any other need.
+      </p>
+    </section>
+
+    <section>
+      <h2>How will MoveAid work?</h2>
+
+      <p>
+        MoveAid will be the platform that will allow people to ask for a drive
+        (either by phone or online) and organizations of voulenteers to organise
+        and accept drives.
+      </p>
+    </section>
+
+    <p>
+      <br />
+    </p>
+
+    <footer>
+      <p>
+        Authors: Alberto Defendi, Andrea Esposito, Marco Marinello, Francesco
+        Mazzini
+      </p>
+      <p>&copy 2021 - All right reserved</p>
+    </footer>
+  </>
+);

src/components/LandingPage/TeamPage.tsx

+import React, { FC, useEffect } from 'react';
+
+export const TeamPage: FC = () => (
+  <>
+    <section>
+      <h2>These are the students of the MoveAid project</h2>
+
+      <div>
+        <h3>Alberto Defendi</h3>
+        <table>
+          <tr>
+            <td> </td>
+            <td>
+              <p>
+                Age: 19 <br />
+                Role: Front End Developer
+                <br />
+                Hobbys: Sports, maths
+                <br />
+              </p>
+            </td>
+          </tr>
+        </table>
+      </div>
+
+      <div>
+        <h3>Andrea Esposito</h3>
+        <table>
+          <tr>
+            <td> </td>
+            <td>
+              <p>
+                Age: 19 <br />
+                Role: xxxxx
+                <br />
+                Hobbys: xxxxxxxxx
+                <br />
+              </p>
+            </td>
+          </tr>
+        </table>
+      </div>
+
+      <div>
+        <h3>Marco Marinello</h3>
+        <table>
+          <tr>
+            <td> </td>
+            <td>
+              <p>
+                Age: 19 <br />
+                Role: xxxxx
+                <br />
+                Hobbys: xxxxxxxxx
+                <br />
+              </p>
+            </td>
+          </tr>
+        </table>
+      </div>
+
+      <div>
+        <h3>Francesco Mazzini</h3>
+        <table>
+          <tr>
+            <td> </td>
+            <td>
+              <p>
+                <strong>Age:</strong> 19 <br />
+                <br />
+                <strong>Role:</strong> Front End Developer
+                <br />
+                <br />
+                <strong>Hobbys:</strong> I like Graphic and Programing.
+                <br />
+                I also like playing videogames, hanging out <br />
+                with friends, watching tv series and <br />
+                training in gym!
+              </p>
+            </td>
+          </tr>
+        </table>
+      </div>
+    </section>
+  </>
+);