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>
  </>
);