lucht/src/index.njk

---
layout: base
title: Lucht Onderhoud
permalink: '/'
heading: Warmtepompen, Ventilatie met Warmteterugwinning, Airco
---

<div class="landing">
    <div class="hero">
        <div class="logo">{% image "src/assets/images/logo.webp", "", "climate changers logo", "(min-width: 30em) 50vw, 100vw" %}</div>
        <div class="hero__content">
            <h1 class="hero__header">
                <span>
                    Warmtepompen
                </span>
                <span>
                    Ventilatie
                </span>
                <span>
                    Airco
                </span>
            </h1>
            <a class="hero__info" href="tel:+31641681656">06 41 68 16 56</a>
            <div class="hero__icons">
                <a href="tel:+31641681656">
                    {% svgsprite %}
                    {% icon "phone" %}
                </a>
                <a href="https://t.me/spencerflagg" target="_blank">
                    {% svgsprite %}
                    {% icon "telegram" %}
                </a>
                <a href="https://wa.me/0031641681656" target="_blank">
                    {% svgsprite %}
                    {% icon "whatsapp" %}
                </a>
        </div>
        </div>
    </div>
</div>
<div class="bkg">
    {% image "src/assets/images/winter.png", "bkg--winter", "winter netherlands city", "(min-width: 30em) 50vw, 100vw" %}
    {% image "src/assets/images/summer.png", "bkg--summer", "summer netherlands city", "(min-width: 30em) 50vw, 100vw" %}
</div>