diff --git a/src/App.tsx b/src/App.tsx index 89d8e2f8d447669a3cf0b006cab7d605b6a7d70c..eff19068d86ecac464c94e0705e65735672d1df3 100644 --- a/src/App.tsx +++ b/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> diff --git a/src/components/LandingPage/LandingPage.tsx b/src/components/LandingPage/LandingPage.tsx new file mode 100644 index 0000000000000000000000000000000000000000..51f422645bf8db6a8990794dfdbc6cfb6fc97b05 --- /dev/null +++ b/src/components/LandingPage/LandingPage.tsx @@ -0,0 +1,41 @@ +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>© 2021 - All right reserved</p> + </footer> + </> +); diff --git a/src/components/LandingPage/TeamPage.tsx b/src/components/LandingPage/TeamPage.tsx new file mode 100644 index 0000000000000000000000000000000000000000..58d850befb0555629c9a8391f6176e57ec393e03 --- /dev/null +++ b/src/components/LandingPage/TeamPage.tsx @@ -0,0 +1,86 @@ +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> + </> +); diff --git a/src/components/LandingPage/assets/alberto.png b/src/components/LandingPage/assets/alberto.png new file mode 100644 index 0000000000000000000000000000000000000000..a4030b2bda405381ab60d5ba68b7ea7c057ebefe Binary files /dev/null and b/src/components/LandingPage/assets/alberto.png differ diff --git a/src/components/LandingPage/assets/logo04Circle.png b/src/components/LandingPage/assets/logo04Circle.png new file mode 100644 index 0000000000000000000000000000000000000000..4e5a76b9f51d9580a7f6b6b78f076f0a4a821f48 Binary files /dev/null and b/src/components/LandingPage/assets/logo04Circle.png differ diff --git a/src/components/LandingPage/assets/pp.jpg b/src/components/LandingPage/assets/pp.jpg new file mode 100644 index 0000000000000000000000000000000000000000..593205f4d623a459904abdcfb13c8517e4ccf666 Binary files /dev/null and b/src/components/LandingPage/assets/pp.jpg differ