<section class="l-grid o-headerStreamer">
    <div class="l-bisection c-headerStreamer">
        <div class="l-bisection__item c-headerStreamer__left">
            <h1>{!! $component->getValueFromAttribute('Title') !!}</h1>
            {!! $component->getValueFromAttribute('Text') !!}
            @if(!empty($component->getValueFromAttribute('linkAddress')))
                <a href="{!! $component->getValueFromAttribute('linkAddress') !!}">
                    @include('site.components.button', ['buttonText' => $component->getValueFromAttribute('linkText'), 'modifiers' => ['icon', 'text']])
                </a>
            @endif
        </div>
        <div class="l-bisection__item c-headerStreamer__right">
            @if($component->getValueFromAttribute('Image','getValueAsCollection')->count() > 0)
                @include('svg.mask', ['img' => $component->getValueFromAttribute('Image','getValueAsCollection')[0]->medium_image_url, 'color'=> '#7AD3FF', 'vb_w' => 720, 'vb_h' => 682 , 'pathId' => $component->getValueFromAttribute('Path')])
            @endif
        </div>
    </div>
</section>