'use strict';

class Accueil extends React.Component 
{
  constructor(props) 
  {
    super(props);
  }

  render() 
  {
    return (
      <section id="content">
        <div className="grid-1">
          <div className="text-center font-bold">
            Attention, ce site ne propose pas de visites guidées mais est juste un récit d'un voyage personnel à Rome.
          </div>
        </div>
        <div className="grid-2">
          <div className="text-center">
            <Link to='/introduction'>Introduction sur l'histoire de Rome</Link>
          </div>
          <div className="text-center">
            <Link to='/carte'>Carte de l'Italie</Link>
          </div>
        </div>
        <div className="grid-2">
          <div>
            <span className="font-bold">Les principaux monuments de Rome :</span>
            <ul type="disc">
              <li><Link to='/forum-romain'>Le Forum romain</Link></li>
              <li><Link to='/colisee'>Le Colisée</Link></li>
              <li><Link to='/catacombes-saint-sebastien'>Les Catacombes de Saint-Sébastien</Link></li>
              <li><Link to='/saint-paul-hors-les-murs'>Saint-Paul-Hors-Les-Murs</Link></li>
              <li><Link to='/place-navone'>La Place Navone</Link></li>
              <li><Link to='/pantheon'>Le Panthéon</Link></li>
              <li><Link to='/vatican'>Le Vatican</Link></li>
              <li><Link to='/chapelle-sixtine'>La chapelle Sixtine</Link></li>
              <li><Link to='/fontaine-trevi'>La Fontaine de Trevi</Link></li>
            </ul>
          </div>
          <div>
            <span className="font-bold">Ceux qui ont marqué Rome de leur empreinte :</span>
            <ul type="disc">
              <li><Link to='/michel-ange'>Michel-Ange</Link></li>
              <li><Link to='/bernin'>Le Bernin</Link></li>
              <li><Link to='/caravage'>Le Caravage</Link></li>
              <li><Link to='/borromini'>Borromini</Link></li>
            </ul>
            <br />
            <span className="font-bold">Quelques adresses utiles :</span>
            <ul type="disc">
              <li><Link to='/restaurants'>Restaurants</Link></li>
              <li><Link to='/lieux-detente'>Lieux de détente</Link></li>
              <li><Link to='/idees-shopping'>Idées shopping</Link></li>
            </ul>
          </div>
        </div>
      </section>
    );     
  }
}