@extends('front.layouts.master')

@section('seo_title', $global_other_page_items->page_about_seo_title)
@section('seo_meta_description', $global_other_page_items->page_about_seo_meta_description)

@section('content')
<!-- Banner Section -->
<section class="page-title" style="background-image: url({{ asset('uploads/'.$global_setting->banner) }});">
    <div class="auto-container">
        <div class="title-outer">
            <h1 class="title">{{ $global_other_page_items->page_about_title }}</h1>
            <ul class="page-breadcrumb">
                <li><a href="{{ url('/') }}">{{ __('Home') }}</a></li>
                <li>{{ $global_other_page_items->page_about_title }}</li>
            </ul>
        </div>
    </div>
</section>
<!-- // Banner Section -->
 

<!-- About Section -->
@if($global_other_page_items->page_about_welcome_status == 'Show')
<section class="about-section">
    <div class="auto-container">
        <div class="row">
            <div class="content-column col-xl-6 col-lg-7 col-md-12 col-sm-12 order-2 wow fadeInRight" data-wow-delay="600ms">
                <div class="inner-column">
                    <div class="sec-title">
                        <span class="sub-title">{{ $global_other_page_items->page_about_welcome_subheading }}</span>
                        <h2>{{ $global_other_page_items->page_about_welcome_heading }}</h2>
                        <div class="text">
                            {!! nl2br($global_other_page_items->page_about_welcome_text) !!}
                        </div>
                    </div>
                    <ul class="list-style-two">
                        <li><i class="fa fa-check-circle"></i> {{ $global_other_page_items->page_about_welcome_list1 }}</li>
                        <li><i class="fa fa-check-circle"></i> {{ $global_other_page_items->page_about_welcome_list2 }}</li>
                        <li><i class="fa fa-check-circle"></i> {{ $global_other_page_items->page_about_welcome_list3 }}</li>
                    </ul>
                    <div class="btn-box">
                        <a href="tel:{{ $global_other_page_items->page_about_welcome_phone }}" class="info-btn">
                            <i class="icon fa fa-phone"></i>
                            <small>{{ __('Call Anytime') }}</small> {{ $global_other_page_items->page_about_welcome_phone }}
                        </a>
                        <a href="{{ $global_other_page_items->page_about_welcome_button_url }}" class="theme-btn btn-style-one"><span class="btn-title">{{ $global_other_page_items->page_about_welcome_button_text }}</span></a>
                    </div>
                </div>
            </div>

            <div class="image-column col-xl-6 col-lg-5 col-md-12 col-sm-12">
                <div class="inner-column wow fadeInLeft">
                    <figure class="image-1 overlay-anim wow fadeInUp"><img src="{{ asset('uploads/'.$global_other_page_items->page_about_welcome_photo1) }}" alt=""></figure>
                    <figure class="image-2 overlay-anim wow fadeInRight"><img src="{{ asset('uploads/'.$global_other_page_items->page_about_welcome_photo2) }}" alt=""></figure>
                    <div class="experience bounce-y">
                        <div class="inner">
                            <i class="icon flaticon-discuss"></i>
                            <div class="text"><strong>{{ $global_other_page_items->page_about_welcome_experience_years }}</strong> {{ __('Years of Experience') }}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif
<!-- // About Section -->


<!-- Services Section -->
@if($global_other_page_items->page_about_service_status == 'Show')
<section class="services-section pt-0">
    <div class="auto-container">
        <div class="sec-title text-center">
            <span class="sub-title">{{ $global_other_page_items->page_about_service_subheading }}</span>
            <h2>{!! nl2br($global_other_page_items->page_about_service_heading) !!}</h2>
        </div>
        <div class="row">
            @foreach($services as $row)
            <div class="service-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp">
                <div class="inner-box">
                    <div class="icon-box"><i class="icon {{ $row->icon }}"></i></div>
                    <h5 class="title">
                        <a href="{{ route('service',$row->slug) }}">{{ $row->name }}</a>
                    </h5>
                    <div class="text">
                        {!! nl2br($row->short_description) !!}
                    </div>
                    <a href="{{ route('service',$row->slug) }}" class="read-more"><i class="fa fa-long-arrow-alt-right"></i> {{ __('Read More') }}</a>
                </div>
            </div>
            @endforeach
        </div>
        <div class="bottom-box">
            <a href="{{ route('services') }}" class="theme-btn btn-style-one"><span class="btn-title">{{ __('Explore All Services') }}</span></a>
        </div>
    </div>
</section>
@endif
<!-- // Services Section-->


<!-- Portfolios Section -->
@if($global_other_page_items->page_about_portfolio_status == 'Show')
<section class="projects-section-two p-0">
    <div class="bg-image" style="background-image: url({{ asset('uploads/'.$global_other_page_items->page_about_portfolio_background) }})"></div>
    <div class="auto-container">
        <div class="upper-box">
            <div class="counter-column">
                <div class="count-box">
                    <span class="title">{{ $global_other_page_items->page_about_portfolio_work_heading }}</span>
                    <div class="numbers">{{ $global_other_page_items->page_about_portfolio_work_number }}</div>
                </div>
            </div>
            <div class="text-column">
                <div class="text">
                    {!! nl2br($global_other_page_items->page_about_portfolio_work_text) !!}
                </div>
            </div>
        </div>

        <div class="sec-title text-center light">
            <span class="sub-title">{{ $global_other_page_items->page_about_portfolio_subheading }}</span>
            <h2>{{ $global_other_page_items->page_about_portfolio_heading }}</h2>
        </div>

        <div class="carousel-outer">
            <div class="projects-carousel owl-carousel owl-theme">
            @foreach ($portfolios as $row)
            <div class="project-block">
                <div class="inner-box">
                    <div class="image-box">
                        <figure class="image"><a href="{{ route('portfolio',$row->slug) }}"><img src="{{ asset('uploads/'.$row->photo) }}" alt=""></a>
                        </figure>
                        <div class="info-box">
                            <a href="{{ route('portfolio',$row->slug) }}" class="read-more"><i class="fa fa-long-arrow-alt-right"></i></a>
                            <h6 class="title"><a href="{{ route('portfolio',$row->slug) }}">{{ $row->name }}</a></h6>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
            </div>
        </div>
    </div>
</section>
@endif
<!-- // Portfolios Section -->


<!-- Clients Section -->
@if($global_other_page_items->page_about_client_status == 'Show')
<section class="clients-section">
    <div class="auto-container">
        <div class="sponsors-outer">
            <ul class="clients-carousel owl-carousel owl-theme">
                @foreach($clients as $row)
                <li class="slide-item">
                    <a href="@if($row->url == '') 'javascript:void;' @else $row->url @endif" @if($row->url != '') 'target="_blank"' @endif>
                        <img src="{{ asset('uploads/'.$row->photo) }}" alt="">
                    </a>
                </li>
                @endforeach
            </ul>
        </div>
    </div>
</section>
@endif
<!-- // Clients Section -->

@endsection