@extends('front.layout.app')
@section('content')
<main>

    <!-- Inner Banner Html Start -->
    <div class="inner-ban">
        <img src="{{ asset('front/images/Inner-Bann.png') }}" class="img-fluid" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h2>Monthly Specials</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Inner Banner Html End -->



    <section class="rewards-section">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-12">
                    <h3 class="subHeading">Monthly Specials</h3>
                    <h2 class="heading">check out our social media pages for monthly specials</h2>
                </div>
                <figure class="social-media">
                    <img src="{{ asset('front/images/facebook.png') }}" class="img-fluid" alt="">
                    <img src="{{ asset('front/images/linkdin.png') }}" class="img-fluid" alt="">
                </figure>
            </div>
        </div>
    </section>


    <section class="ready-schedule">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="ready-wrap">
                        <h3 class="subHeading">SCHEDULE</h3>
                        <h2 class="heading">READY TO SCHEDULE YOUR BEAUTY<br> TREATMENT?</h2>
                        <a href="" class="themeBtn">book now</a>
                    </div>
                </div>
            </div>
        </div>
    </section>




</main>

@endsection