@extends('app')

@section('title', !empty($texts['page_title']->data) ? $texts['page_title']->data : 'Chcete zhubnout, cítit se lépe a v kondici? ')
@section('metaDescription', $texts['description']->data)
@section('metaKeywords', $texts['keywords']->data)

@section('body-class', 'custom-background')

@section('content')
    <div class="intro">
        <div class="wrap">
            <h1>Get <span class="color-1">Fit</span> <span class="color-2">Online</span></h1>
            <span class="intro-slogan">Měnit slova v činy</span>

            @include('_partials.try-default')
        </div>
    </div>

    @include('_partials.categories')

    <div class="features">
        <div class="wrap">

            <div class="row">

                <div class="features-item features-item-1">
					<span class="features-item-text">
						<strong class="title">TOP trenéři</strong>
						<span class="perex">{!! $texts['top_traineers']->data !!} </span>
						<span class="icon"><span class="ico ico-toptreners"></span></span>
					</span>
                    <span class="features-item-img">
						<img src="images/features-1.jpg" alt="">
					</span>
                </div>

                <div class="features-item features-item-2">
					<span class="features-item-text">
						<strong class="title">Jídelníčky pro každého</strong>
						<span class="perex"> {!! $texts['diets_for_everyone']->data !!} </span>
						<span class="icon"><span class="ico ico-menus"></span></span>
					</span>
                    <span class="features-item-img">
						<img src="images/features-2.jpg" alt="">
					</span>
                </div>

            </div>

            <div class="row">

                <div class="features-item features-item-3">
					<span class="features-item-text">
						<strong class="title">Denní plán</strong>
						<span class="perex">{!! $texts['daily_plan']->data !!}</span>
						<span class="icon"><span class="ico ico-plan"></span></span>
					</span>
                    <span class="features-item-img">
						<img src="images/features-3.jpg" alt="">
					</span>
                </div>

                <div class="features-item features-item-4">
					<span class="features-item-text">
						<strong class="title">Motivace</strong>
						<div class="perex smaller">{!! $texts['motivation']->data !!}</div>
						<span class="icon"><span class="ico ico-motivation"></span></span>
					</span>
                    <span class="features-item-img">
						<img src="images/features-4.jpg" alt="">
					</span>
                </div>

            </div>

        </div>
    </div>

    <div class="content">
        <div class="wrap">

            {!! $texts['main']->data !!}

            <div class="text-center">
                <a href="{{route('order.index', 'zhubnout')}}" class="button button__call-to-action">Chci začít</a>
            </div>

        </div>
    </div>
@endsection