<div class="o-hero  @if($component->reversed) o-hero--inverted @endif">
    <div class="o-hero__contain">
        <div class="o-hero__main">

            @if(isset($component->image) && $component->image->isNotEmpty())
                <div class="o-hero__image">
                    @include('site.components.image', ['images' => $component->image])

                    @php $randomIcon = rand(0, 5); @endphp

                    @if($randomIcon !== 0)
                        <div class="o-hero__image__image-icon
                            @switch(rand(0, 3))
                                @case(1)
                                    o-hero__image__image-icon--green
                                    @break
                                @case(2)
                                    o-hero__image__image-icon--yellow
                                    @break
                                @case(3)
                                    o-hero__image__image-icon--turquoise
                                    @break
                            @endswitch
                            @if(rand(0, 1) !== 0)
                                o-hero__image__image-icon--bottom
                            @endif
                        ">
                            @switch($randomIcon)
                                @case(1)
                                    @include('site.components.ornaments.oval')
                                    @break
                                @case(2)
                                    @include('site.components.ornaments.pentagon')
                                    @break
                                @case(3)
                                    @include('site.components.ornaments.triangle')
                                    @break
                                @case(4)
                                    @include('site.components.ornaments.square')
                                    @break
                                @default
                                    @include('site.components.ornaments.hexagon')
                                    @break
                            @endswitch
                        </div>
                    @endif
                </div>
            @endif

            <div class="o-hero__content">
                <div class="s-text">
                    {!! $component->text !!}
                </div>

                @if(!empty($component->button_label) && !empty($component->button_link))
                    <div class="o-hero__button">
                        @include('site.components.button', ['modifiers' => 'green', 'buttonText' => $component->button_label, 'buttonLink' => $component->button_link])
                    </div>
                @endif
            </div>

        </div>
    </div>
</div>