@extends('website.layouts.web')
@section('content')
    <div class="mouse-cursor cursor-outer"></div>
    <div class="mouse-cursor cursor-inner"></div>

    <!-- Begin: Main Slider -->
    <div class="mainSlider innerBan">
        <img src="{{ asset('website/images/banner11.jpg') }}" class="w-100" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-12">
                        <h2 class="slideOne">Areas We Service</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End: Main Slider -->

    <section class="servicesinner">
        <div class="container">
            <h2 class="headingOne" data-aos="fade-down">North Carolina Counties</h2>
            <div class="row">
                <div class="col-md-4">
                    <div class="serv-inner" data-aos="fade-right">
                        <figure>
                            <img src="{{ asset('website/images/north1.webp') }}" alt="" class="img-fluid">
                        </figure>
                        <div class="content-wrap">
                            <h3>Graham</h3>
                        </div>
                    </div>
                </div>
                <div class="col-md-4" data-aos="fade-up">
                    <div class="serv-inner">
                        <figure>
                            <img src="{{ asset('website/images/north2.webp') }}" alt="" class="img-fluid">
                        </figure>
                        <div class="content-wrap">
                            <h3>Clay</h3>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="serv-inner" data-aos="fade-left">
                        <figure>
                            <img src="{{ asset('website/images/north3.webp') }}" alt="" class="img-fluid">
                        </figure>
                        <div class="content-wrap">
                            <h3>Cherokee</h3>
                        </div>
                    </div>
                </div>

            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="serv-inner" data-aos="fade-right">
                        <figure>
                            <img src="{{ asset('website/images/north4.webp') }}" alt="" class="img-fluid">
                        </figure>
                        <div class="content-wrap">
                            <h3>Swain</h3>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="serv-inner" data-aos="fade-up">
                        <figure>
                            <img src="{{ asset('website/images/north5.webp') }}" alt="" class="img-fluid">
                        </figure>
                        <div class="content-wrap">
                            <h3>Macon</h3>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="serv-inner" data-aos="fade-left">
                        <figure>
                            <img src="{{asset('website/images/north6.webp')}}" alt="" class="img-fluid">
                        </figure>
                        <div class="content-wrap">
                            <h3>Jackson</h3>
                        </div>
                    </div>
                </div>

            </div>
            <h2 class="headingOne" data-aos="fade-up">Georgia Counties</h2>
            <div class="row">
                <div class="col-md-4">
                    <div class="serv-inner" data-aos="fade-right">
                        <figure>
                            <img src="{{asset('website/images/georgia1.webp')}}" alt="" class="img-fluid">
                        </figure>
                        <div class="content-wrap">
                            <h3>Fannin</h3>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="serv-inner" data-aos="fade-up">
                        <figure>
                            <img src="{{asset('website/images/georgia2.webp')}}" alt="" class="img-fluid">
                        </figure>
                        <div class="content-wrap">
                            <h3>Union</h3>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="serv-inner" data-aos="fade-left">
                        <figure>
                            <img src="{{asset('website/images/georgia3.webp')}}" alt="" class="img-fluid">
                        </figure>
                        <div class="content-wrap">
                            <h3>Towns</h3>
                        </div>
                    </div>
                </div>

            </div>
        </div>

    </section>
@endsection