<% include partials/head %>
    
    <div class="main-wrapper">

        <% include partials/header %>

        <!-- Main Our Service Area  Wrapper -->
        <div class="our-service-wrapper">

            <!-- Inner Page Banner -->
            <section class="inner-page-banner position-relative">
                <div class="container d-flex align-items-center justify-content-center h-100 px-0 position-relative">
                    <div class="inner-banner-block d-flex align-items-center justify-content-center position-relative p-4">
                        <div class="text-center text-black">
                            <div class="heading lg position-relative  pb-2">
                                <h1 class="text-expand font-weight-bold text-white">
                                    Our Solutions Areas
                                </h1>
                            </div>
                            <div class="subheading item-animated fadeInUp animation-du-1_5s animation-dl-2ms pt-3">
                                <h3 class="font-weight-light">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="wavesshape shape">
                    <img src="<%= baseUrl %>/images/waves-shape-2.svg" alt="Shape">
                </div>
            </section>
            <!-- End Inner Page Banner -->
            
            <!-- Main Services Area content -->
            <section class="our-service-section py-sm-5 py-4">
                <div class="container p-lg-4">
                    <div class="service-list row-reverse-content pt-4">
                        <div class="row align-items-center">
                            <div class="col-md-5 col-12">
                                <div class="tumbnails-img-sm mx-300 mx-auto" data-aos="zoom-in" data-aos-duration='2000'>
                                    <img src="<%= baseUrl %>/images/sports.svg" alt="Sports & Recreational Club Management Software" class="img-fluid">
                                </div>
                            </div>
                            <div class="col-md-7 col-12 pt-lg-0 pt-4">
                                <div class="mx-500 mx-auto" data-aos="fade-up" data-aos-easing="ease-in" data-aos-delay="00" data-aos-offset="0">
                                    <div class="subheading line-after position-relative text-capitalize py-lg-4 py-3">
                                        <h3 class="font-weight-normal">Sports & Recreational Club Management Software</h3>
                                    </div>
                                    <div class="about-description">
                                        <p>A revolutionary, customisable, time saving, and effective system for your Clubs.</p>
                                    </div>
                                    <div class="pt-3">
                                        <a class="text-darkYellow font-weight-bold" href="<%= baseUrl %>/solution/sport">Learn More</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row align-items-center">
                            <div class="col-md-5 col-12">
                                <div class="tumbnails-img-sm mx-300 mx-auto" data-aos="zoom-in" data-aos-duration='2000'>
                                    <img src="<%= baseUrl %>/images/teaching.svg" alt="Enterprise Custom Built Solution" class="img-fluid">
                                </div>
                            </div>
                            <div class="col-md-7 col-12 pt-lg-0 pt-4">
                                <div class="mx-500 mx-auto" data-aos="fade-up" data-aos-easing="ease-in" data-aos-delay="00" data-aos-offset="0">
                                    <div class="subheading line-after position-relative text-capitalize py-lg-4 py-3">
                                        <h3 class="font-weight-normal">Enterprise Custom Built Solution</h3>
                                    </div>
                                    <div class="about-description">
                                        <p>Tailored and built based per your requirements. Choose from API creations, memberships management, payments integration, or a completely new system made from scratch. </p>
                                    </div>
                                    <div class="pt-3">
                                        <a class="text-darkYellow font-weight-bold" href="<%= baseUrl %>/solution/enterprise">Learn More</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row align-items-center">
                            <div class="col-md-5 col-12">
                                <div class="tumbnails-img-sm mx-300 mx-auto" data-aos="zoom-in" data-aos-duration='2000'>
                                    <img src="<%= baseUrl %>/images/apartment.svg" alt="Hotels & Resorts Guest Experience Solution" class="img-fluid">
                                </div>
                            </div>
                            <div class="col-md-7 col-12 pt-lg-0 pt-4">
                                <div class="mx-500 mx-auto" data-aos="fade-up" data-aos-easing="ease-in" data-aos-delay="00" data-aos-offset="0">
                                    <div class="subheading line-after position-relative text-capitalize py-lg-4 py-3">
                                        <h3 class="font-weight-normal">Hotels & Resorts Guest Experience Solution</h3>
                                    </div>
                                    <div class="about-description">
                                        <p>The best way to stay connected and deliver unforgettable awesome experiences to your guests.</p>
                                    </div>
                                    <div class="pt-3">
                                        <a class="text-darkYellow font-weight-bold" href="<%= baseUrl %>/solution/hotel">Learn More</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- End Main Services Area content -->

            <!-- Application Supported Platform Section -->
            <section class="app-links bg-no-repeat text-white overlay-black position-relative py-sm-5 py-4">
                <div class="container z-index-9">
                    <div class="row align-items-center py-lg-5 py-3 overflow-hidden">
                        <div class="col-md-4 col-12 text-md-left text-center">
                            <div class="heading">
                                <h2 class="font-weight-bold">Supported <span class="text-darkYellow"> Platforms</span></h2>
                            </div>
                            <div class="subheading pt-3">
                                <h4 class="font-weight-normal">Joga system is available across IOS, Android, and Web devices.</h4>
                            </div>
                        </div>
                        <div class="col-md-4 col-12 pt-md-0 pt-4">
                            <div class="thumbnails-img-sm position-relative mx-220 mx-auto">
                                <img src="<%= baseUrl %>/images/devices.svg" alt="Support Platform" class="img-fluid">
                                <img src="<%= baseUrl %>/images/logo-black.png" class="monitor" alt="Jogaapp" class="img-fluid">
                                <img src="<%= baseUrl %>/images/logo-black.png" class="tab" alt="Jogaapp" class="img-fluid">
                                <img src="<%= baseUrl %>/images/logo-black.png" class="mobile" alt="Jogaapp" class="img-fluid">
                            </div>
                        </div>
                        <div class="col-md-4 col-12 app-platform text-md-right text-center pt-md-0 pt-4">
                            <a href="https://apps.apple.com/us/app/jogaapp-schedule-management/id1360252866" title="JogaApp" class="apple m-2"></a>
                            <a href="https://play.google.com/store/apps/details?id=com.jogaapp" title="JogaApp" class="android m-2"></a>
                            <a href="javascript:void(0)" class="web m-2"></a>
                        </div>
                    </div>
                </div>
            </section>
            <!-- End Application Supported Platform Section -->

        </div>
        <!-- End Main Our Service Area  Wrapper -->
    
    </div>

<% include partials/footer %>