@extends('layouts/masterFront')



@section('layoutContent')

    <!-- content -->
    <div id="smooth-content">

        <!-- banner -->
        <div class="mil-banner mil-banner-inner mil-dissolve">
            <div class="container">
                <div class="row align-items-center justify-content-center">
                    <div class="col-xl-9">
                        <div class="mil-banner-text mil-text-center">
                            <div class="mil-text-m mil-mb-20">Our Solutions</div>
                            <h1 class="mil-mb-60">Tawazon Empowering<br/> Employee Well-being and<br/> Performance</h1>
                            <ul class="mil-breadcrumbs mil-center">
                                <li><a href="/">Home</a></li>
                                <li><a href="/our-solutions">Our Solutions</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- banner end -->


        <!-- features -->
        <div class="mil-features mil-p-0-80">
            <div class="container">
                <div class="row justify-content-between align-items-center">
                    <div class="col-xl-5 mil-mb-80">
                        <div class="mil-image-frame mil-visible-overflow mil-visible-overflow">
                            <img src="{{asset('front/img/HR.jpg')}}" alt="image" class="mil-up">
                            <div class="mil-img-box mil-left-box mil-left-max mil-soft-box mil-up">
                                <img src="{{asset('front/img/our-solutions-icon.svg')}}" alt="icon" style="transform: scaleX(-1);">
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 mil-mb-80">
                        <h2 class="mil-mb-30 mil-up">HR Concierge Services</h2>
                        <p class="mil-text-m mil-soft mil-mb-60 mil-up">Present the unique features and benefits of the Tawazon HR concierge services.</p>
                        <ul class="mil-list-2 mil-mb-60">
                            <li>
                                <div class="mil-up">
                                    <h5 class="mil-mb-15">Personalized Support and Comprehensive HR Solutions.</h5>
                                    <p class="mil-text-m mil-soft mil-mb-60 mil-up">Tailored HR support with comprehensive solutions addressing your organization's unique challenges.</p>
                                </div>
                            </li>
                            <li>
                                <div class="mil-up">
                                    <h5 class="mil-mb-15">24/7 Accessibility and Strategic Guidance</h5>
                                    <p class="mil-text-m mil-soft mil-mb-60 mil-up">Round-the-clock access to expert HR guidance, helping you make strategic decisions anytime.</p>
                                </div>
                            </li>
                            <li>
                                <div class="mil-up">
                                    <h5 class="mil-mb-15">Integration of Technology to Enhance HR Operations</h5>
                                    <p class="mil-text-m mil-soft mil-mb-60 mil-up">Streamlined HR operations using advanced technology for improved efficiency and productivity.</p>
                                </div>
                            </li>
                            <li>
                                <div class="mil-up">
                                    <h5 class="mil-mb-15">Emphasis on Cost-Efficiency and Streamlining Processes for HR Departments
