doctype html


include module/head.pug
main#app
  .container
    section.mb-big
      .text-center
        img.main-logo.mb-medium(src='/public/img/helcel.png' alt='Helcel logo')
        div
          h1.text-huge.text-withSubtitle Open Tourism Map
          h2.text-big.text-gray Collaborative Holiday Planner
        p#js-header-waypoint.m-none
          a.button.button--primary.button--mobileFull(href='#go') Get started
  .bg-dark
    .container
      .row.text-center
        .col-12.col-sm-3
          .section
            img(src='/public/img/lightweight.png' alt='Lightweight' width='118')
            br
            h2.text-withSubtitle.text-big.text-white
              | Lightweight 
              br
              span.text-medium.text-gray
                | Powered By
                br
                | Fastify & Sierra
        .col-12.col-sm-4
          .section
            img(src='/public/img/customizable.png' alt='Customizable' width='118')
            br
            h2.text-withSubtitle.text-big.text-white
              | Customizable
              br
              span.text-medium.text-gray
                | Many Templates
                br
                | to choose from
        .col-12.col-sm-4
          .section
            h2.text-withSubtitle.text-big.text-white
              img(src='/public/img/opensource.png' alt='Open Source' width='118')
              br
              |                             FOSS
              br
              span.text-medium.text-gray :-)
  #go.container-medium.section
    h2.text-big Your journey
    p
      | Browse hotels, restaurants and attractions,.... 
      br
      |  Select and plan the varying elements of your journey
    .aligner.aligner--contentEnd
      .input
        input#journey_id(v-model='journey_id' placeholder='ID' type='text')
      button.button.button--primary.button--mobileFull(v-on:click='start_journey') Start the journey

include module/foot.pug