@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>Our Services</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <section class="service-main">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/our-service1.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Services</h3>
                                    <h6>Bellus Facials</h6>
                                </div>
                                <a href="{{ route('front.treatment-service') }}" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/our-service2.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Services</h3>
                                    <h6>Body Shaping</h6>
                                </div>
                                <a href="{{ route('front.treatment-service') }}" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/our-service3.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Services</h3>
                                    <h6>Chemical Peels</h6>
                                </div>
                                <a href="{{ route('front.treatment-service') }}" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/our-service4.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Services</h3>
                                    <h6>Endolift Body</h6>
                                </div>
                                <a href="{{ route('wellness-service') }}" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/our-service5.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Services</h3>
                                    <h6>Endolift Facelift</h6>
                                </div>
                                <a href="{{ route('wellness-service') }}" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/our-service6.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Services</h3>
                                    <h6>Fillers</h6>
                                </div>
                                <a href="{{ route('wellness-service') }}" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/our-service7.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Services</h3>
                                    <h6>Hair Restoration</h6>
                                </div>
                                <a href="{{ route('front.special-treatment') }}" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/our-service8.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Services</h3>
                                    <h6>Intense Pulsed Light</h6>
                                </div>
                                <a href="{{ route('front.special-treatment') }}" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/our-service9.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Services</h3>
                                    <h6>IPL Acne</h6>
                                </div>
                                <a href="{{ route('front.special-treatment') }}" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/our-service10.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Services</h3>
                                    <h6>IPL Hair Removal</h6>
                                </div>
                                <a href="{{ route('front.special-treatment') }}" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/our-service11.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Services</h3>
                                    <h6>IPL Skin Rejuvenation</h6>
                                </div>
                                <a href="{{ route('front.special-treatment') }}" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/our-service12.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Services</h3>
                                    <h6>IPL- Vein Care</h6>
                                </div>
                                <a href="{{ route('front.special-treatment') }}" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/our-service13.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Services</h3>
                                    <h6>Ladylift Vaginal Rejuvenation</h6>
                                </div>
                                <a href="{{ route('front.special-treatment') }}" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/our-service14.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Services</h3>
                                    <h6>Lash and Brow</h6>
                                </div>
                                <a href="{{ route('front.special-treatment') }}" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/our-service15.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Services</h3>
                                    <h6>Medical Weight Loss <span class="d-block"></span> Management</h6>
                                </div>
                                <a href="{{ route('front.special-treatment') }}" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/our-service16.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Services</h3>
                                    <h6>Microdermabrasion</h6>
                                </div>
                                <a href="{{ route('front.special-treatment') }}" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/our-service17.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Services</h3>
                                    <h6>Microneedling with <span class="d-block"></span> Radiofrequency</h6>
                                </div>
                                <a href="{{ route('front.special-treatment') }}" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/our-service18.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Services</h3>
                                    <h6>Microneedling with <span class="d-block"> Skin Pen</h6>
                                </div>
                                <a href="{{ route('front.special-treatment') }}" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/our-service19.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Services</h3>
                                    <h6>Neurotoxins</h6>
                                </div>
                                <a href="{{ route('front.special-treatment') }}" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/our-service20.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Services</h3>
                                    <h6>PRF</h6>
                                </div>
                                <a href="{{ route('front.special-treatment') }}" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/our-service21.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Services</h3>
                                    <h6>Radiofrequency<span class="d-block"> Facial Contouring</h6>
                                </div>
                                <a href="{{ route('front.special-treatment') }}" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/our-service22.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Services</h3>
                                    <h6>Sexual Wellness</h6>
                                </div>
                                <a href="{{ route('front.special-treatment') }}" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/our-service23.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Services</h3>
                                    <h6>Special Packages</h6>
                                </div>
                                <a href="{{ route('front.special-treatment') }}" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/our-service24.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Services</h3>
                                    <h6>Waxing (Face and Body)</h6>
                                </div>
                                <a href="{{ route('front.special-treatment') }}" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
            </div>
    </section>
    <!-- Inner Banner Html End -->

@endsection