home.haml

%div#home

  %div.intro.circle-container.flex-center-column
    %h1.text-white.text-center Eksterne bekreftelser raskt og enkelt

    %p.lead-text.width-small.text-center.text-grey.margin-bottom-big
      Automatisk oppfølging av dine revisjonsforespørsler - fra A til Å

    %a.btn.btn-center.btn-blue.js-demo-link Be om demo

    %figure.circle.circle-big
    %figure.circle.circle-small
    %figure.circle.circle-small
    %figure.circle.circle-small
    %figure.circle.circle-small

  %figure#ipad
    %div#js-movie.movie-link-container.flex-center-column(style="background-image: url('/img/ipad.png');")
      %a.btn.btn-play.flex-center-column
        %i.icon.icon-play.icon-static(style="font-size: 38px; margin-bottom: 5px;")
        %p.text-blue Spill film

  %div.lead.background-blue-light.circle-container.flex-center-column

    %p.lead-text.text-center.width-medium.margin-bottom
      Ved å kutte tiden brukt per forespørsel med over 90 %, sparer Brevio brukerne for både tid og penger.

    %a.btn.btn-center.btn-turq.js-demo-link Prøv en demo

    %figure.circle.circle-small
    %figure.circle.circle-medium

  %div.benefits.background-white.padding-large.flex-center-column
    %h1.text-center.margin-bottom-big Hvorfor velge Brevio?

    %ul.icon-list
      %li
        %img.margin-bottom-big(src="/img/clock.svg")
        %section.desc
          %h2.text-center.margin-bottom-small Spar tid & penger
          %p.text-grey.text-center
            Brevio automatiserer administrative prosesser og gjør det enklere for revisor,
            og billigere for selskapet
          %a.read-more.text-grey.text-small.centered.margin-top(href="#{advantages_url}") Les mer

      %li
        %img.margin-bottom-big(src="/img/badge.svg")
        %section.desc
          %h2.text-center.margin-bottom-small Økt kvalitet 
          %p.text-grey.text-center
            Brevio etterlever til en hver tid
            internasjonale revisjonsstandarder
          %a.read-more.text-grey.text-small.centered.margin-top(href="#{advantages_url}") Les mer

      %li
        %img.margin-bottom-big(src="/img/ui.svg")
        %section.desc
          %h2.text-center.margin-bottom-small Bedre opplevelse
          %p.text-grey.text-center
            Brevio bidrar til bedre brukeropplevelse for alle involverte parter 
          %a.read-more.text-grey.text-small.centered.margin-top(href="#{advantages_url}") Les mer

  %div.how-does-it-work.background-blue.padding-large.flex-center-column
    %h1.text-center.text-white.margin-bottom Hvordan fungerer Brevio's bekreftelsesprosess?

    %div#js-how-does-it-work.margin-top-big.width-full.margin-bottom

    %h2.text-white.text-center Klikk og send - Brevio fikser resten!

  %div.partners.circle-container.background-white.padding-large.flex-center-column

    %div#js-quotes.width-full.margin-bottom-big

    %figure.circle.circle-medium-big
    %figure.circle.circle-medium
    %figure.circle.circle-small
    %figure.circle.circle-small
    %figure.circle.circle-medium-big

    %h1.margin-top-big.text-center Partnere og sponsorer

    %ul.partner-list
      %li.partner
        %img.partner-img(src="/img/startup.png")
      %li.partner
        %img.partner-img(src="/img/in.png")
      %li.partner
        %img.partner-img(src="/img/aws.png")
      %li.partner
        %img.partner-img(src="/img/idfy.png")
      %li.partner
        %img.partner-img(src="/img/sidekick.png")
  
  %div#js-movie-container

layout.haml

!!!
%html
  %head
    = render 'head'

  %body{ class: "marketing #{@white ? 'white' : '' }" }
    = render 'partials/header'

    %main.circle-container
      = yield
      %figure.circle.circle-medium
      %figure.circle.circle-big

      %figure.circle.circle-medium
      %figure.circle.circle-medium
      %figure.circle.circle-medium

      %figure.circle.circle-small
      %figure.circle.circle-small
      %figure.circle.circle-small
      %figure.circle.circle-small

    %div#js-login(data-immediate="#{@login}")
    %div#js-register
    %div#js-demo

  %footer.flex-column.lead-text-small
    %div.logo-and-links
      %div.logo-container
        %a#logo.margin-bottom-big(href="#{root_path}")
          %img(src="/img/logo.svg")
          %p Brevio

        %li.footer-btn-links
          %a.btn.btn-white.margin-bottom-small.js-demo-link Be om demo
          %a.js-register-link.btn.btn-outline-white.margin-bottom-small Registrer deg
          %a.js-login-link.btn.btn-outline-white.margin-bottom-small Logg inn

      %div.links-and-address.centered
        %ul.footer-page-links
          %li
            %h3.margin-bottom-small Sider
            %ul.page-links.text-small
              %li= link_to "Om Brevio", about_url
              %li= link_to "Kontakt", contact_url
              %li= link_to "Ofte stilte spørsmål", faq_url

          %li
            %h3.margin-bottom-small Fordeler ved Brevio
            %ul.page-links.text-small
              %li= link_to "Eksterne bekreftelser", advantages_url
              %li= link_to "Tjenestepipeline", pipeline_url 

          %li
            %h3.margin-bottom-small Juridisk
            %ul.page-links.text-small
              %li= link_to "Regulatorisk etterlevelse", regulations_url
              %li= link_to "Informasjonssikkerhet", info_sec_url 
              %li= link_to "Personvern", privacy_url

        %ul.address.text-small
          %li Brevio AS
          %li Forskningsparken
          %li Gaustadalléen 21 
          %li 0349 Oslo

        %p.text-small.upcase.spaced.text-grey.margin-top-big © copyright 2017 brevio as

    %figure.circle.circle-small
    %figure.circle.circle-medium
    %figure.circle.circle-big


  - if Rails.env.production? && ENV['STAGING'].nil?
    %a.flex-vertical#intercom-widget(href="mailto:o6kzcjmn@inbound.intercom-mail.com")
      %img(src="/img/bubble.svg" style="margin-right:5px;")
      %span.bold.text-small Hjelp?
    = render 'segment/script'