<div class="grid-col home-streamert">
    <div class="streamert-content">
        {!!$page->translation->streamer->description!!}
        <div style="display: flex; flex-direction: column; gap: 16px; flex: 1;">
            @if(isset($page->translation->streamer->link2) && isset($page->translation->streamer->link2_text))
            <a class="button arrow filled red arrow" style="width: fit-content;"
               href="{{$page->translation->streamer->link2}}">{{$page->translation->streamer->link2_text}}</a>
            @endif
            <a class="button arrow filled red arrow" style="width: fit-content;"
               href="{{$page->translation->streamer->link}}">{{$page->translation->streamer->link_text}}</a>
        </div>

        @if(app()->getLocale() == 'nl' && 1 == 2)
            <div class="grand-opening-sticker">
                <p>Open bedrijvendag!<br>
                    12 januari<br>
                    10.00 - 14.00 uur<br>
                    Welkom!</p>
            </div>
        @endif
    </div>
</div>

<div class="diagonal-line white second"></div>
<div class="diagonal-line blue third"></div>
<div class="grid-col hexagons">
    <div class="hexagon1"></div>
    <div class="hexagon2">
        <img height="101%" width="101%" data-polyclip="
        59%, 2%,
        99%, 2%,
        40%, 96%,
        0%, 96%" src="/img/header-image-1.jpg"/>
    </div>
    <div class="hexagon3"></div>


    <div class="triangle1">
        <img height="99.5%" width="100.5%" data-polyclip="
        0, 100%,
        99%, 2%,
        99%, 100%,
        0, 100%" class="clip-polygon2" src="/img/header-image-2.jpg"/>
    </div>
    <div class="triangle2"></div>
</div>