@extends('template.main-template')

@section('content')
    <section class="custom-hero"></section>
    <div id="content">

        <!--======= CONATACT  =========-->
        <section class="contact padding-top-100 padding-bottom-100">
            <div class="container">
                <div class="contact-form">
                    <h5 class="text-center" style="font-size: 2.3em;">Register Your Purchase</h5>
                    <div class="row">
                        <div class="col-md-12">

                            <p>Please take a few minutes to register your Permshield flooring purchase. This will ensure
                                faster service should you ever need to use your warranty coverage.</p>

                            <div class="row text-center" style="margin-top: 25px;">
                                <a href="{{ route('pages.all', 'warranty-registration') }}" class="btn text-center">Register
                                    Now!</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="our-team our-team-small  light-gray-bg padding-top-150 padding-bottom-80">
            <div class="container">

                <div class="contact-form">
                    <h5 class="text-center" style="font-size: 2.3em;">Warranty Download</h5>
                    <div class="row">
                        <div class="col-md-12">

                            <div class="row text-center" style="margin-top: 25px;">
                                <a class="btn text-center" style="font-size: 1.1em !important;"
                                    href="https://drive.google.com/file/d/1qkNImk0lRxE3FfiQoDlhTn5GFnr1gMaB/view?usp=drive_link">Comprehensive
                                    Warranty</a>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- <div class="row" style="margin-bottom: 15px;">

                    <!-- TEAM -->
                    <div class="col-lg-12">
                        <div class="text-center">
                        <h4></h4>
                        <div class="col-lg-12">
                            <a class="btn text-center" href="https://drive.google.com/file/d/1qkNImk0lRxE3FfiQoDlhTn5GFnr1gMaB/view?usp=drive_link">Permshield Comprehensive Warranty</a>
                        </div>
                    </div>
                </div> --}}

                <div class="row row-features-register-yp">
                    <div class="col-lg-3 row-features-register-yp-item">
                        <a href="{{ route('pages.all', 'flooring-faqs') }}">
                            <img class="img-responsive" src="{{ asset('template/images/warranty-page/FAQS.jpg') }}">
                            View Faqs
                            <p style="text-align: left !important;">Find answers to frequently asked questions.</p>
                        </a>
                    </div>
                    <div class="col-lg-3 row-features-register-yp-item">
                        <a href="{{ route('pages.all', 'installation-maintenance') }}">
                            <img class="img-responsive" src="{{ asset('template/images/warranty-page/installation.jpg') }}">
                            Installation Help
                            <p style="text-align: left !important;">Get tips that will help with your Permshield floor
                                installation.</p>
                        </a>
                    </div>
                    <div class="col-lg-3 row-features-register-yp-item">
                        <a href="{{ route('pages.all', 'installation-maintenance') }}">
                            <img class="img-responsive"
                                src="{{ asset('template/images/warranty-page/careandmaintenace.jpg') }}">
                            Care and Maintenance
                            <p style="text-align: left !important;">Keep your Permshield floors looking new with easy
                                cleaning.</p>
                        </a>
                    </div>
                    <div class="col-lg-3 row-features-register-yp-item">
                        <a href="{{ route('pages.all', 'contact-us') }}">
                            <img class="img-responsive" src="{{ asset('template/images/warranty-page/contact.jpg') }}">
                            Contact Us
                            <p style="text-align: left !important;">Share your questions or feedback with us.</p>
                        </a>
                    </div>
                </div>

            </div>
        </section>

        {{-- <section class="our-team our-team-small padding-top-150 padding-bottom-80">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 row-features-register-yp">
                        <img class="img-responsive" src="{{ asset('template/images/warranty-page/FAQS.jpg') }}">
                        <span>View Faqs</span>
                        <p>Find answers to frequently asked questions.</p>
                    </div>
                    <div class="col-lg-3 row-features-register-yp">
                        <img class="img-responsive" src="{{ asset('template/images/warranty-page/installation.jpg') }}">
                        <span>Installation Help</span>
                        <p>Get tips that will help with your Permshield floor installation.</p>
                    </div>
                    <div class="col-lg-3 row-features-register-yp">
                        <img class="img-responsive" src="{{ asset('template/images/warranty-page/careandmaintenace.jpg') }}">
                        <span>Care and Maintenance </span>
                        <p>Keep your Permshield floors looking new with easy cleaning.</p>
                    </div>
                    <div class="col-lg-3 row-features-register-yp">
                        <img class="img-responsive" src="{{ asset('template/images/warranty-page/contact.jpg') }}">
                        <span>Contact Us</span>
                        <p>Share your questions or feedback with us.</p>
                    </div>
                </div>
            </div>
        </section> --}}

    </div>
@endsection

@push('javascript')
@endpush

@push('css')
    <style>
        .row-features-register-yp {
            margin-top: 45px;
        }

        .row-features-register-yp-item a {
            font-weight: 600;
            text-align: center;
            color: #1b1f49;
            text-transform: uppercase;
        }
    </style>
@endpush