@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>Services <br>
Aesthetic Treatments</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Inner Banner Html End -->

    <section class="service-main treatment-services-page">
        <div class="container">
            <div class="servc-heading mb-5">
                <h2 class="subHeading">OUR SERVICES</h2>
                <h6 class="heading">Aesthetic Treatments</h6>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/service2.jpg') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Aesthetic Treatments</h3>
                                    <h6>Lash Extensions</h6>
                                </div>
                                <a href="#" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/service3.jpg') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Aesthetic Treatments</h3>
                                    <h6>PRF Treatments</h6>
                                </div>
                                <a href="#" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/service4.jpg') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Aesthetic Treatments</h3>
                                    <h6>Hormone <br>
                                        Replacement Therapy</h6>
                                </div>
                                <a href="#" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
            </div>
        </div>
    </section>





</main>

@endsection