<?php
//$repairLink = Config("params.book_repair_link")
?>
@extends('front.layout')
@section('title')
{{"Get Covered"}}
@endsection
@section('description')
{{"Get Covered"}}
@endsection


@section('content')
@if(!empty($covered) )
<section class="pt-5">
    <div class="container pt-5">
        <div class="row justify-content-center pt-md-0 pt-4">
            <div class="col-lg-10 text-center">
                <h1 class="text-primary">{{$covered->Title}}</h1>

            </div>
        </div>
    </div>
</section>

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

@include('front/common/google_reviews')
<section class="py-lg-5 py-3">
    <div class="container">

        <div class="row justify-content-center">
            <div class="col-lg-10 text-center">
                <h3 class="h1 text-primary mb-lg-4">How We Outperform Other Home Cover Providers</h3>

                <p>sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text</p>
            </div>

            <div class="col-md-4 text-center p-3">
                <div class="mb-3">
                    <div class="animated-icon mx-auto" id="24_Hr_Response_Time" style="width:80px;height:80px;">&nbsp;</div>
                </div>

                <h4>24 Hr Response Time</h4>
            </div>

            <div class="col-md-4 text-center p-3">
                <div class="mb-3">
                    <div class="animated-icon mx-auto" id="Highly_Qualified_Operatives" style="width:80px;height:80px;">&nbsp;</div>
                </div>

                <h4>Highly Qualified Operatives</h4>
            </div>

            <div class="col-md-4 text-center p-3">
                <div class="mb-3">
                    <div class="animated-icon mx-auto" id="boiler_replacement" style="width:80px;height:80px;">&nbsp;</div>
                </div>

                <h4>Boiler Replacement Promise</h4>
            </div>

            <div class="col-md-4 text-center p-3">
                <div class="mb-3">
                    <div class="animated-icon mx-auto" id="24_7_on_Call_Assistance" style="width:80px;height:80px;">&nbsp;</div>
                </div>

                <h4>24/7 on Call Assistance</h4>
            </div>

            <div class="col-md-4 text-center p-3">
                <div class="mb-3">
                    <div class="animated-icon mx-auto" id="No_Price_Hikes" style="width:80px;height:80px;">&nbsp;</div>
                </div>

                <h4>No Price Hikes</h4>
            </div>

            <div class="col-md-4 text-center p-3">
                <div class="mb-3">
                    <div class="animated-icon mx-auto" id="No_Long_Term_Commitments" style="width:80px;height:80px;">&nbsp;</div>
                </div>

                <h4>No Long Term Commitments</h4>
            </div>
            <div class="col-md-12 text-center py-3">
                <a href="{{url('get_covered')}}" disable class="btn btn-lg btn-primary mx-md-1 mb-md-0 mb-3 getCoveredBtn"><i class="far fa-hand-point-right mr-1"></i>Get Covered</a>
                <a href="{{url('contact-us')}}" class="btn btn-lg btn-secondary mx-md-1"><i class="far fa-hand-point-right mr-1"></i>Contact Us</a>
            </div>

        </div>

    </div>
</section>

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

@endsection
@section('myscript')
<script>

    $(document).on("click", ".getCoveredBtn", function () {


        scrollToTop();
    });
    function scrollToTop() {
        $(window).scrollTop(0);
    }
        </script