@extends('layouts.public')

@section('title') {{trans('seo.title.services')}} @endsection

@section('content')
<div class="sub-banner overview-bgi">
    <div class="overlay">
        <div class="container">
            <div class="breadcrumb-area">
                <h1>{!!trans('services.page.title')!!}</h1>
                <ul class="breadcrumbs">
                    <li><a href="{{route('public.index')}}">{!!trans('services.page.subtitle')!!}</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="services content-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-md-4 col-sm-6">
                <div class="services-info">
                    <i class="lnr lnr-users"></i>
                    <h5>{!!trans('services.service1.title')!!}</h5>
                    <p>{!!trans('services.service1.text')!!}</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6">
                <div class="services-info">
                    <i class="lnr lnr-crop"></i>
                    <h5>{!!trans('services.service2.title')!!}</h5>
                    <p>{!!trans('services.service2.text')!!}</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6">
                <div class="services-info">
                    <i class="lnr lnr-construction"></i>
                    <h5>{!!trans('services.service3.title')!!}</h5>
                    <p>{!!trans('services.service3.text')!!}</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-4 col-md-4 col-sm-6">
                <div class="services-info">
                    <i class="lnr lnr-license"></i>
                    <h5>{!!trans('services.service4.title')!!}</h5>
                    <p>{!!trans('services.service4.text')!!}</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6">
                <div class="services-info">
                    <i class="lnr lnr-apartment"></i>
                    <h5>{!!trans('services.service5.title')!!}</h5>
                    <p>{!!trans('services.service5.text')!!}</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6">
                <div class="services-info">
                    <i class="lnr lnr-home"></i>
                    <h5>{!!trans('services.service6.title')!!}</h5>
                    <p>{!!trans('services.service6.text')!!}</p>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection