@extends('layouts.layout')
@section('content')
    <!-- Main content Start -->
    <div class="main-content">
        <!-- Slider Start -->
        <div id="rs-slider" class="rs-slider slider1">
            <div class="bend niceties">
                <div id="nivoSlider" class="slides">
                    @foreach (\App\Image::latest()->take(6)->get() as $image)
                        <img src="{{$image->imagePath}}" alt="" title="#slide-{{$loop->index}}" />
                    @endforeach
                    <img src="{{url('images/slider/h1-sl2.jpg')}}" alt="" title="#slide-2" />
                </div>
                <!-- Slide 1 -->
                <div id="slide-1" class="slider-direction">
                    <div class="container">
                        <div class="row align-items-center">
                            <div class="col-lg-6">
                                <div class="content-part">
                                    <div class="slider-des">
                                        <div class="sl-sub-title">Need Any Help</div>
                                        <h1 class="sl-title white-color">We Fight Right</h1>
                                        <div class="sl-desc margin-0">
                                            We denounce with righteous indignation and dislike men who are <br>beguiled and demoralized by the charms of pleasure.
                                        </div>
                                    </div>
                                    <div class="slider-bottom">
                                        <ul>
                                            <li><a href="{{route('contact')}}" class="readon">Contact Us</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 hidden-md">
                                <div class="sl-ly-img">
                                    <img src="{{asset('images/slider/ly1.png')}}" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Slide 2 -->
                <div id="slide-2" class="slider-direction">
                    <div class="container">
                        <div class="row align-items-center">
                            <div class="col-lg-6">
                                <div class="content-part">
                                    <div class="slider-des">
                                        <div class="sl-sub-title">Award Winning</div>
                                        <h1 class="sl-title white-color">Leading Law Firm</h1>
                                        <div class="sl-desc margin-0">
                                            We denounce with righteous indignation and dislike men who are <br>beguiled and demoralized by the charms of pleasure.
                                        </div>
                                    </div>
                                    <div class="slider-bottom">
                                        <ul>
                                            <li><a href="{{route('contact')}}" class="readon">Contact Us</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 hidden-md">
                                <div class="sl-ly-img">
                                    <img src="{{asset('images/slider/ly2.png')}}" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Slider End -->

        <!-- Services Start -->
        <div id="rs-services" class="rs-services style1 long-gap md-pt-80">
            <div class="container">
                <div class="row rs-vertical-middle">
                    <div class="col-lg-12">
                        <div class="service-inner">
                            <div class="service-box">
                                <div class="image-part">
                                    <img src="{{asset('images/services/icons/1.png')}}" alt="">
                                </div>
                                <div class="text">
                                    <h4 class="title"><a href="#">100% Success Rate</a></h4>
                                    <div class="desc">Creation timelines for the standard best service  passage vary, with some citing the 15th century.</div>
                                </div>
                            </div>
                            <div class="service-box dark-bg">
                                <div class="image-part">
                                    <img src="{{asset('images/services/icons/2.png')}}" alt="">
                                </div>
                                <div class="text">
                                    <h4 class="title"><a href="#">Expert Legal Services</a></h4>
                                    <div class="desc">Creation timelines for the standard best service  passage vary, with some citing the 15th century.</div>
                                </div>
                            </div>
                            <div class="service-box">
                                <div class="image-part">
                                    <img src="{{asset('images/services/icons/3.png')}}" alt="">
                                </div>
                                <div class="text">
                                    <h4 class="title"><a href="#">Highly Recommend</a></h4>
                                    <div class="desc">Creation timelines for the standard best service  passage vary, with some citing the 15th century.</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Services End -->

        <!-- About Section Start -->
        <div id="rs-about" class="rs-about style1 pt-120 pb-120 md-pt-80 md-pb-78">
            <div class="container">
                <div class="row rs-vertical-middle">
                    <div class="col-lg-5 md-mb-30">
                        <img src="{{asset('images/about/home-about-1.jpg')}}" alt="">
                    </div>
                    <div class="col-lg-7 pl-45 md-pl-15">
                        <div class="sec-title mb-24">
                            <div class="sub-title primary">About Us</div>
                            <h2 class="title mb-0">Welcome to Alqanuni Advocates </h2>
                        </div>
                        <p class="des mb-36">We are proud to Introduce ourselves as  UAE'S Leading Law Firm, established by Mr Sherif Ahmed Alqathani in the year 2007, to provide effective, efficient, and creative legal services to meet the distinctive needs of local and international companies as well as public sector entities.</p>
                        <p class="des">The firm expanded and steadily grown through the years to become one of the leading law firms in UAE as our firm deals with all issues pertaining to doing business in UAE whereas our philosophy and legal services concentrate on giving straightforward solutions and providing legal advice and representation that assist and allow companies and individuals to achieve and fulfil their  sought after objectives while minimizing legal risk.</p>
                        <div class="info mt-25">

                            <p class="designation">CEO & Founder of Alqanuni</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- About Section End -->

        <!-- Our Practice Areas Start -->
        <div class="rs-our-practice style1 title-bg pt-114 pb-120 md-pt-72 md-pb-80" id="services">
            <div class="container">
                <div class="sec-title top-line text-center mb-49 xs-mb-31">
                    <div class="sub-title primary">What We Do</div>
                    <h2 class="title white-color mb-0">Our Services </h2>
                </div>
                <div class="row">
                    @foreach (\App\Service::latest()->take(6)->get() as $service)
                        <div class="col-lg-4 col-md-6 mb-30">
                            <div class="practice-inner">
                                <div class="icon-part">
                                    <i class="{{$service->icon}}"></i>
                                </div>
                                <div class="content-part">
                                    <h4 class="title"><a href="{{route('service.show',$service)}}">{{$service->title}}</a></h4>
                                    <!--<div class="desc">{{substr($service->content,0,50)}}</div>-->
                                </div>
                            </div>
                        </div>
                    @endforeach


