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

    <section class="service-main treatment-services-page wellness-services">
        <div class="container">
            <div class="servc-heading mb-5">
                <h2 class="subHeading">OUR SERVICES</h2>
                <h6 class="heading">Wellness Services</h6>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="service-card">
                        <figure>
                            <img src="{{ asset('front/images/wellnes-Imag1.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Wellness Services</h3>
                                    <h6>Hormone Replacement <br>Therapy</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/wellnes-Imag2.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Wellness Services</h3>
                                    <h6>GLP-1 Weight <br> Loss Program</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/wellnes-Imag3.png') }}" class="img-fluid" alt="img">
                            <div class="servc-overlay">
                                <div>
                                    <h3>Wellness Services</h3>
                                    <h6>Testosterone <br> Replacement Therapy</h6>
                                </div>
                                <a href="#" class="themeBtn">View Details</a>
                            </div>
                        </figure>
                    </div>
                </div>
            </div>
        </div>
    </section>





</main>

@endsection