<div class="l-grid  o-block">

    {{-- Article component without a 'c-article__hero' and a 'c-article__heading' --}}
    <div class="c-article">
        <div class="c-article__content">

            <div class="c-article__menu">
                {{-- Options menu without the social share buttons--}}
                <ul class="c-options-menu">
                    <li class="c-options-menu__segment">
                        <h4 class="c-options-menu__label">Back to stories</h4>
                        @include('site.components.iconButton', ['icon' => 'arrow', 'dataIconDirection' => 'reverse', 'link' => '#0'])
                    </li>
                </ul>

            </div>

            <div class="c-article__intro">
                <p class="c-lead">
                    Vanaja Event Solutions is specialized on rigging, furniture rental and stage equipment.
                    They serve a large variety of customers, starting from small cultural events to major music festivals.
                </p>
            </div>

            <div class="c-article__text  s-text">
                <h3>The Problem</h3>
                <p>
                    At the start of every rental project two of our team-members work on the sales process with our client. They create a project in Rentman, add the desired equipment, check its availability and create a general cost overview. The visual equipment overview enables them to check equipment availability at any given point of time, which ultimately minimizes the chance that we forget an important piece of equipment during preparation.
                </p>
                <h3>Our solution</h3>
                <p>
                    Based on this planning I send out the invitations to the crew with Rentman’s integrated invitation feature. The automated function really saves us a lot of time as we don't need to write mails anymore or call all of them individually. Crew members get the e-mail and can simply click on “Accept” to confirm their participation for the event. Afterwards the only thing they need to do is login and see all important information in one central place. All-in-all it's much faster and way more accurate.
                </p>
                <h3>Great Outcome</h3>
                <p>After setting the project as an option, our warehouse manager easily completes the list by adding the missing materials and finishing off the equipment planning. Due to the rental software’s simple design we now create all our quotations in Rentman, no matter if we are on the move or in the office.</p>
            </div>

        </div>
        {{-- End of 'c-article__content' --}}
    </div>
</div>

<div class="l-grid  o-block-bg">
    <ul class="l-matrix">
        @for ($i = 1; $i <=3; $i++)
            <li class="l-matrix__item">
                @include('site.components.card', ['modifiers' => ['box']])
            </li>
        @endfor
    </ul>
</div>


<div class="l-grid  o-block">
    <div class="l-matrix">
        @for ($i = 1; $i <= 3; $i++)
            <article class="l-matrix__item  c-thumbnail  c-thumbnail--pop">
                <a class="c-thumbnail__link" href="#0" class="c-thumbnail__link">
                    <div class="c-thumbnail__frame">
                        @if ($i % 3 == 0)
                            <span class="c-thumbnail__image" style="background-image:url('https://fakeimg.pl/660x528/ffffff/6644dd/?text=AVCOM {{$i}}&font=bebas');"></span>
                        @elseif ($i % 3 == 1)
                            <span class="c-thumbnail__image" style="background-image:url('https://fakeimg.pl/660x528/ffffff/ee0044/?text=Kivo {{$i}}&font=museo');"></span>
                        @else
                            <span class="c-thumbnail__image" style="background-image:url('https://fakeimg.pl/660x528/ffffff/22aa55/?text=Event Flow {{$i}}&font=lobster');"></span>
                        @endif
                    </div>
                    <div class="c-thumbnail__content">
                        <p class="c-thumbnail__caption">Customer name</p>
                        @include('site.components.description', ['modifiers' => ['equal'], 'descriptionTerm' => 'AV Production', 'descriptionDetail' => '45 employees'])
                    </div>
                </a>
            </article>
        @endfor
    </div>
</div>

<div class="l-grid  o-block-bg">
    @include('site.components.cta.cta--bar')
</div>