{{--                    <div class="col-lg-4 col-md-6 mb-30">--}}
{{--                        <div class="practice-inner">--}}
{{--                            <div class="icon-part">--}}
{{--                                <img src="{{asset('images/practice/icons/3.png')}}" alt="">--}}
{{--                            </div>--}}
{{--                            <div class="content-part">--}}
{{--                                <h4 class="title"><a href="service-single.html">Education law</a></h4>--}}
{{--                                <div class="desc">Law is complex from a method view point except your activity about corporate business.</div>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                    <div class="col-lg-4 col-md-6 mb-30">--}}
{{--                        <div class="practice-inner">--}}
{{--                            <div class="icon-part">--}}
{{--                                <img src="{{asset('images/practice/icons/4.png')}}" alt="">--}}
{{--                            </div>--}}
{{--                            <div class="content-part">--}}
{{--                                <h4 class="title"><a href="service-single.html">Family law</a></h4>--}}
{{--                                <div class="desc">Law is complex from a method view point except your activity about corporate business.</div>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                    <div class="col-lg-4 col-md-6 mb-30">--}}
{{--                        <div class="practice-inner">--}}
{{--                            <div class="icon-part">--}}
{{--                                <img src="{{asset('images/practice/icons/5.png)'}}" alt="">--}}
{{--                            </div>--}}
{{--                            <div class="content-part">--}}
{{--                                <h4 class="title"><a href="service-single.html">Personal injury</a></h4>--}}
{{--                                <div class="desc">Law is complex from a method view point except your activity about corporate business.</div>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                    <div class="col-lg-4 col-md-6 mb-30">--}}
{{--                        <div class="practice-inner">--}}
{{--                            <div class="icon-part">--}}
{{--                                <img src="{{asset('images/practice/icons/6.png)'}}" alt="">--}}
{{--                            </div>--}}
{{--                            <div class="content-part">--}}
{{--                                <h4 class="title"><a href="service-single.html">Real estate law</a></h4>--}}
{{--                                <div class="desc">Law is complex from a method view point except your activity about corporate business.</div>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
                </div>
                <div class="btn-area text-center pt-30">
                    <a href="{{route('services')}}" class="readon">View All Services</a>
                </div>
            </div>
        </div>
        <!-- Our Practice Areas END -->


        <!-- Partner Start -->
        <div class="rs-partner bg4 pt-57 pb-51">
            <div class="container">

                <div class="sec-title top-line text-center mb-49 xs-mb-31">
                    <div class="sub-title primary">Successful Partners</div>
                    <h2 class="title  mb-0">Our Clients </h2>
                </div>

                <div class="rs-carousel owl-carousel" data-loop="true" data-items="6" data-margin="30" data-autoplay="true" data-autoplay-timeout="8000" data-smart-speed="2000" data-dots="false" data-nav="true" data-nav-speed="false" data-mobile-device="2" data-mobile-device-nav="true" data-mobile-device-dots="false" data-ipad-device="3" data-ipad-device-nav="true" data-ipad-device-dots="false" data-ipad-device2="3" data-ipad-device-nav2="true" data-ipad-device-dots2="false" data-md-device="6" data-md-device-nav="true" data-md-device-dots="false">
                    @foreach (\App\Client::latest()->get() as $client)
                        <div class="partner-item">
                            <a href="#"><img src="{{$client->imagePath}}" alt="Partner Image {{$client->id}}"></a>
                        </div>
                    @endforeach


{{--                    <div class="partner-item">--}}
{{--                        <a href="#"><img src="{{asset('images/partner/2.png')}}" alt="Partner Image"></a>--}}
{{--                    </div>--}}
{{--                    <div class="partner-item">--}}
{{--                        <a href="#"><img src="{{asset('images/partner/3.png')}}" alt="Partner Image"></a>--}}
{{--                    </div>--}}
{{--                    <div class="partner-item">--}}
{{--                        <a href="#"><img src="{{asset('images/partner/4.png')}}" alt="Partner Image"></a>--}}
{{--                    </div>--}}
{{--                    <div class="partner-item">--}}
{{--                        <a href="#"><img src="{{asset('images/partner/5.png')}}" alt="Partner Image"></a>--}}
{{--                    </div>--}}
{{--                    <div class="partner-item">--}}
{{--                        <a href="#"><img src="{{asset('images/partner/6.png')}}" alt="Partner Image"></a>--}}
{{--                    </div>--}}
{{--                    <div class="partner-item">--}}
{{--                        <a href="#"><img src="{{asset('images/partner/7.png')}}" alt="Partner Image"></a>--}}
{{--                    </div>--}}
{{--                    <div class="partner-item">--}}
{{--                        <a href="#"><img src="{{asset('images/partner/8.png')}}" alt="Partner Image"></a>--}}
{{--                    </div>--}}
                </div>
            </div>
        </div>
        <!-- Partner End -->



        <!-- Testimonia Section Start -->
        <div class="rs-testimonia modify2 circle-bg pt-113 pb-120 md-pt-84 md-pb-80" id="testimonial">
            <div class="container">
                <div class="sec-title top-line text-center mb-68 md-mb-40">
                    <div class="sub-title primary">Testimonials</div>
                    <h2 class="title mb-0">What Our Client Says</h2>
                </div>
                <div class="testimonials-inner">
                    <div class="slider-for">
                        @foreach (\App\Testimonial::latest()->take(6)->get() as $testimonial)
                        <div class="item">
                            <p class="desc">{{$testimonial->message}}</p>
                            <div class="author-info">
                                <h4 class="name">{{$testimonial->name}}</h4>
                                <span class="designation">{{$testimonial->title}}</span>
                            </div>
                        </div>
                        @endforeach

{{--                        <div class="item">--}}
{{--                            <p class="desc">We denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue and equal blame belongs to those who failness fallness just in their duty through weakness.</p>--}}
{{--                            <div class="author-info">--}}
{{--                                <h4 class="name">Leana Mendis</h4>--}}
{{--                                <span class="designation">Lawyer</span>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                        <div class="item">--}}
{{--                            <p class="desc">We denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue and equal blame belongs to those who failness fallness just in their duty through weakness.</p>--}}
{{--                            <div class="author-info">--}}
{{--                                <h4 class="name">Micle Shwan</h4>--}}
{{--                                <span class="designation">Designer</span>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                        <div class="item">--}}
{{--                            <p class="desc">We denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue and equal blame belongs to those who failness fallness just in their duty through weakness.</p>--}}
{{--                            <div class="author-info">--}}
{{--                                <h4 class="name">Israt Jahan</h4>--}}
{{--                                <span class="designation">Consultant</span>--}}
{{--                            </div>--}}
{{--                        </div>--}}
                    </div>
                    <div class="slider-nav">
{{--                        <div class="item">--}}
{{--                            <img src="{{asset('images/testimonial/1.jpg')}}" alt="image" draggable="false" />--}}
{{--                        </div>--}}
{{--                        <div class="item">--}}
{{--                            <img src="{{asset('images/testimonial/2.jpg')}}" alt="image" draggable="false" />--}}
{{--                        </div>--}}
{{--                        <div class="item">--}}
{{--                            <img src="{{asset('images/testimonial/3.jpg')}}" alt="image" draggable="false" />--}}
{{--                        </div>--}}
{{--                        <div class="item">--}}
{{--                            <img src="{{asset('images/testimonial/4.jpg')}}" alt="image" draggable="false" />--}}
{{--                        </div>--}}
                    </div>
                </div>
            </div>
        </div>
        <!-- Testimonia Section End -->


    </div>


@stop