@extends('web.layouts.default')
@section('content')
@isset($sections[0])
@php $section0= $sections[0]; @endphp
@if(isset($section0->image) && $section0->image!="")
@php $image=asset(Storage::url('public/sections')).'/'.$section0->page->alias.'/'.$section0->image @endphp
@else
@php $image='' @endphp
@endif
<section>
    <div class="container-fluid">
        <div class="row">
            <div class="col-12 p-0">
                <div class="about-head head-top-hgt" style="background-image:url({{$image}})">
                    <div class="container">
                        <div class="ihead-text main-heading ">
                            <h2>{{ $section0->title }}</h2>
                            <a href="{{ route('web.home') }}">Home</a><span href="#">{{ $section0->title }}</span>
                        </div>
                    </div>
                    <div class="i-head-bg"></div>
                </div>
            </div>
        </div>
    </div>
</section>
@endisset

@isset($sections[1])
@php $section1= $sections[1]; @endphp
<section class="about-text pad100">
    <div class="container">
        <div class="row">
            <div class="g-border"></div>
            <div class="col-12 text-center main-head">
                <h3>{{ $section1->title }}</h3>
            </div>
            <div class="col-xxl-12">
                <p>{!! $section1->description !!}</p>
            </div>
            <!-- <div class="col-xxl-6">
                <p>Cras cursus est a leo volutpat, vitae convallis mauris bibendum. In vel ante nec lectus posuere blandit. Fusce suscipit pellentesque quam, nec consectetur orci molestie eu. Nunc ultricies erat ac erat aliquet, a consectetur dui mollis. Donec ut ex tellus. Donec commodo consectetur massa nec laoreet. Duis enim est, hendrerit in odio nec, venenatis fermentum nunc. Nulla egestas magna non lorem sollicitudin, eu pharetra sem convallis. </p>
            </div> -->
        </div>
        @isset($section1->sub_sections)

        <div class="row text-center pt-5">
            @foreach($section1->sub_sections as $sub_sec)
            <div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6 col-sm-6 col-12">
                <h4>{{ $sub_sec->title }}</h4>
                <h6>{{ $sub_sec->sub_title }}</h6>
            </div>
            @endforeach
            <!-- <div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6 col-sm-6 col-12">
                <h4>150+</h4>
                <h6>Staff Members</h6>
            </div>
            <div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6 col-sm-6 col-12">
                <h4>50+</h4>
                <h6>Offices</h6>
            </div>
            <div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6 col-sm-6 col-12">
                <h4>450+</h4>
                <h6>Local Experts</h6>
            </div> -->
        </div>
        @endisset
    </div>
</section>
@endisset

@isset($sections[2])
@php $section2= $sections[2]; @endphp
<section class="our-values">
    <div class="container">
        <div class="row">
            <div class="col-12 text-center main-head">
                <h3>{{ $section2->title }}</h3>
            </div>
        </div>
        @isset($section2->sub_sections)
        <div class="row">
            @foreach($section2->sub_sections as $sub_sec)
            <div class="col-xxl-4 col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12">
                <div class="values-box">
                    @if(isset($sub_sec->image) && $sub_sec->image!="")
                    @php $image=asset(Storage::url('public/sections')).'/'.$sub_sec->page->alias.'/'.$sub_sec->image @endphp
                    @else
                    @php $image='' @endphp
                    @endif

                    <img src="{{ $image }}" alt="">
                    <h4>{{ $sub_sec->title }}</h4>
                    <p>{!! $sub_sec->description !!}</p>
                </div>
            </div>
            @endforeach
            <!-- <div class="col-xxl-4 col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12">
                <div class="values-box">
                    <img src="imgs/icon2.svg" alt="">
                    <h4>Teamwork</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam massa purus, bibendum gravida efficitur tellus.</p>
                </div>
            </div>
            <div class="col-xxl-4 col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12">
                <div class="values-box">
                    <img src="imgs/icon3.svg" alt="">
                    <h4>Innovative</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam massa purus, bibendum gravida efficitur tellus.</p>
                </div>
            </div>
            <div class="col-xxl-4 col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12">
                <div class="values-box">
                    <img src="imgs/icon4.svg" alt="">
                    <h4>Respect</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam massa purus, bibendum gravida efficitur tellus.</p>
                </div>
            </div>
            <div class="col-xxl-4 col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12">
                <div class="values-box">
                    <img src="imgs/icon5.svg" alt="">
                    <h4>Trust</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam massa purus, bibendum gravida efficitur tellus.</p>
                </div>
            </div>
            <div class="col-xxl-4 col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12">
                <div class="values-box">
                    <img src="imgs/icon6.svg" alt="">
                    <h4>Gratitude</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam massa purus, bibendum gravida efficitur tellus.</p>
                </div>
            </div> -->
        </div>
        @endisset
    </div>
</section>
@endisset

<section class="bg-light pad100 our-team">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="g-border-left"></div>
                <h3 class="mb-4">Our team</h3>
            </div>
            <div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12">
                <div class="team-main">
                    <a href="#">
                        <img class="img-fluid" src="imgs/team1.jpg" alt="">
                        <div class="team-name">
                            <h5>Shea Pike</h5>
                            <h6>Executive Director</h6>
                        </div>
                        <span><i class="fa fa-phone"></i> (987) 305 5487</span><span><i class="fa fa-envelope-o"></i> Shea Pike</span>
                    </a>
                    <div class="team-textbg"></div>
                </div>
            </div>
            <div class="col-xxl-3  col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12">
                <div class="team-main">
                    <a href="#">
                        <img class="img-fluid" src="imgs/team2.jpg" alt="">
                        <div class="team-name">
                            <h5>Lee Mackay</h5>
                            <h6>Manager</h6>
                        </div>
                        <span><i class="fa fa-phone"></i> (987) 305 5487</span><span><i class="fa fa-envelope-o"></i> Lee Mackay</span>
                    </a>
                    <div class="team-textbg"></div>
                </div>
            </div>
            <div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12">
                <div class="team-main">
                    <a href="#">
                        <img class="img-fluid" src="imgs/team3.jpg" alt="">
                        <div class="team-name">
                            <h5>Kacy Ashton</h5>
                            <h6>Designer</h6>
                        </div>
                        <span><i class="fa fa-phone"></i> (987) 305 5487</span><span><i class="fa fa-envelope-o"></i> Kacy Ashton</span>
                    </a>
                    <div class="team-textbg"></div>
                </div>
            </div>
            <div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12">
                <div class="team-main">
                    <a href="#">
                        <img class="img-fluid" src="imgs/team4.jpg" alt="">
                        <div class="team-name">
                            <h5>Markus Rangel</h5>
                            <h6>Marketing</h6>
                        </div>
                        <span><i class="fa fa-phone"></i> (987) 305 5487</span><span><i class="fa fa-envelope-o"></i> Markus Rangel</span>
                    </a>
                    <div class="team-textbg"></div>
                </div>
            </div>
        </div>
    </div>
</section>

@isset($sections[3])
@php $section3= $sections[3]; @endphp
<section class="pad100 blog-main">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="g-border-left"></div>
                <h3 class="mb-4">{{$section3->title}}</h3>
            </div>