@extends('front.layout')
@section('title')
{{$pages->MetaTitle}}
@endsection
@section('description')
{{$pages->MetaDescription}}
@endsection
<?php
$title = 'Home';
?>
@include('front/common/meta')


@section('content')
<section class="hero-banner">
    <div class="owl-slider owl-carousel">
        @if(count($banners)>0)
        @foreach($banners as $bann)
        <div class="slide-item">
            <div class="bg-cover" style="background-image: url({{asset(Config("params.media_path.large").$bann->ImageName)}});">
            </div>
            <div class="col-lg-6 text-center text-white content mt-md-3 mt-5">
                <h1>{{$bann->Title}}</h1>
                <p class="mt-5 banner-logos">
               
                        <img  width="200" height="60" src="{{ asset('/front/images/trustpilot-reviews-logo.png') }}" class="trustpilot-logo d-inline-block img-fluid mr-2" alt="">
                    
               
                        <img width="100" height="60" src="{{ asset('/front/images/Gas-Safe-Logo.png') }}" class="img-fluid safe-logo ml-2 d-inline-block" alt="Gas Safe Registered">
              
                        <img  width="100" height="60" src="{{ asset('/front/images/nappit.jpeg') }}" class="ml-2 nappit d-inline-block" alt="Nappit">
              
                </p>
                <p class="mt-5 ">
                    <a href="{{url('/home-care')}}" class="btn btn-primary btn-lg mx-md-2 mb-md-0 mb-3"><i class="far fa-hand-point-right mr-1"></i>Home Care</a>
                    <a href="{{url('/landlord-care')}}" class="btn btn-secondary btn-lg mx-md-2"><i class="far fa-hand-point-right mr-1"></i>Landlord Care </a>
                </p>
            </div>
        </div>
        @endforeach
      
        
        @endif
    </div>
</section>


@if(!empty($pages) )
<section class="py-lg-5 py-3">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <h1 class="mb-lg-4 text-primary">{{$pages->Title}}</h1>
                <?php echo $pages->Content; ?>
            </div>
            <div class="col-md-6 align-self-center">
                <div id="home_cover_providers" class="mx-auto animated-icon"></div>
            </div>
        </div>
    </div>
</section>
@endif
@if(!empty($sec2) )
<section class="py-lg-5 py-3">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <h2 class="h1 text-primary mb-lg-5 mb-4">{{$sec2->Title}}</h2>
                <script src="https://apps.elfsight.com/p/platform.js" defer></script>
                <div class="elfsight-app-7d15d6d0-c59a-499b-80e2-af99c88b68b9"></div>

                <?php // echo $sec2->Content; ?>
            </div>
        </div>
    </div>
</section>
@endif

@if(!empty($sec3) )

<section class="how-it-work py-lg-5 bg-overlay text-white py-3" style="background-image: url({{asset(Config("params.media_path.large").$sec3->ImageName)}});">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10 text-center">
                <h3 class="h1 mb-lg-4">{{$sec3->Title}}</h3>
            </div>
        </div>
        <div class="row">
            <?php echo $sec3->Content; ?>
        </div>
    </div>
</section>
@endif

<?php echo isset($packagesView) ? $packagesView : "" ?>


@if(!empty($sec4) )

<section class="py-lg-5 py-3 text-white bg-overlay" style="background-image: url({{asset(Config("params.media_path.large").$sec4->ImageName)}});">
    <div class="container py-lg-4 py-3">
        <div class="row justify-content-center ">
            <div class="col-md-6 text-center">
                <h3 class="h1 mb-lg-4">{{$sec4->Title}}</h3>
                <?php echo $sec4->Content; ?>
            </div>
        </div>
    </div>
</section>
@endif
@if(!empty($sec9) )

<section class="py-lg-5 py-3 clients text-center">
    <div class="container">
        <div class="row no-gutters justify-content-center">
            <div class="col-md-8 text-center px-md-5">
                <h3 class="text-primary mb-lg-4">{{$sec9->Title}}</h3>
            </div>
            <?php echo $sec9->Content; ?>

        </div>
    </div>
</section>
@endif

  @include('front/common/google_reviews')

@if(!empty($sec6) )
<div class="mt-5">
<section class="how-to-report py-lg-5 bg-overlay text-white py-3" style="background-image: url({{asset(Config("params.media_path.large").$sec6->ImageName)}});">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10 text-center">
                <h3 class="h1 mb-lg-4">{{$sec6->Title}}</h3>
            </div>
        </div>
        <?php echo $sec6->Content; ?>
    </div>
</section>
</div>
@endif
@if(!empty($sec7) )
<section class="py-lg-5 py-3">
    <div class="container">
        <div class="row justify-content-center">
            <?php echo $sec7->Content; ?>
           <div class="col-md-12 text-center py-3">
               <a class="btn btn-lg btn-primary mx-md-1 mb-md-0 mb-3" href="{{url('get_covered')}}"><i class="far fa-hand-point-right mr-1"></i>Get Covered</a> 
           <a class="btn btn-lg btn-secondary mx-md-1" href="{{url('contact-us')}}"><i class="far fa-hand-point-right mr-1"></i>Contact Us</a></div>
        </div>
    </div>
</section>
@endif
@if(!empty($pages->faqTitle) || !empty($pages->faqText))
<section class="faq-section bg-overlay text-white py-3 py-lg-5 mt-0" style="background-image: url({{ asset('/front/images/faqs.jpg') }});">
    <div class="container pt-lg-5 position-relative z-index11">
        <div class="accordion wow fadeInUp faq-accordion" id="faqAccordion">
            <div class="row py-5 align-items-center">
                <div class="col-md-6">
                    <h3 class="h2 ff-sinkin-sans text-uppercase mb-lg-4"><?php echo $pages->faqTitle; ?></h3>
                     <p><?php echo $pages->faqText; ?></p>

                </div>
                <div class="col-md-6">
                    <div class="row">
                        @if (count($faqs) > 0)
                        @foreach($faqs as $faq)
                        <div class="col-md-12">
                            <div class="faq-header bg-primary text-white border-0 p-2">
                                <h4 class="mb-0 collapsed" data-toggle="collapse" data-target="#collapse{{$faq->id}}" aria-expanded="false" aria-controls="collapse{{$faq->id}}">{{$faq->title}}</h4>
                            </div>
                            <div id="collapse{{$faq->id}}" class="collapse faq-body" data-parent="#faqAccordion">
                                <?php echo $faq->description ?>
                            </div>
                        </div>
                        @endforeach
                        @endif

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</section>
@endif
@endsection