</h5>
                                    <p class="mil-text-m mil-soft mil-mb-60 mil-up">Cost-effective solutions designed to simplify processes and optimize HR department resources.</p>
                                </div>
                            </li>
                        </ul>
                    </div>

                </div>
            </div>
        </div>
        <!-- features end -->


        <div class="mil-phone-section p-80-80">
            <div class="container">
                <div class="row">
                    <div class="col-xl-8">
                        <div class="row">
                            <div class="col-xl-6">
                                <div class="mil-phone-box mil-anim-1">
                                    <h2 class="mil-phone-title mb-3">Connecting devices for personalized health and fitness tracking.</h2>
                                    <img src="{{asset('front/img/phone-img-1.png')}}" alt=""/>
                                </div>
                                <div class="mil-phone-box mil-box-blue mil-anim-2">
                                    <h2 class="mil-phone-title mb-2">Showcasing the Tawazon loyalty program with rewards and challenges.</h2>
                                    <img src="{{asset('front/img/phone-img-2.png')}}" alt=""/>
                                </div>
                            </div>
                            <div class="col-xl-6">
                                <img class="mil-phone-main-img mil-anim-4" src="{{asset('front/img/phone-img.png')}}" alt="" />
                            </div>
                            <div class="col-xl-12">
                                <div class="mil-phone-box mil-box-purple-light d-flex mil-anim-3 flex-column flex-sm-row">
                                    <div class="d-flex align-content-between justify-content-between flex-column m-1 custom-max-width">
                                        <h2 class="mil-phone-title mb-2">Individual training and specialized coaching content.</h2>
                                        <img src="{{asset('front/img/icons-group.png')}}" alt=""/>
                                    </div>
                                    <div class="mil-card mil-card-purple-light d-flex justify-content-center align-items-center flex-column m-1 ms-0 ms-md-auto">
                                        <div>
                                            <svg width="66" height="66" viewBox="0 0 66 66" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <circle cx="33" cy="33" r="33" fill="#68369A"/>
                                                <path d="M32.9993 27.667V38.3337M38.3327 33.0003H27.666M32.9993 46.3337C40.3631 46.3337 46.3327 40.3641 46.3327 33.0003C46.3327 25.6365 40.3631 19.667 32.9993 19.667C25.6356 19.667 19.666 25.6365 19.666 33.0003C19.666 40.3641 25.6356 46.3337 32.9993 46.3337Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                            </svg>
                                        </div>
                                        <div class="mil-card-title">You have 3<br /> reservations available</div>
                                    </div>
                                    <div class="mil-card mil-card-purple-deep m-1 d-flex flex-column ">
                                        <div>
                                            <img src="{{asset('front/img/img-person.png')}}">
                                        </div>
                                        <div class="mil-card-person-name">Dr, Alana Rueter</div>
                                        <div class="mil-card-person-job">Dentist Consultation</div>
                                        <div class="mil-card-person-dates">Aug 25 , 2024 - 10 AM</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4">
                        <div class="mil-phone-box mil-box-blue-light mil-custom-margin-top custom-padding mil-anim-5">
                            <h2 class="mil-phone-title mb-5">Providing access to various resources such as books, videos, and articles to enhance employees' skills.</h2>
                            <div class="d-flex justify-content-between mt-4 pe-4 pb-3">
                                <img src="{{asset('front/img/icon-fitness.svg')}}" alt=""/>
                                <img src="{{asset('front/img/icon-outdoor.svg')}}" alt=""/>
                                <img src="{{asset('front/img/icon-sport.svg')}}" alt=""/>
                                <img src="{{asset('front/img/icon-music.svg')}}" alt=""/>
                            </div>
                            <div class="d-flex justify-content-between pe-4">
                                <img src="{{asset('front/img/icon-art.svg')}}" alt=""/>
                                <img src="{{asset('front/img/icon-writing.svg')}}" alt=""/>
                                <img src="{{asset('front/img/icon-reading.svg')}}" alt=""/>
                                <img src="{{asset('front/img/icon-games.svg')}}" alt=""/>
                            </div>
                        </div>
                        <div class="mil-phone-box mil-box-beige pb-0 custom-padding mil-anim-6">
                            <h2 class="mil-phone-title mb-5">Sending weekly newsletters, updates on events, and activities.</h2>
                            <img src="{{asset('front/img/half-phone-box.png')}}" alt=""/>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- call to action -->
        <div class="mil-cta mil-up mil-building-section">
            <div class="container">
                <div class="mil-out-frame mil-p-80-80 mil-team-building">
                    <div class="row justify-content-between align-items-center">
                        <div class="col-xl-5 mil-sm-text-center">
                            <h2 class="mil-light mil-mb-30 mil-up mil-team-building-title">Team Building &<br /> Individual Activities</h2>
                            <p class="mil-text-m mil-mb-60 mil-dark-soft mil-up">Tawazon emphasizes the power of team-building activities to transform groups into high-performing units, fostering creativity, innovation, and problem-solving through diverse engagement options.</p>
                            <ul class="mil-list-1 mil-type-2">
                                <li>
                                    <div class="mil-up" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">
                                        <h5 class="mil-mb-15 text-black">Transforming individuals into cohesive, high-performing teams.</h5>
                                    </div>
                                </li>
                                <li>
                                    <div class="mil-up" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">
                                        <h5 class="mil-mb-15 text-black">Unlocking team potential by encouraging creativity, problem-solving, and innovation.</h5>
                                    </div>
                                </li>
                                <li>
                                    <div class="mil-up" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">
                                        <h5 class="mil-mb-15 text-black">Partnerships with expert entities to provide virtual, in-person, and hybrid engagement activities.</h5>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- call to action end -->

        <!-- features -->
        <div class="mil-features mil-p-160-0">
            <div class="container">
                <div class="row justify-content-between align-items-center">
                    <div class="col-xl-6 mil-mb-80">
                        <h2 class="mil-mb-30 mil-up">Workshops & Events</h2>
                        <p class="mil-text-m mil-soft mil-mb-60 mil-up">Focus on the workshops organized by Tawazon to improve employee well-being and job satisfaction.</p>
                        <ul class="mil-list-1 mil-type-2">
                            <li>
                                <div class="mil-up" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">
                                    <h5 class="mil-mb-15 text-black">Enhance Employee Well-being.</h5>
                                </div>
                            </li>
                            <li>
                                <div class="mil-up" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">
                                    <h5 class="mil-mb-15 text-black">Improve Job Satisfaction.</h5>
                                </div>
                            </li>
                            <li>
                                <div class="mil-up" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">
                                    <h5 class="mil-mb-15 text-black">Increase Employee Engagement.</h5>
                                </div>
                            </li>
                            <li>
                                <div class="mil-up" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">
                                    <h5 class="mil-mb-15 text-black">Boost Productivity and Performance through tailored workshops.</h5>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="col-xl-5 mil-mb-40">
                        <div class="mil-image-frame mil-visible-overflow mil-visible-overflow">
                            <img src="{{asset('front/img/workshop-events.jpg')}}" alt="image" class="mil-up">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- features end -->




@endsection