@extends('layouts.layoutCommon')
@section('title', 'Service | NuRoofs - Roofing Services')
@push('styles')
    <link rel="stylesheet" href="{{ asset('assets/css/module-css/banner.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/css/module-css/counter.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/css/module-css/page-header.css') }}">
@endpush

@section('content')

    <x-pageHeader title="Service" subtitle="Service" />

    <!--Start Features One-->
    <section class="features-one">
        <div class="container">
            <div class="row">
                <!--Start Features One Single-->
                <div class="col-xl-4 col-lg-4 wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                    <div class="features-one__single">
                        <div class="icon-box">
                            <span class="icon-roof"></span>
                        </div>

                        <div class="features-one__single-inner">
                            <h2><a href="{{ route('flashing-repairs') }}">Roofing Solutions</a></h2>
                            <p>We provide top-quality roofing desi services heres tailored to meet the unique needs
                                clients.</p>
                            <div class="btn-box">
                                <a href="{{ route('flashing-repairs') }}">Read More <span
                                        class="icon-right-arrow1"></span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End Features One Single-->

                <!--Start Features One Single-->
                <div class="col-xl-4 col-lg-4 wow fadeInRight" data-wow-delay="100ms" data-wow-duration="1500ms">
                    <div class="features-one__single">
                        <div class="icon-box">
                            <span class="icon-roof-2"></span>
                        </div>

                        <div class="features-one__single-inner">
                            <h2><a href="{{ route('flashing-repairs') }}">Proof Services</a></h2>
                            <p>We provide top-quality roofing desi services heres tailored to meet the unique needs
                                clients.</p>
                            <div class="btn-box">
                                <a href="{{ route('flashing-repairs') }}">Read More <span
                                        class="icon-right-arrow1"></span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End Features One Single-->

                <!--Start Features One Single-->
                <div class="col-xl-4 col-lg-4 wow fadeInLeft" data-wow-delay="200ms" data-wow-duration="1500ms">
                    <div class="features-one__single">
                        <div class="icon-box">
                            <span class="icon-roof-1"></span>
                        </div>

                        <div class="features-one__single-inner">
                            <h2><a href="{{ route('flashing-repairs') }}">Clear Proofing</a></h2>
                            <p>We provide top-quality roofing desi services heres tailored to meet the unique needs
                                clients.</p>
                            <div class="btn-box">
                                <a href="{{ route('flashing-repairs') }}">Read More <span
                                        class="icon-right-arrow1"></span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End Features One Single-->

                <!--Start Features One Single-->
                <div class="col-xl-4 col-lg-4 wow fadeInLeft" data-wow-delay="200ms" data-wow-duration="1500ms">
                    <div class="features-one__single">
                        <div class="icon-box">
                            <span class="icon-roof-16"></span>
                        </div>

                        <div class="features-one__single-inner">
                            <h2><a href="{{ route('flashing-repairs') }}">Roofing Masters</a></h2>
                            <p>We provide top-quality roofing desi services heres tailored to meet the unique needs
                                clients.</p>
                            <div class="btn-box">
                                <a href="{{ route('flashing-repairs') }}">Read More <span
                                        class="icon-right-arrow1"></span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End Features One Single-->

                <!--Start Features One Single-->
                <div class="col-xl-4 col-lg-4 wow fadeInLeft" data-wow-delay="200ms" data-wow-duration="1500ms">
                    <div class="features-one__single">
                        <div class="icon-box">
                            <span class="icon-roof-17"></span>
                        </div>

                        <div class="features-one__single-inner">
                            <h2><a href="{{ route('flashing-repairs') }}">Proof Flashing</a></h2>
                            <p>We provide top-quality roofing desi services heres tailored to meet the unique needs
                                clients.</p>
                            <div class="btn-box">
                                <a href="{{ route('flashing-repairs') }}">Read More <span
                                        class="icon-right-arrow1"></span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End Features One Single-->

                <!--Start Features One Single-->
                <div class="col-xl-4 col-lg-4 wow fadeInLeft" data-wow-delay="200ms" data-wow-duration="1500ms">
                    <div class="features-one__single">
                        <div class="icon-box">
                            <span class="icon-roof-18"></span>
                        </div>

                        <div class="features-one__single-inner">
                            <h2><a href="{{ route('flashing-repairs') }}">Repairs Proofing</a></h2>
                            <p>We provide top-quality roofing desi services heres tailored to meet the unique needs
                                clients.</p>
                            <div class="btn-box">
                                <a href="{{ route('flashing-repairs') }}">Read More <span
                                        class="icon-right-arrow1"></span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End Features One Single-->
            </div>
        </div>
    </section>
    <!--End Features One-->

    <!--Start Faq One-->
    <section class="faq-one faq-one--service">
        <div class="container">
            <div class="row">
                <!--Start Faq One-->
                <div class="col-xl-5 wow fadeInRight" data-wow-delay="200ms" data-wow-duration="1500ms">
                    <div class="faq-one__faq">
                        <div class="section-title sec-title-animation animation-style2">
                            <div class="section-title__tagline title-animation">
                                <h4>// FAQ //</h4>
                            </div>
                            <h2 class="section-title__title title-animation">Do You Have Any <br>
                                Question Please?</h2>
                        </div>

                        <div class="accrodion-grp faq-one-accrodion" data-grp-name="faq-one-accrodion-1">

                            <div class="accrodion active">
                                <div class="accrodion-title">
                                    <h4>How can I track my shipment?</h4>
                                </div>

                                <div class="accrodion-content">
                                    <div class="inner">
                                        <p>It is recommended to inspect your roof at least twice a year, in the
                                            spring and fall. Signs include</p>
                                    </div>
                                </div>
                            </div>

                            <div class="accrodion">
                                <div class="accrodion-title">
                                    <h4>How long does a roof replacement?</h4>
                                </div>

                                <div class="accrodion-content">
                                    <div class="inner">
                                        <p>It is recommended to inspect your roof at least twice a year, in the
                                            spring and fall. Signs include</p>
                                    </div>
                                </div>
                            </div>

                            <div class="accrodion">
                                <div class="accrodion-title">
                                    <h4>Why does a roof Install take?</h4>
                                </div>

                                <div class="accrodion-content">
                                    <div class="inner">
                                        <p>It is recommended to inspect your roof at least twice a year, in the
                                            spring and fall. Signs include</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End Faq One-->

                <!--Start Faq One Counter-->
                <div class="col-xl-7 wow fadeInLeft" data-wow-delay="200ms" data-wow-duration="1500ms">
                    <div class="faq-one__counter">
                        <div class="faq-one__counter-text">
                            <p>Their is the our professionals proof feeders ensured to everything <br> was
                                error-free and then polished. Highly for anyone seeking's top- <br>notch proofing
                                services provide
                            </p>
                        </div>
                        <div class="faq-one__counter-inner">
                            <div class="row">

                                <div class="col-xl-6 col-lg-6 col-md-6">
                                    <div class="faq-one__counter-single">
                                        <div class="faq-one__counter-single-icon">
                                            <span class="icon-completion"></span>
                                        </div>

                                        <div class="faq-one__counter-single-content">
                                            <div class="count-box">
                                                <h2 class="count-text" data-stop="450" data-speed="1500">00</h2>
                                                <span class="plus"> </span>
                                            </div>

                                            <p>Project Completed</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-xl-6 col-lg-6 col-md-6">
                                    <div class="faq-one__counter-single">
                                        <div class="faq-one__counter-single-icon">
                                            <span class="icon-costumer"></span>
                                        </div>

                                        <div class="faq-one__counter-single-content">
                                            <div class="count-box">
                                                <h2 class="count-text" data-stop="300" data-speed="1500">00</h2>
                                                <span class="plus"> </span>
                                            </div>

                                            <p>Satisfied Client</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-xl-6 col-lg-6 col-md-6">
                                    <div class="faq-one__counter-single">
                                        <div class="faq-one__counter-single-icon">
                                            <span class="icon-team-1"></span>
                                        </div>

                                        <div class="faq-one__counter-single-content">
                                            <div class="count-box">
                                                <h2 class="count-text" data-stop="200" data-speed="1500">00</h2>
                                                <span class="plus"> </span>
                                            </div>

                                            <p>Team Member</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-xl-6 col-lg-6 col-md-6">
                                    <div class="faq-one__counter-single">
                                        <div class="faq-one__counter-single-icon">
                                            <span class="icon-trophy"></span>
                                        </div>

                                        <div class="faq-one__counter-single-content">
                                            <div class="count-box">
                                                <h2 class="count-text" data-stop="100" data-speed="1500">00</h2>
                                                <span class="plus"> </span>
                                            </div>

                                            <p>Award Winning</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End Faq One Counter-->
            </div>
        </div>
    </section>
    <!--End Faq One-->

    <x-footer_style_one />
@endsection