timegridio/timegrid

@extends('layouts.bare')

@section('content')
<style>
    .caption {
        height: 80px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .btn {
        -webkit-transition: 300ms;
        transition: 300ms;
    }
</style>
<div class="container">
    <div class="row">
        {!! Alert::info(trans('wizard.alert')) !!}
    </div>

    <div class="row">
        <div class="col-md-offset-2">
            <div class="col-md-5">
            {!! Panel::normal()->withHeader(trans('wizard.business.header'))->withBody(
                Thumbnail::image(asset('img/wizard/panel-business.png'))->caption(trans('wizard.business.caption')).
                Button::success(trans('wizard.business.btn'))->large()->block()->asLinkTo(route('wizard.pricing'))
                ) !!}
            </div>

            <div class="col-md-5">
            {!! Panel::normal()->withHeader(trans('wizard.user.header'))->withBody(
                Thumbnail::image(asset('img/wizard/panel-user.png'))->caption(trans('wizard.user.caption')).
                Button::primary(trans('wizard.user.btn'))->large()->block()->asLinkTo(route('user.directory.list'))
                ) !!}
            </div>
        </div>
    </div>
</div>
@endsection

@push('footer_scripts')
{!! TidioChat::js() !!}
@endpush