extends /layouts/_article

block vars
  -
    page = {
      title: 'About',
      breadcrumbs: {}
    }

block article
  div
    article(class="uk-card " +
                  "uk-card-default " +
                  "uk-card-body " +
                  "uk-article " +
                  "tm-ignore-container")

      header.uk-text-center
        //- Title
        h1.uk-article-title= page.title

      div.uk-article-body
        p.uk-text-lead.uk-text-center Urabitur justo diam, auctor vitae ornare sit amet, accumsan sed neque. Curabitur efficitur lacinia euismod. Nunc dictum sagittis lacus. Etiam ultrices nulla orci, in ultrices risus.
        p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac tortor sit amet nisi malesuada commodo. Phasellus et tempus justo. Sed iaculis dignissim lacinia. Nulla id felis vel ligula tempus sodales vel a ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas quis neque ac elit lacinia laoreet. Sed dolor sem, rutrum ac egestas non, tempor nec eros. Etiam lobortis porta viverra. Etiam ut suscipit sem, a volutpat mi. Maecenas euismod a lectus ut dapibus. Nulla mattis diam et leo lacinia dignissim.

        h2.uk-text-center Our principles
        ul.uk-list.uk-list-bullet
          li Vestibulum ut mollis est. Fusce iaculis mauris ut tortor convallis sollicitudin. Suspendisse porta nulla nibh, id lacinia lacus tempus ut. Morbi non arcu aliquam, placerat sapien a, luctus diam. Etiam mattis cursus sem, eu maximus nisi bibendum nec. Vivamus ut turpis augue. Phasellus vehicula risus sit amet mi luctus malesuada.
          li Curabitur justo diam, auctor vitae ornare sit amet, accumsan sed neque. Curabitur efficitur lacinia euismod. Nunc dictum sagittis lacus. Etiam ultrices nulla orci, in ultrices risus tincidunt ac. Cras et maximus mauris. Morbi aliquam efficitur maximus. Aenean orci diam, auctor a mattis eu, consectetur id urna.
          li Morbi faucibus mattis ante. Donec varius neque sem, nec convallis mi dictum ut. Duis sit amet massa ac eros luctus egestas. Proin hendrerit aliquam metus, ac tincidunt risus viverra at. In viverra, ligula in facilisis interdum, dui arcu varius purus, eu blandit mi mi ut diam. Phasellus finibus metus sit amet lobortis dapibus. Nunc fringilla ac erat vitae elementum. Donec sagittis odio non mi vestibulum accumsan.

        h2.uk-text-center Our team
        div(class="uk-child-width-1-1 uk-child-width-1-2@s uk-child-width-1-3@m"
            uk-grid)
          div
            div.uk-grid-small.uk-flex-middle(uk-grid)
              div
                img(src="images/about/thomas.svg"
                    alt="Thomas Bruns"
                    width="80"
                    height="80")
              div.uk-width-expand
                div Thomas Bruns
                div.uk-text-meta Co-founder & CEO
          div
            div.uk-grid-small.uk-flex-middle(uk-grid)
              div
                img(src="images/about/george.svg"
                    alt="George Clanton"
                    width="80"
                    height="80")
              div.uk-width-expand
                div George Clanton
                div.uk-text-meta Co-founder & President
          div
            div.uk-grid-small.uk-flex-middle(uk-grid)
              div
                img(src="images/about/martin.svg"
                    alt="Martin Cade"
                    width="80"
                    height="80")
              div.uk-width-expand
                div Martin Cade
                div.uk-text-meta Co-founder & CTO
          div
            div.uk-grid-small.uk-flex-middle(uk-grid)
              div
                img(src="images/about/carol.svg"
                    alt="Carol Issa"
                    width="80"
                    height="80")
              div.uk-width-expand
                div Carol Issa
                div.uk-text-meta Former Commercial Director
          div
            div.uk-grid-small.uk-flex-middle(uk-grid)
              div
                img(src="images/about/patricia.svg"
                    alt="Patricia Kirk"
                    width="80"
                    height="80")
              div.uk-width-expand
                div Patricia Kirk
                div.uk-text-meta Former Director of Strategy
          div
            div.uk-grid-small.uk-flex-middle(uk-grid)
              div
                img(src="images/about/nicole.svg"
                    alt="Nicole Yokoyama"
                    width="80"
                    height="80")
              div.uk-width-expand
                div Nicole Yokoyama
                div.uk-text-meta Product Marketing Manager

        h2.uk-text-center Some stats
        div(class="uk-child-width-1-1 uk-child-width-1-3@s uk-text-center"
            uk-grid)
          div
            div.uk-heading-primary.uk-text-warning 5+
            div.uk-margin-small-top years on the market
          div
            div.uk-heading-primary.uk-text-warning 150+
            div.uk-margin-small-top orders per day
          div
            div.uk-heading-primary.uk-text-warning 75000+
            div.uk-margin-small-top clients

        h2.uk-text-center Store
        p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus imperdiet venenatis est. Phasellus vitae mauris imperdiet, condimentum eros vel, ullamcorper turpis. Maecenas sed libero quis orci egestas vehicula fermentum id diam.
        figure
          div.uk-text-bolder= shopInfo.storeName
          div!= shopInfo.address
          div= shopInfo.openingHours
        div.tm-wrapper
          figure.tm-ratio.tm-ratio-16-9.js-map(
            data-latitude="59.9356728"
            data-longitude="30.3258604"
            data-zoom="14")