@extends('front.template.master')

@section('title', 'Unilinkindia')

@section('content')
    <style>
        .site-banner {
            height: 100vh;
            min-height: 500px;
            background-image: url("{{ asset('public/front/images/banner/banner.webp') }}");
            background-size: cover;
            background-position: center 35%;
            background-repeat: no-repeat;
        }
    </style>

    <!-- Hero Slider Area -->
    {{-- <div class="heroslider-area in-sliderarrow">
        <!-- Hero Slider Single -->
        @foreach ($banners as $banner)
            <a href="{{ route('servicedetails', $banner->slug) }}">
                <div class="heroslider animated-heroslider d-flex align-items-center" data-bgimage="{{ env('APP_URL') }}/storage/app/public/policy/{{ $banner->image }}" data-secondary-overlay="8" style="background-size: cover;"></div>
            </a>
        @endforeach
        <!--// Hero Slider Single -->
    </div> --}}

    <div class="site-banner">
        <div class="shadow-overlay"></div>
        <div id="particles-js" style="position: absolute;top: 50px;height: 90vh;z-index: 99;width: 100%;"></div>
        <div class="h-100 container position-relative">
            <div class="row h-100 align-items-center">
                <div class="col-12 text-center">
                    <h1 class="fw-light text-white">Unilinkindia - Your Link To Success</h1>
                    <p class="lead text-white">Nurturing Growth for SMEs through Compliance & Expense Management</p>
                </div>
            </div>
        </div>
         <!--// Jumping Mouse -->
        <a href="#maincontent" class="see-more__arrow bounce">
            <img class="animated- bounce-" alt="" src="{{ asset('public/front/images/services/mouseicon.png') }}">
        </a>
        <!--// Jumping Mouse -->
    </div>

    

   

    <!--// Hero Slider Area -->

    <!-- Page Content -->
    <main class="page-content" id="maincontent">
        <!-- Features Area -->
        <div class="features-area in-section section-padding-md">
            <div class="container">
                <div class="row features-wrapper">
                    <div class="col-lg-4 col-md-6 col-12">
                        <div class="in-feature">
                            <span class="in-feature-icon">
                                <i class="flaticon-lock"></i>
                            </span>

                            <h4>Service With <br />Smile</h4>
                            <p>Our Ever Smiling Faces will Ease You Out of Professional Stress</p>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6 col-12">
                        <div class="in-feature">
                            <span class="in-feature-icon">
                                <i class="flaticon-lab"></i>
                            </span>

                            <h4>29 Years Of <br />Experience</h4>
                            <p>Our Experience Will Help You To MOve Up The Success Ladder With Ease</p>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6 col-12">
                        <div class="in-feature">
                            <span class="in-feature-icon">
                                <i class="flaticon-partner"></i>
                            </span>

                            <h4>Dedicated Team With <br />Strong Skills</h4>
                            <p>Each Team Is A Collection Of Experienced Professionals</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--// Features Area -->

        <!-- WHO WE ARE -->
        <div class="who-area in-section section-padding-lg bg-shape" id="about">
            <div class="container">
                <div class="row align-items-center mb-4 sm-order-inherit">
                    <div class="col-xl-6 col-lg-12 order-2">
                        <div class="wwd-img"><img src="{{ asset('public/front/images/why1.png') }}"></div>
                    </div>
                    <div class="col-xl-6 col-lg-12">
                        <div class="about-content heightmatch" style="max-height: 275px; overflow: auto;">
                            <h3><span style="font-family: 'Comic Sans MS';">WHO WE ARE</span></h3>

                            <p>A 29 year experienced software company situated in New Delhi, India, striving to be best in Customer Service, Knowledge-base, Teamwork and Communication.</p>
                            <p>Founded in 1994, UNILINK SOFTWARE (USPL) develops and supports Software and Mobile Apps that enables companies to create, integrate, manage and measure the effectiveness of their e-businesses.</p>
                            <p>USPL is a diverse mix of professionals with in-depth knowledge and experience working with organizations and have associated itself in development and implementation of many high-end software and management projects.</p>
                        </div>
                    </div>
                </div>

                <div class="row align-items-center mt-5">
                    <div class="col-xl-6 col-lg-12">
                        <div class="wwd-img"><img src="{{ asset('public/front/images/why2.png') }}"></div>
                    </div>
                    <div class="col-xl-6 col-lg-12">
                        <div class="about-content heightmatch" style="max-height: 275px; overflow: auto;">
                            <h3><span style="font-family: 'Comic Sans MS';">WHAT WE DO</span></h3>

                            <p>The company is specialized in undertaking turnkey assignments starting from feasibility study, Organization Effectiveness Study, Study of existing systems, optimization of a system and reorganization of an existing system
                                including data warehousing and processing and periodic MIS generation.</p>
                            <p>The steady progress that followed was the result of uncompromising dedication of Unilink to customer satisfaction, the rigid standards set & met, the trust deserved & earned, and the tradition of high quality service.</p>
                            <p>The company is handling application development projects in a variety of fields. It has a strong infrastructure facility both in terms of man as well as machine.</p>
                            <p>Software development is done in a systematic way by experienced and well qualified resources. Our technocrats spend more time in understanding the business processes and pain areas of clients to do clear scoping and render
                                quality work within optimum timeframe.</p>
                            <p>Software Development using Web Technologies like Core PHP and Its Frameworks, ASP.NET and C#, JAVA Script and Jquery are the key expertise areas.</p>
                            <p>Mobile Applications development is one of the core strength and Enterprise Mobility is core focus. It is aptly equipped for development of mobile applications for iPhone, iPad, Android Phones and Tablets and applications
                                using Cross platform application development tools and HTML5.</p>
                            <p>Our indomitable determination of providing outstanding web solutions to our clients and engage with them to address critical business challenges through our innovative and expert solutions makes us way apart from others.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- // WHO WE ARE -->

        <!-- Services Area -->
        <div class="services-area in-section section-padding-lg bg-white">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-6">
                        <div class="section-title text-center">
                            <h6>BEST SERVICES FOR YOU</h6>
                            <h3>OUR OFFERINGS</h3>
                            <h6>We are a team of experienced professionals in field of Software Services, E-Commerce, ERP, AI and Management.</h6>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <!-- Single Service -->
                    @foreach ($services as $service)
                        <div class="col-xl-3 col-lg-4 col-md-6 col-lg-6 col-12">
                            <div class="in-service mt-30">
                                <span class="in-service-icon">
                                    <img src="{{ asset('public/front/images/services/' . $service->icon) }}" alt="service" />
                                </span>

                                <h5>
                                    <a href="{{ route('listservices', $service->slug) }}">{{ $service->title }}</a>
                                </h5>

                                <p>{{ $service->short_description }}</p>

                                <span class="in-service-transparenticon">
                                    <i class="flaticon-life-insurence"></i>
                                </span>
                            </div>
                        </div>
                    @endforeach
                    <!--// Single Service -->
                </div>
            </div>
        </div>
        <!--// Services Area -->

        <!-- Why Area -->
        <div class="why-area in-section section-padding-lg bg-shape">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-6">
                        <div class="section-title text-center">
                            <h3>WHY UNILINKINDIA</h3>
                            <h6>We are experienced Software service provider to make your Business Journey Smooth.</h6>
                        </div>
                    </div>
                </div>

                <!-- Content 1 -->
                <div class="row mb-4 sm-order-inherit">

                    <div class="col-xl-6 col-lg-12 order-2">
                        <div class="why-img">
                            @if ($home->image1)
                                <img src="{{ env('APP_URL') }}/storage/app/public/cms/{{ trim($home->image1) }}">
                            @else
                                <img src="{{ asset('public/front/images/why1.png') }}">
                            @endif
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-12">
                        <div class="about-content heightmatch" style="max-height: 375px; overflow: auto;">
                            {!! $home->content1 !!}

                            <a href="{{ env('APP_URL') }}/storage/app/public/attachment/{{ trim($home->attachment1) }}" target="_blank">Unilinkindia Profile</a>
                        </div>
                    </div>
                </div>

                <!-- Content 2 -->
                <div class="row mb-4">
                    <div class="col-xl-6 col-lg-12">
                        <div class="why-img">
                            @if ($home->image2)
                                <img src="{{ env('APP_URL') }}/storage/app/public/cms/{{ trim($home->image2) }}">
                            @else
                                <img src="{{ asset('public/front/images/why2.png') }}">
                            @endif
                        </div>
                    </div>

                    <div class="col-xl-6 col-lg-12">
                        <div class="about-content heightmatch" style="max-height: 375px; overflow: auto;">
                            {!! $home->content2 !!}
                        </div>
                    </div>
                </div>

                <!-- Content 3 -->
                <div class="row sm-order-inherit">

                    <div class="col-xl-6 col-lg-12 order-2">
                        <div class="why-img">
                            @if ($home->image3)
                                <img src="{{ env('APP_URL') }}/storage/app/public/cms/{{ trim($home->image3) }}">
                            @else
                                <img src="{{ asset('public/front/images/why3.png') }}">
                            @endif
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-12">
                        <div class="about-content heightmatch" style="max-height: 375px; overflow: auto;">
                            {!! $home->content3 !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- // Why Area -->

        <!-- SIGNATURE PRODUCTS -->
        <div class="signature-area in-section section-padding-lg bg-white">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-6">
                        <div class="section-title text-center">
                            <h3>OUR SIGNATURE PRODUCTS</h3>
                            <h6>We are experienced Software service provider to make your Business Journey Smooth.</h6>
                        </div>
                    </div>
                    <div class="mt-4 text-center">
                        <div class="d-inline-flex text-center signature-flex">
                            <div>
                                <a href="{{ env('APP_URL') }}/storage/app/public/attachment/{{ trim($home->attachment3) }}" target="_blank" class="theme-btn d-inline-block">SWIFT COMPLIANCE MANAGEMENT <span class="fa fa-arrow-right"></span></a>
                            </div>
                            <div class="ms-3">
                                <a href="{{ env('APP_URL') }}/storage/app/public/attachment/{{ trim($home->attachment5) }}" target="_blank" class="theme-btn d-inline-block">SWIFT FREEDM <span class="fa fa-arrow-right"></span></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- // SIGNATURE PRODUCTS -->

        <!-- Blog Area -->
        <div class="blogs-area in-section section-padding-lg bg-shape">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-6">
                        <div class="section-title text-center">
                            <h3>Contents Which May Interest You</h3>
                        </div>
                    </div>
                </div>

                <div class="row blog-slider-active in-slidearrow">
                    @foreach ($blogs as $blog)
                        <!-- Single Blog -->
                        <div class="col-lg-4">
                            <div class="in-blog mt-30">
                                <div class="in-blog-image">
                                    <a href="{{ route('blogdetails', $blog->slug) }}">
                                        <img src="{{ env('APP_URL') }}/storage/app/public/blogs/{{ $blog->image }}" alt="blog image" style="height: 200px;">
                                    </a>
                                </div>

                                <div class="in-blog-content">
                                    <div class="home-blog-content">
                                        <div class="in-blog-metatop">
                                            <span>{{ Carbon\Carbon::parse($blog->created_at)->format('d M, Y') }}</span>

                                            <span>
                                                <a href="javascript:void(0)">
                                                    @foreach ($blog_cat as $cat)
                                                        @if ($cat->id == $blog->category)
                                                            {{ $cat->title }}
                                                        @endif
                                                    @endforeach
                                                </a>
                                            </span>
                                        </div>

                                        <h4 class="in-blog-title">
                                            <a href="{{ route('blogdetails', $blog->slug) }}">{{ str_limit(strip_tags(html_entity_decode($blog->title)), $limit = 30, $end = '...') }}</a>
                                        </h4>

                                        <p>{{ str_limit(strip_tags(html_entity_decode($blog->short_description)), $limit = 250, $end = '...') }}</p>

                                    </div>
                                    <div class="in-blog-authorimage">
                                        <span>
                                            <img src="{{ env('APP_URL') }}/public/front/images/logo/logo5.png" alt="author image">
                                        </span>
                                    </div>
                                    <div class="in-blog-metabottom">
                                        <span>Credit: <a href="{{ $blog->credit_url }}" target="_blank">{{ $blog->credit }}</a></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--// Single Blog -->
                    @endforeach
                </div>
            </div>
        </div>
        <!--// Blog Area -->

        <!-- FAQ Area -->
        <div class="faq-area in-section section-padding-lg bg-white">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-6">
                        <div class="section-title text-center">
                            <h3>WE ARE HERE TO ANSWER YOUR QUERRIES</h3>
                            <h6>ASK US ANYTHING, WE’D LOVE TO ANSWER!</h6>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="faequently-accordion">
                        @foreach ($faqs as $k => $faq)
                            <h4>{{ ++$k - 1 }}. {{ $faq->title }}</h4>

                            <div class="faequently-description">
                                {!! $faq->short_description !!}
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
        <!--// FAQ Area -->

        <!-- Client Area -->
        <div class="clients-area in-section section-padding-lg bg-shape">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-6">
                        <div class="section-title text-center">
                            <h3>The Clients Who Contributed To Our Success</h3>
                        </div>
                    </div>
                </div>

                <div class="row custom-gap d-flex align-items-stretch client-list">
                    <div class="col-lg-3 col-6">
                        <div class="custom-column h-100 d-flex flex-column justify-content-center align-items-center">
                            <div class="d-flex align-items-center">
                                <img alt="Client Image" class="img-fluid" src="{{ asset('public/front/images/ClientLogos/UNDP-Cambodia1.png') }}">
                            </div>

                            <p class="client-p text-center">United Nations Development Program, Cambodia</p>
                        </div>
                    </div>

                    <div class="col-lg-3 col-6">
                        <div class="custom-column h-100 d-flex flex-column justify-content-center align-items-center">
                            <div class="d-flex align-items-center">
                                <img alt="Client Image" class="img-fluid" src="{{ asset('public/front/images/ClientLogos/Indian Navy2.png') }}">
                            </div>

                            <p class="client-p text-center">Indian Navy</p>
                        </div>
                    </div>

                    <div class="col-lg-3 col-6">
                        <div class="custom-column h-100 d-flex flex-column justify-content-center align-items-center">
                            <div class="d-flex align-items-center">
                                <img alt="Client Image" class="img-fluid" src="{{ asset('public/front/images/ClientLogos/NSRY-Kochi1.png') }}">
                            </div>

                            <p class="client-p text-center">Naval Ship Repair Yard, Kochi</p>
                        </div>
                    </div>

                    <div class="col-lg-3 col-6">
                        <div class="custom-column h-100 d-flex flex-column justify-content-center align-items-center">
                            <div class="d-flex align-items-center">
                                <img alt="Client Image" class="img-fluid" src="{{ asset('public/front/images/ClientLogos/bilt2.png') }}">
                            </div>

                            <p class="client-p text-center">Ballarpur Industries, New Delhi</p>
                        </div>
                    </div>

                    <div class="col-lg-3 col-6">
                        <div class="custom-column h-100 d-flex flex-column justify-content-center align-items-center">
                            <div class="d-flex align-items-center">
                                <img alt="Client Image" class="img-fluid" src="{{ asset('public/front/images/ClientLogos/Ansal Housing-logo1.png') }}">
                            </div>

                            <p class="client-p text-center">Ansal Housing Projects Limited, New Delhi</p>
                        </div>
                    </div>

                    <div class="col-lg-3 col-6">
                        <div class="custom-column h-100 d-flex flex-column justify-content-center align-items-center">
                            <div class="d-flex align-items-center">
                                <img alt="Client Image" class="img-fluid" src="{{ asset('public/front/images/ClientLogos/Subros-Logo1.png') }}">
                            </div>

                            <p class="client-p text-center">Subros</p>
                        </div>
                    </div>

                    <div class="col-lg-3 col-6">
                        <div class="custom-column h-100 d-flex flex-column justify-content-center align-items-center">
                            <div class="d-flex align-items-center">
                                <img alt="Client Image" class="img-fluid" src="{{ asset('public/front/images/ClientLogos/Juris-logo1.png') }}">
                            </div>

                            <p class="client-p text-center">Juris Corp, Mumbai</p>
                        </div>
                    </div>

                    <div class="col-lg-3 col-6">
                        <div class="custom-column h-100 d-flex flex-column justify-content-center align-items-center">
                            <div class="d-flex align-items-center">
                                <img alt="Client Image" class="img-fluid" src="{{ asset('public/front/images/ClientLogos/intercontinental1.png') }}">
                            </div>

                            <p class="client-p text-center">Intercontinental, New Delhi </p>
                        </div>
                    </div>

                    <div class="col-lg-3 col-6">
                        <div class="custom-column h-100 d-flex flex-column justify-content-center align-items-center">
                            <div class="d-flex align-items-center">
                                <img alt="Client Image" class="img-fluid" src="{{ asset('public/front/images/ClientLogos/The Grand1.png') }}">
                            </div>

                            <p class="client-p text-center">The Grand, New Delhi</p>
                        </div>
                    </div>

                    <div class="col-lg-3 col-6">
                        <div class="custom-column h-100 d-flex flex-column justify-content-center align-items-center">
                            <div class="d-flex align-items-center">
                                <img alt="Client Image" class="img-fluid" src="{{ asset('public/front/images/ClientLogos/SLNC-Hotel-Logo1.png') }}">
                            </div>

                            <p class="client-p text-center">Shangrila – New Delhi </p>
                        </div>
                    </div>

                    <div class="col-lg-3 col-6">
                        <div class="custom-column h-100 d-flex flex-column justify-content-center align-items-center">
                            <div class="d-flex align-items-center">
                                <img alt="Client Image" class="img-fluid" src="{{ asset('public/front/images/ClientLogos/Hrh_logo1.png') }}">
                            </div>

                            <p class="client-p text-center">HRH Group Of Hotels, Udaipur <br> <small>(The Palaces Converted in Hotels, Managed by Maharaja of Udaipur)</small></p>
                        </div>
                    </div>

                    <div class="col-lg-3 col-6">
                        <div class="custom-column h-100 d-flex flex-column justify-content-center align-items-center">
                            <div class="d-flex align-items-center">
                                <img alt="Client Image" class="img-fluid" src="{{ asset('public/front/images/ClientLogos/SOS-50-years-logo1.png') }}">
                            </div>

                            <p class="client-p text-center">SOS Chindren’s Village of India <br> <small>(An Austrian NGO having presence in 128 countries)</small></p>
                        </div>
                    </div>

                    <div class="col-lg-3 col-6">
                        <div class="custom-column h-100 d-flex flex-column justify-content-center align-items-center">
                            <div class="d-flex align-items-center">
                                <img alt="Client Image" class="img-fluid" src="{{ asset('public/front/images/ClientLogos/silf-logo1.png') }}">
                            </div>

                            <p class="client-p text-center">Sasakawa India Leprosy Foundation, New Delhi - Japan</p>
                        </div>
                    </div>

                    <div class="col-lg-3 col-6">
                        <div class="custom-column h-100 d-flex flex-column justify-content-center align-items-center">
                            <div class="d-flex align-items-center">
                                <img alt="Client Image" class="img-fluid" src="{{ asset('public/front/images/ClientLogos/alianacelogo1.png') }}">
                            </div>

                            <p class="client-p text-center">India HIV/AIDS Allianace</p>
                        </div>
                    </div>

                    <div class="col-lg-3 col-6">
                        <div class="custom-column h-100 d-flex flex-column justify-content-center align-items-center">
                            <div class="d-flex align-items-center">
                                <img alt="Client Image" class="img-fluid" src="{{ asset('public/front/images/ClientLogos/Alchemlogo1.png') }}">
                            </div>

                            <p class="client-p text-center">Alchem Ltd., New Delhi, Ayurvedic Drugs Manufacturer </p>
                        </div>
                    </div>

                    <div class="col-lg-3 col-6">
                        <div class="custom-column h-100 d-flex flex-column justify-content-center align-items-center">
                            <div class="d-flex align-items-center">
                                <img alt="Client Image" class="img-fluid" src="{{ asset('public/front/images/ClientLogos/aie-logo1.png') }}">
                            </div>

                            <p class="client-p text-center">Associated Indian Exports, New Delhi</p>
                        </div>
                    </div>

                    <div class="col-lg-3 col-6">
                        <div class="custom-column h-100 d-flex flex-column justify-content-center align-items-center">
                            <div class="d-flex align-items-center">
                                <img alt="Client Image" class="img-fluid" src="{{ asset('public/front/images/ClientLogos/EssenMed-logo1.png') }}">
                            </div>

                            <p class="client-p text-center">Essen Med Inc., New York, USA</p>
                        </div>
                    </div>

                    <div class="col-lg-3 col-6">
                        <div class="custom-column h-100 d-flex flex-column justify-content-center align-items-center">
                            <div class="d-flex align-items-center">
                                <img alt="Client Image" class="img-fluid" src="{{ asset('public/front/images/ClientLogos/Express Gifts limited_logo1.png') }}">
                            </div>

                            <p class="client-p text-center">Express Gifts Ltd., New Delhi</p>
                        </div>
                    </div>

                    <div class="col-lg-3 col-6">
                        <div class="custom-column h-100 d-flex flex-column justify-content-center align-items-center">
                            <div class="d-flex align-items-center">
                                <img alt="Client Image" class="img-fluid" src="{{ asset('public/front/images/ClientLogos/Penam Laboratories1.png') }}">
                            </div>

                            <p class="client-p text-center">Penam Laboratories Ltd., New Delhi</p>
                        </div>
                    </div>

                    <div class="col-lg-3 col-6">
                        <div class="custom-column h-100 d-flex flex-column justify-content-center align-items-center">
                            <div class="d-flex align-items-center">
                                <img alt="Client Image" class="img-fluid" src="{{ asset('public/front/images/ClientLogos/BLB-logo1.png') }}">
                            </div>

                            <p class="client-p text-center">BLB Securities Ltd. New Delhi</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Testimonial Area -->
        <div class="testimonial-area in-section section-padding-lg home-testimonial-area bg-white">
            <div class="container">
                <div class="testimonial-slider in-slidearrow-2">
                    @foreach ($testimonials as $testimonial)
                        <div class="slider-item">
                            <!-- Single Testimonial -->
                            <div class="testimonial">
                                <div class="testimonial-header">
                                    <div class="testimonial-image" style="height: 120px; width: 112px;">
                                        @if ($testimonial->image)
                                            <img src="{{ env('APP_URL') }}/storage/app/public/testimonial/{{ trim($testimonial->image) }}">
                                        @else
                                            <img src="{{ asset('public/front/images/testimonial/testimonial-author-1.png') }}" alt="testimonial author">
                                        @endif
                                    </div>

                                    <span><img src="{{ asset('public/front/images/icons/title-bottom-shape.png') }}" alt="shape"></span>
                                </div>

                                <div class="testimonial-content h-100">
                                    <p class="testimonial-desc">{{ $testimonial->short_description }}</p>
                                    <h5>{{ $testimonial->name }}</h5>
                                    <h6>{{ $testimonial->designation }}</h6>
                                </div>

                                <ul class="testimonial-socialicons">
                                    <li><a href="{{ $testimonial->facebook_url }}"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="{{ $testimonial->twitter_url }}"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="{{ $testimonial->linkedin_url }}"><i class="fa fa-linkedin"></i></a></li>
                                    <li><a href="{{ $testimonial->instagram_url }}"><i class="fa fa-instagram"></i></a></li>
                                </ul>
                            </div>
                            <!--// Single Testimonial -->
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
        <!--// Testimonial Area -->

        <script src="{{ asset('public/front/js/vendor/particles/js/particles.js') }}"></script>
        <script src="{{ asset('public/front/js/vendor/particles/js/app.js') }}"></script>
        <script src="{{ asset('public/front/js/vendor/particles/js/particles.min.js') }}"></script>

        <script type="text/javascript">
            var $zoho = $zoho || {};
            $zoho.salesiq = $zoho.salesiq || {
                widgetcode: "93ab329fec2b65d383348291e989603b92691243c544a1a90276a6032210a361244e1b99d4812877dee795b5ce3a1d9a",
                values: {},
                ready: function() {}
            };

            var d = document;
            s = d.createElement("script");
            s.type = "text/javascript";
            s.id = "zsiqscript";
            s.defer = true;
            s.src = "https://salesiq.zoho.com/widget";
            t = d.getElementsByTagName("script")[0];
            t.parentNode.insertBefore(s, t);
            d.write("<div id='zsiqwidget'></div>");
        </script>
    </main>
    <!--// Page Content -->
@endsection