{# ========================================================================= #}
{# :: Default page #}
{# ========================================================================= #}
{#
  This is used as a default page containing a header, main and a footer.
#}

{# ========================================================================= #}
{# :: Imports #}
{# ========================================================================= #}
{# atoms #}
{% import "atoms/logo/logo-macros.njk" as logo %}
{% import "molecules/language/language-macros.njk" as language %}

{# organisms #}
{% import "organisms/header/header-macros.njk" as header %}
{% import "organisms/footer/footer-macros.njk" as footer %}

{# ========================================================================= #}
{# :: Template #}
{# ========================================================================= #}
<!DOCTYPE html>
<html lang="en">

  {% include "pages/_base/page/head.njk" %}

  <body class="p-landingpage {{pageParams.bodyClass}}">

    <header class="p-landingpage__header l-container">
      {{logo.default("a-logo--large", "Bebat", "/assets/images/brand/logo-inverted.svg")}}

      {{language.default("m-language--inverted", [
        {
          classes: "is-active",
          text: "Nl",
          url: "http://googble.be"
        },
        {
          classes: "",
          text: "Fr",
          url: "http://googble.be"
        },
        {
          classes: "",
          text: "En",
          url: "http://googble.be"
        }
      ])}}
    </header>

    <main>
      {% block content %}
      {% endblock %}
    </main>

    {{footer.default(pageParams.footerClass)}}

    {% include "pages/_base/page/foot.njk" %}

  </body>

</html>
