| Server IP : 82.197.83.129 / Your IP : 216.73.216.166 [ Web Server : LiteSpeed System : Linux us-bos-web1456.main-hosting.eu 4.18.0-553.40.1.lve.el8.x86_64 #1 SMP Wed Feb 12 18:54:57 UTC 2025 x86_64 User : u489457460 ( 489457460) PHP Version : 7.3.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail Domains : 2 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u489457460/domains/zolaa.com/public_html/ |
Upload File : |
<!doctype html>
<html lang="en">
<head>
<!-- Meta Data -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Zolaa</title>
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicon/fav.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon/fav.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon/fav.png">
<link rel="mask-icon" href="assets/img/favicon/fav.png" color="#5bbad5">
<!-- Dependency Styles -->
<link rel="stylesheet" href="dependencies/bootstrap/css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="dependencies/fontawesome/css/all.min.css" type="text/css">
<link rel="stylesheet" href="dependencies/swiper/css/swiper.min.css" type="text/css">
<link rel="stylesheet" href="dependencies/wow/css/animate.css" type="text/css">
<link rel="stylesheet" href="dependencies/simple-line-icons/css/simple-line-icons.css" type="text/css">
<link rel="stylesheet" href="dependencies/themify-icons/css/themify-icons.css" type="text/css">
<link rel="stylesheet" href="dependencies/components-elegant-icons/css/elegant-icons.min.css" type="text/css">
<link rel="stylesheet" href="dependencies/magnific-popup/css/magnific-popup.css" type="text/css">
<link rel="stylesheet" href="dependencies/slick-carousel/css/slick.css" type="text/css">
<!-- Site Stylesheet -->
<link rel="stylesheet" href="assets/css/app.css" type="text/css">
<!-- Google Web Fonts -->
<link
href="https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400,500,600,700,800%7CPoppins:300,400,500,600,700,800"
rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" rel="stylesheet">
</head>
<body id="home-version-1" class="home-saas-main" data-style="default">
<a href="#main_content" data-type="section-switch" class="return-to-top">
<i class="fa fa-chevron-up"></i>
</a>
<div class="page-loader">
<div class="page-loading-wrapper">
<div class="loading loading07">
<img src="media/loader.gif" width="600">
</div>
</div>
</div>
<div id="main_content" class="main-content">
<!--=========================-->
<!--= Navbar =-->
<!--=========================-->
<header class="site-header header-sass header-transparent header-fixed" data-header-fixed="true"
data-mobile-menu-resolution="992">
<div class="container">
<div class="header-inner">
<nav id="site-navigation" class="main-nav">
<div class="site-logo">
<a href="index.html" class="logo">
<img src="assets/img/logo.png" alt="site logo" class="main-logo">
<img src="assets/img/logo.png" alt="site logo" class="logo-sticky">
</a>
</div>
<!-- /.site-logo -->
<div class="menu-wrapper main-nav-container canvas-menu-wrapper" id="mega-menu-wrap">
<div class="canvas-header">
<div class="mobile-offcanvas-logo">
<a href="index.html">
<img src="assets/img/logo.png" alt="site logo" class="logo-sticky">
</a>
</div>
<div class="close-menu" id="page-close-main-menu">
<i class="ti-close"></i>
</div>
</div>
<ul class="astriol-main-menu">
<li class="has-submenu menu-item-depth-0">
<a href="index.html">Home</a>
</li>
<li class="has-submenu menu-item-depth-0">
<a href="#">Discover</a>
<ul class="sub-menu">
<li><a href="hotel-app.html">Hotel</a></li>
<li><a href="staff-app.html">Staff Application</a></li>
<li><a href="guest-app.html">Guest Application</a></li>
</ul>
</li>
<li class="menu-item-depth-0"><a href="pricing.html">Pricing</a></li>
<li class="menu-item-depth-0"><a href="contact.html">Contact</a></li>
</ul>
</div>
<!-- /.menu-wrapper -->
<div class="nav-right">
<a href="login.html" class="nav-btn gp-btn color-two btn-circle">Login</a>
<a href="book-demo.html" class="nav-btn gp-btn color-two btn-circle">Book a demo</a>
<div class="astriol-burger-menu" id="mobile-menu-open">
<span class="bar-one"></span>
<span class="bar-two"></span>
<span class="bar-three"></span>
</div>
</div>
</nav>
<!-- /.site-nav -->
</div>
<!-- /.header-inner -->
</div>
<!-- /.container-full -->
</header>
<!-- /.site-header -->
<!--==========================-->
<!--= Banner =-->
<!--==========================-->
<section class="banner banner-main wrapper">
<div class="container">
<div class=" row align-items-center banner-main-content-wrapper">
<div class="col-lg-6">
<div class="banner-content text-left">
<h1 class="sentence">Make your Property <br />
<div class="verticalFlip">
<span>Smarter.</span>
<span>Advanced.</span>
<span>Luxurious.</span>
<span>Automated.</span>
</div>
</h1>
<p class="description wow fadeInUp" data-wow-delay="0.3s">Advanced WhatsApp <img
src="media/whatsapp.png" width="60" alt="whats App"> bot to elevate your guest’s
experience</p>
<div class="banner-button-container">
<a href="login.html" class="gp-btn banner-btn btn-circle color-two wow flipInX"
data-wow-delay="0.5s">Book a Demo</a>
<!-- <a href="contact.html" class="gp-btn banner-btn btn-circle color-two btn-light ml-3 wow flipInX" data-wow-delay="0.5s">Discover More</a> -->
</div>
<!-- /.banner-button-container -->
</div>
<!-- /.banner-content -->
</div>
<div class="col-lg-6">
<!-- Wrapper -->
<div class="main-slide">
<!-- Images Area -->
<div class="images-area">
<img src="media/banner/slide1.png" alt="image" class="firstImage">
<img src="media/banner/slide2.png" alt="image">
<img src="media/banner/slide1.png" alt="image">
<img src="media/banner/slide2.png" alt="image">
<img src="media/banner/slide1.png" alt="image">
</div>
<!-- Buttons Area -->
<div class="buttons-area">
<div class="previous-btn">
<i class='bx bx-chevron-left'></i>
</div>
<div class="next-btn">
<i class='bx bx-chevron-right'></i>
</div>
</div>
<!-- Pagination Area -->
<div class="pagination-area">
</div>
</div>
<!-- End Wrapper -->
</div>
</div>
<!-- /.banner-main-content-wrapper -->
</div>
<!-- /.container -->
<div class="banner-main-animate">
<ul class="animate-items">
<!-- <li><img src="media/banner/main/leaf1.png" alt="leaf"></li> -->
<li><img src="media/banner/main/rabar.png" data-parallax='{"y": 200, "x": 100}' alt="leaf"></li>
<!-- <li><img src="media/banner/main/angle.png" data-parallax='{ "x": -200, "rotateZ": 360}' alt="leaf"></li> -->
<li><img src="media/banner/main/leaf3.png" data-parallax='{"y": 100, "x": 100}' alt="leaf"></li>
<!-- <li><img src="media/banner/main/dot.png" width="100" alt="leaf"></li> -->
<!-- <li><img src="media/banner/main/box.png" data-parallax='{"y": -200, "x": -100, "rotateZ": 360}' alt="leaf"></li> -->
<li class="bubble1"></li>
<li class="bubble2"></li>
<li class="bubble3"></li>
<li class="bubble4"></li>
</ul>
</div>
</section>
<!--================================-->
<!--= Logo Carousel =-->
<!--================================-->
<section class="clients-logo">
<div class="container bg-gray">
<div class="section-heading style-four font-light mb-4">
<h2 class="section-title">
Trusted by more than 200 properties
</h2>
<img src="media/wave-line-clr-lg.png" alt="wave line">
</div>
<div class="row align-items-center">
<div class="col-lg-3">
<div class="anime-image-wrapper">
<img src="media/client/trustedby-img.png" width="250" class="wow zoom" alt=" feature">
</div>
</div>
<div class="col-lg-9">
<div class="logo-carousel wow fadeInUp" data-wow-delay="0.3s">
<div class="swiper-container" id="logo-carousel" data-space="30" data-autopaly="5000"
data-breakpoints='{"1024": {"slidesPerView": 5}, "768": {"slidesPerView": 4}, "576": {"slidesPerView": 3}, "320": {"slidesPerView": 2}}'>
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="gp-logo-item-wrapper">
<a href="#" class="gp-client-logo">
<img src="media/client/client1.png" alt="gp-logo"
class="client-logo-main">
<img src="media/client/client1.png" alt="gp-logo"
class="client-logo-hover">
</a>
<!-- /.gp-client-logo -->
</div>
<!-- /.logo-item -->
</div>
<!-- /.swiper-slide -->
<div class="swiper-slide">
<div class="gp-logo-item-wrapper">
<a href="#" class="gp-client-logo">
<img src="media/client/client2.png" alt="gp-logo"
class="client-logo-main">
<img src="media/client/client2.png" alt="gp-logo"
class="client-logo-hover">
</a>
<!-- /.gp-client-logo -->
</div>
<!-- /.logo-item -->
</div>
<!-- /.swiper-slide -->
<div class="swiper-slide">
<div class="gp-logo-item-wrapper">
<a href="#" class="gp-client-logo">
<img src="media/client/client3.png" alt="gp-logo"
class="client-logo-main">
<img src="media/client/client3.png" alt="gp-logo"
class="client-logo-hover">
</a>
<!-- /.gp-client-logo -->
</div>
<!-- /.logo-item -->
</div>
<!-- /.swiper-slide -->
<div class="swiper-slide">
<div class="gp-logo-item-wrapper">
<a href="#" class="gp-client-logo">
<img src="media/client/client4.png" alt="gp-logo"
class="client-logo-main">
<img src="media/client/client4.png" alt="gp-logo"
class="client-logo-hover">
</a>
<!-- /.gp-client-logo -->
</div>
<!-- /.logo-item -->
</div>
<!-- /.swiper-slide -->
<div class="swiper-slide">
<div class="gp-logo-item-wrapper">
<a href="#" class="gp-client-logo">
<img src="media/client/client5.png" alt="gp-logo"
class="client-logo-main">
<img src="media/client/client5.png" alt="gp-logo"
class="client-logo-hover">
</a>
<!-- /.gp-client-logo -->
</div>
<!-- /.logo-item -->
</div>
<!-- /.swiper-slide -->
<div class="swiper-slide">
<div class="gp-logo-item-wrapper">
<a href="#" class="gp-client-logo">
<img src="media/client/client6.png" alt="gp-logo"
class="client-logo-main">
<img src="media/client/client6.png" alt="gp-logo"
class="client-logo-hover">
</a>
<!-- /.gp-client-logo -->
</div>
<!-- /.logo-item -->
</div>
<!-- /.swiper-slide -->
<div class="swiper-slide">
<div class="gp-logo-item-wrapper">
<a href="#" class="gp-client-logo">
<img src="media/client/client7.png" alt="gp-logo"
class="client-logo-main">
<img src="media/client/client7.png" alt="gp-logo"
class="client-logo-hover">
</a>
<!-- /.gp-client-logo -->
</div>
<!-- /.logo-item -->
</div>
<!-- /.swiper-slide -->
<div class="swiper-slide">
<div class="gp-logo-item-wrapper">
<a href="#" class="gp-client-logo">
<img src="media/client/client8.png" alt="gp-logo"
class="client-logo-main">
<img src="media/client/client8.png" alt="gp-logo"
class="client-logo-hover">
</a>
<!-- /.gp-client-logo -->
</div>
<!-- /.logo-item -->
</div>
<!-- /.swiper-slide -->
<div class="swiper-slide">
<div class="gp-logo-item-wrapper">
<a href="#" class="gp-client-logo">
<img src="media/client/client9.png" alt="gp-logo"
class="client-logo-main">
<img src="media/client/client9.png" alt="gp-logo"
class="client-logo-hover">
</a>
<!-- /.gp-client-logo -->
</div>
<!-- /.logo-item -->
</div>
<!-- /.swiper-slide -->
<div class="swiper-slide">
<div class="gp-logo-item-wrapper">
<a href="#" class="gp-client-logo">
<img src="media/client/client10.png" alt="gp-logo"
class="client-logo-main">
<img src="media/client/client10.png" alt="gp-logo"
class="client-logo-hover">
</a>
<!-- /.gp-client-logo -->
</div>
<!-- /.logo-item -->
</div>
<!-- /.swiper-slide -->
<div class="swiper-slide">
<div class="gp-logo-item-wrapper">
<a href="#" class="gp-client-logo">
<img src="media/client/client11.png" alt="gp-logo"
class="client-logo-main">
<img src="media/client/client11.png" alt="gp-logo"
class="client-logo-hover">
</a>
<!-- /.gp-client-logo -->
</div>
<!-- /.logo-item -->
</div>
<!-- /.swiper-slide -->
</div>
<!-- /.swiper-wrapper -->
</div>
<!-- /.swiper-container -->
</div>
</div>
</div>
<!-- /.logo-carousel -->
</div>
<!-- /.container -->
</section>
<!-- /.clients-logo -->
<section class="image-content pt-0 pb-70 clearfix">
<div class="container">
<div
class="row align-items-center justify-content-lg-between justify-content-md-between justify-content-sm-center">
<div class="col-lg-5 col-md-5 col-sm-6">
<div class="section-title text-left">
<span class="">
<img src="media/feature/guest-app.png">
</span>
</div>
</div>
<div class="col-lg-7 col-md-7 col-sm-6">
<div class="service_creative_grid grid" style="position: relative; height: 731.2px;">
<div class="grid-sizer"></div>
<div class="grid-item" style="position: absolute; left: 0%; top: 0px;">
<div class="service_boxed_3 Sbox1 aos-init aos-animate" data-aos="fade-up"
data-aos-delay="300">
<h1 class="mb-3 text-white">Maximise Revenues</h1>
<img src="media/feature/max-revenue.png" width="60">
</div>
</div>
<div class="grid-item" style="position: absolute; left: 50%; top: 0px;">
<div class="service_boxed_3 Sbox2 aos-init aos-animate" data-aos="fade-up"
data-aos-delay="500">
<h1 class="mb-3 text-white">Seamless Experience</h1>
<img src="media/feature/seamless-exp.png" width="60">
</div>
</div>
<div class="grid-item" style="position: absolute; left: 0%; top: 310.6px;">
<div class="service_boxed_3 Sbox3 aos-init aos-animate" data-aos="fade-up"
data-aos-delay="100">
<h1 class="mb-3">Streamline Operations</h1>
<img src="media/feature//streamline-operation.png" width="60">
</div>
</div>
<div class="grid-item" style="position: absolute; left: 50%; top: 400.2px;">
<div class="service_boxed_3 Sbox4 aos-init aos-animate" data-aos="fade-up"
data-aos-delay="300">
<div class="item_icon icon_blue">
<i class="bx bx-laptop"></i>
</div>
<h1 class="mb-3">Guest Satisfaction</h1>
<img src="media/feature/guest-satisfacation.png" width="60">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--=========================-->
<!--= Our expert =-->
<!--=========================-->
<section class="intro-video-two">
<div class="conatiner">
<div class="row align-items-center">
<div class="col-lg-6 our-expert-left">
<div class="popup-video-warapper-two">
<div class="intro-video-inner">
<h1 class="title wow fadeInUp text-center">
Discover the easy steps you can take today
</h1>
<div id="testim" class="testim">
<div class="wrap">
<span id="right-arrow" class="arrow right fa fa-chevron-right"></span>
<span id="left-arrow" class="arrow left fa fa-chevron-left "></span>
<ul id="testim-dots" class="dots">
<li class="dot active"></li><!--
-->
<li class="dot"></li><!--
-->
<li class="dot"></li><!--
-->
<li class="dot"></li><!--
-->
<li class="dot"></li>
</ul>
<div id="testim-content" class="cont">
<div class="active">
<div class="img"><img src="media/client/1.png" alt=""></div>
<h2>Danny</h2>
<p>Technology Implementation Expert</p>
</div>
<div>
<div class="img"><img src="media/client/2.png" alt=""></div>
<h2>Dee</h2>
<p>Business Growth Expert</p>
</div>
<div>
<div class="img"><img src="media/client/3.png" alt=""></div>
<h2>Rudy</h2>
<p>Small Business Growth Expert</p>
</div>
<div>
<div class="img"><img src="media/client/4.png" alt=""></div>
<h2>Prink</h2>
<p>Small Business Growth Expert</p>
</div>
<div>
<div class="img"><img src="media/blog/expert1.png" alt=""></div>
<h2>Mona</h2>
<p>Small Business Growth Expert</p>
</div>
</div>
</div>
<!-- </div> -->
</div>
</div>
<!-- /.intro-video -->
</div>
</div>
<!-- /.col-lg-6 -->
<div class="col-lg-6 our-expert-right">
<div class="video-content-wrapper-two">
<div class="our-expert-right-inn">
<div class="contact-form-wrapper pl-0">
<form action="" class="contact-form-main" data-gp-form="contact-form">
<div class="row">
<div class="col-md-6">
<input type="text" name="fname" placeholder="First Name*"
class="gp-input">
</div>
<!-- /.col-md-6-->
<div class="col-md-6">
<input type="text" name="lname" placeholder="Last Name*"
class="gp-input">
</div>
<!-- /.col-md-6-->
<div class="col-md-6">
<input type="email" name="email" placeholder="Email*" class="gp-input">
</div>
<!-- /.col-md-6 -->
<div class="col-md-6">
<input type="tel" name="phone" placeholder="Phone*" class="gp-input">
</div>
<!-- /.col-md-6 -->
<div class="col-md-12">
<input type="text" name="name" placeholder="Property Name*"
class="gp-input">
</div>
<!-- /.col-md-12 -->
<div class="col-md-12">
<textarea name="content" id="message" cols="60" rows="30"
class="gp-input gp-textarea" placeholder="Your Message"></textarea>
<button type="submit"
class="nav-btn gp-btn color-two btn-circle">Connect</button>
<div class="form-result alert">
<div class="content"></div>
</div>
<!-- /.form-result-->
</div>
</div>
<!-- /.row -->
</form>
<!-- /.contact-form-main -->
</div>
<!-- /.contact-form-wrapper -->
</div>
</div>
<!-- /.video-content-wrapper -->
</div>
<!-- /.col-lg-6 -->
</div>
<!-- /.row -->
</div>
<!-- /.popup-video-arapper -->
</section>
<!-- /our expert -->
<!--========================================-->
<!--= Feature With Content =-->
<!--========================================-->
<section class="image-content mt-0">
<div class="container">
<div class="row align-items-center mb-75">
<div class="col-lg-6 text-center">
<div class="anime-image-wrapper">
<div class="feature-image-wrap ml--55">
<img src="media/feature/increase-revenue.png" width="500" class="wow zoom"
alt=" feature">
</div>
<span class="circle" data-parallax='{"y": -70}'></span>
<div class="anime-dot">
<img src="media/feature/dot.png" alt="astrion dot">
</div>
</div>
<!-- /.anime-image-wrapper -->
</div>
<!-- /.col-md-6 -->
<div class="col-lg-6">
<div class="image-content-wrapper style-three">
<h2 class="title wow fadeInUp">Maximise Revenues</h2>
<p class="wow fadeInUp" data-wow-delay="0.3s">Zolaa empowers your hotel with the tools
to increase your revenues with direct bookings, upselling, campaign broadcasting, and
many more additional revenue channels and also through curated and compelling offers to
individual guests.</p>
</div>
</div>
<!-- /.col-md-6 -->
</div>
<!-- /.row -->
<div class="row align-items-center mb-75">
<div class="col-lg-6 order-md">
<div class="image-content-wrapper style-three">
<h2 class="title wow fadeInUp">Seamless Experience</h2>
<p class="wow fadeInUp" data-wow-delay="0.3s">All teams and tasks organised, tracked,
understood, and optimised at one place. Increase productivity with smart and efficient
task distribution and management resulting in a seamless guest experience.</p>
</div>
</div>
<!-- /.col-md-6 -->
<div class="col-lg-6 text-center">
<div class="anime-image-wrapper style-two">
<div class="feature-image-wrap mr--50">
<img src="media/feature/seamless-experience.png" width="500" class="wow zoom"
data-wow-delay="0.3s" alt=" feature">
</div>
<span class="circle" data-parallax='{"y": 60}'></span>
<div class="anime-dot">
<img src="media/feature/dot2.png" alt="astrion dot">
</div>
</div>
<!-- /.anime-image-wrapper -->
</div>
<!-- /.col-md-6 -->
</div>
<!-- /.row -->
<div class="row align-items-center">
<div class="col-lg-6 text-center">
<div class="anime-image-wrapper">
<div class="feature-image-wrap ml--55">
<img src="media/feature/streamline-operations.png" width="500" class="wow zoom"
alt=" feature">
</div>
<span class="circle" data-parallax='{"y": -70}'></span>
</div>
<!-- /.anime-image-wrapper -->
</div>
<!-- /.col-md-6 -->
<div class="col-lg-6">
<div class="image-content-wrapper style-three">
<h2 class="title wow fadeInUp">Streamline Operations</h2>
<p class="wow fadeInUp" data-wow-delay="0.3s">Centralise all your guests’ requests and
control the status of each task in real time, also from the staff’s dedicated
application. Send direct messages to your guests to inform them about the status of the
requests and keep them updated.</p>
</div>
</div>
<!-- /.col-md-6 -->
</div>
<!-- /.row -->
<div class="row align-items-center mb-0">
<div class="col-lg-6 order-md">
<div class="image-content-wrapper style-three">
<h2 class="title wow fadeInUp">Guest Satisfaction</h2>
<p class="wow fadeInUp" data-wow-delay="0.3s">Give your guests broad access to all your
services at their fingertips through web dashboard or dedicated guest application: a
great opportunity to increase their engagement with your hotel and improvise on guest
satisfaction levels.</p>
</div>
</div>
<!-- /.col-md-6 -->
<div class="col-lg-6 text-center">
<div class="anime-image-wrapper style-two">
<div class="feature-image-wrap mr--50">
<img src="media/feature/guest-satisfaction.png" width="500" class="wow zoom"
data-wow-delay="0.3s" alt=" feature">
</div>
<span class="circle" data-parallax='{"y": 60}'></span>
<div class="anime-dot">
<img src="media/feature/dot2.png" alt="astrion dot">
</div>
</div>
</div>
<!-- /.col-md-6 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</section>
<!-- /.image-content -->
<!--=========================-->
<!--= Our expert =-->
<!--=========================-->
<section class="intro-video-two">
<div class="conatiner">
<div class="row align-items-center">
<div class="col-lg-6 features-guest-left pr-0">
<div class="video-content-wrapper-two">
<div class="our-expert-right-inn">
<h1 class="title wow fadeInUp">Features Guests Expect</h1>
<p class="wow fadeInUp" data-wow-delay="0.3s">Currently, travelers have immense
expectations when it comes to services and support provided by the hotel. With
smartphone being an important aspect of their day-to-day lives, they expect to have
everything handy. With Zolaa, enable your guests access to services, support,
experience and communication with your property.</p>
<div class="action-button">
<a href="#" class="gp-btn color-three wow flipInX" data-wow-delay="0.3s"
style="visibility: visible; animation-delay: 0.3s; animation-name: flipInX;">Book
a demo</a>
<!-- <a href="#" class="gp-btn color-three btn-outline wow flipInX" data-wow-delay="0.3s"
style="visibility: visible; animation-delay: 0.3s; animation-name: flipInX;">Book
a demo</a> -->
</div>
</div>
</div>
<!-- /.video-content-wrapper -->
</div>
<!-- /.col-lg-6 -->
<div class="col-lg-6 features-guest-right pl-0">
<div class="popup-video-warapper-two">
<div class="intro-video-inner">
<div class="row">
<div class="col-lg-6">
<div class="icon-box style-two wow fadeInUp" data-wow-delay="0.5s"
style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<div class="icon-container">
<img src="media/feature/mobile-app.png">
</div>
<div class="box-content">
<h3 class="box-title">Mobile App</h3>
<p>Guest Engagement from Anywhere</p>
</div>
<!-- /.box-content -->
</div>
</div>
<div class="col-lg-6">
<div class="icon-box style-two wow fadeInUp" data-wow-delay="0.6s"
style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
<div class="icon-container">
<img src="media/feature/pre-checkin.png">
</div>
<div class="box-content">
<h3 class="box-title">Pre Check-in</h3>
<p>Paperless check-in</p>
</div>
<!-- /.box-content -->
</div>
</div>
<div class="col-lg-6">
<div class="icon-box style-two wow fadeInUp" data-wow-delay="0.7s"
style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInUp;">
<div class="icon-container">
<img src="media/feature/room-dining.png">
</div>
<div class="box-content">
<h3 class="box-title">Mobile & In-Room dining</h3>
<p>Contactless Ordering & Room Delivery</p>
</div>
<!-- /.box-content -->
</div>
</div>
<div class="col-lg-6">
<div class="icon-box style-two wow fadeInUp" data-wow-delay="0.7s"
style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInUp;">
<div class="icon-container">
<img src="media/feature/staffmsg.png">
</div>
<div class="box-content">
<h3 class="box-title">Staff Messaging</h3>
<p>Communicate with Staff in Real Time</p>
</div>
<!-- /.box-content -->
</div>
</div>
<div class="col-lg-6">
<div class="icon-box style-two wow fadeInUp" data-wow-delay="0.7s"
style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInUp;">
<div class="icon-container">
<img src="media/feature/ordering.png">
</div>
<div class="box-content">
<h3 class="box-title">Services Ordering</h3>
<p>Quick hotel services booking</p>
</div>
<!-- /.box-content -->
</div>
</div>
<div class="col-lg-6">
<div class="icon-box style-two wow fadeInUp" data-wow-delay="0.7s"
style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInUp;">
<div class="icon-container">
<img src="media/feature/amenities.png">
</div>
<div class="box-content">
<h3 class="box-title">Amenities Booking</h3>
<p>Availing Hotel Amenities</p>
</div>
<!-- /.box-content -->
</div>
</div>
<div class="col-lg-6">
<div class="icon-box style-two wow fadeInUp" data-wow-delay="0.7s"
style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInUp;">
<div class="icon-container">
<img src="media/feature/guest-app.png">
</div>
<div class="box-content">
<h3 class="box-title">Guest Messaging</h3>
<p>Communicate with Staff in Real Time</p>
</div>
<!-- /.box-content -->
</div>
</div>
<div class="col-lg-6">
<div class="icon-box style-two wow fadeInUp" data-wow-delay="0.7s"
style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInUp;">
<div class="icon-container">
<img src="media/feature/tracking.png">
</div>
<div class="box-content">
<h3 class="box-title">Order Tracking</h3>
<p>Enable to Track Placed Orders</p>
</div>
<!-- /.box-content -->
</div>
</div>
</div>
</div>
<!-- /.intro-video -->
</div>
</div>
<!-- /.col-lg-6 -->
</div>
<!-- /.row -->
</div>
<!-- /.popup-video-arapper -->
</section>
<!-- /our expert -->
<!--=========================-->
<!--= Our expert =-->
<!--=========================-->
<section class="intro-video-two">
<div class="conatiner">
<div class="row align-items-center">
<div class="col-lg-6 features-guest-left1 pr-0">
<div class="popup-video-warapper-two">
<div class="intro-video-inner">
<div class="row">
<div class="col-lg-6">
<div class="icon-box style-two wow fadeInUp" data-wow-delay="0.5s"
style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<div class="icon-container">
<img src="media/feature/order-manage.png">
</div>
<div class="box-content">
<h3 class="box-title">Order Management</h3>
<p>Track & Manage Work Orders</p>
</div>
<!-- /.box-content -->
</div>
</div>
<div class="col-lg-6">
<div class="icon-box style-two wow fadeInUp" data-wow-delay="0.6s"
style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
<div class="icon-container">
<img src="media/feature/dbeverage.png">
</div>
<div class="box-content">
<h3 class="box-title">Digital Food & Beverage</h3>
<p>Streamlined Room Services Solutions</p>
</div>
<!-- /.box-content -->
</div>
</div>
<div class="col-lg-6">
<div class="icon-box style-two wow fadeInUp" data-wow-delay="0.7s"
style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInUp;">
<div class="icon-container">
<img src="media/feature/concierge.png">
</div>
<div class="box-content">
<h3 class="box-title">Concierge</h3>
<p>Organize & Manage Guest Requests</p>
</div>
<!-- /.box-content -->
</div>
</div>
<div class="col-lg-6">
<div class="icon-box style-two wow fadeInUp" data-wow-delay="0.7s"
style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInUp;">
<div class="icon-container">
<img src="media/feature/staffmsg.png">
</div>
<div class="box-content">
<h3 class="box-title">Guest Messaging</h3>
<p>Communicate with Guests in Real time</p>
</div>
<!-- /.box-content -->
</div>
</div>
<div class="col-lg-6">
<div class="icon-box style-two wow fadeInUp" data-wow-delay="0.7s"
style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInUp;">
<div class="icon-container">
<img src="media/feature/dstore.png">
</div>
<div class="box-content">
<h3 class="box-title">Digital Storefront</h3>
<p>Cross Selling Revenue</p>
</div>
<!-- /.box-content -->
</div>
</div>
<div class="col-lg-6">
<div class="icon-box style-two wow fadeInUp" data-wow-delay="0.7s"
style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInUp;">
<div class="icon-container">
<img src="media/feature/omnichanel.png">
</div>
<div class="box-content">
<h3 class="box-title">Guest Marketing</h3>
<p>An Omnichannel Marketing Platform</p>
</div>
<!-- /.box-content -->
</div>
</div>
<div class="col-lg-6">
<div class="icon-box style-two wow fadeInUp" data-wow-delay="0.7s"
style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInUp;">
<div class="icon-container">
<img src="media/feature/membership.png">
</div>
<div class="box-content">
<h3 class="box-title">Memberships</h3>
<p>Build Loyal & Repeat Customers</p>
</div>
<!-- /.box-content -->
</div>
</div>
<div class="col-lg-6">
<div class="icon-box style-two wow fadeInUp" data-wow-delay="0.7s"
style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInUp;">
<div class="icon-container">
<img src="media/feature/feedback.png">
</div>
<div class="box-content">
<h3 class="box-title">Guest Feedback </h3>
<p>Improve Your Service Recovery</p>
</div>
<!-- /.box-content -->
</div>
</div>
<div class="col-lg-6">
<div class="icon-box style-two wow fadeInUp" data-wow-delay="0.7s"
style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInUp;">
<div class="icon-container">
<img src="media/feature/device-manage.png">
</div>
<div class="box-content">
<h3 class="box-title">Device Management</h3>
<p>Monitor Your Property's Devices</p>
</div>
<!-- /.box-content -->
</div>
</div>
<div class="col-lg-6">
<div class="icon-box style-two wow fadeInUp" data-wow-delay="0.7s"
style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInUp;">
<div class="icon-container">
<img src="media/feature/eid-verification.png">
</div>
<div class="box-content">
<h3 class="box-title">eID Verification </h3>
<p>Digital KYC Verification</p>
</div>
<!-- /.box-content -->
</div>
</div>
</div>
</div>
<!-- /.intro-video -->
</div>
</div>
<!-- /.col-lg-6 -->
<div class="col-lg-6 features-guest-right1 pl-0">
<div class="video-content-wrapper-two">
<div class="our-expert-right-inn">
<h1 class="title wow fadeInUp">Tools Your Team Needs</h1>
<p class="wow fadeInUp" data-wow-delay="0.3s">Empowering your staff to boost their
efficiency and productivity by organising and automating day-to-day workflow using
our advanced tools</p>
<div class="action-button">
<a href="#" class="gp-btn color-three wow flipInX" data-wow-delay="0.3s"
style="visibility: visible; animation-delay: 0.3s; animation-name: flipInX;">Contact
Us</a>
</div>
</div>
</div>
<!-- /.video-content-wrapper -->
</div>
<!-- /.col-lg-6 -->
</div>
<!-- /.row -->
</div>
<!-- /.popup-video-arapper -->
</section>
<!-- /our expert -->
<!--========================================-->
<!--= Feature With Content =-->
<!--========================================-->
<section class="image-content">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 order-md">
<div class="image-content-wrapper style-three">
<h2 class="title wow fadeInUp">100+ Integrations</h2>
<p class="wow fadeInUp" data-wow-delay="0.3s">With friction-free integrations across
industry-leading providers of PMS, POS, room controls, ticketing, booking, and service
apps, Zolaa delivers the most connected platform on the market.</p>
</div>
<!-- /.image-content-wrapper -->
</div>
<!-- /.col-md-6 -->
<div class="col-lg-6">
<div class="anime-image-wrapper style-two">
<div class="row">
<div class="col-lg-4 int-sec">
<div class="customer-logos slider">
<div class="slide"><img src="media/client/Abode-Booking.jpg"></div>
<div class="slide"><img src="media/client/AvaiBook.jpg"></div>
<div class="slide"><img src="media/client/bookerville.jpg"></div>
<div class="slide"><img src="media/client/Bookster.jpg"></div>
<div class="slide"><img src="media/client/Chartsbeds.jpg"></div>
<div class="slide"><img src="media/client/RdpWin.jpg"></div>
<div class="slide"><img src="media/client/Bokun.jpg"></div>
</div>
</div>
<div class="col-lg-4 int-sec">
<div class="customer-logos slider">
<div class="slide"><img src="media/client/Rezdy.jpg"></div>
<div class="slide"><img src="media/client/worldline.png"></div>
<div class="slide"><img src="media/client/TourCMS.jpg"></div>
<div class="slide"><img src="media/client/Keynest.jpg"></div>
<div class="slide"><img src="media/client/Mini-Hotel.jpg"></div>
<div class="slide"><img src="media/client/Oracle.jpg"></div>
<div class="slide"><img src="media/client/Hostify.jpg"></div>
</div>
</div>
<div class="col-lg-4 int-sec">
<div class="customer-logos slider">
<div class="slide"><img src="media/client/Myvr.jpg"></div>
<div class="slide"><img src="media/client/MyRent.jpg"></div>
<div class="slide"><img src="media/client/Rms.jpg"></div>
<div class="slide"><img src="media/client/Preno.jpg"></div>
<div class="slide"><img src="media/client/Protel.jpg"></div>
<div class="slide"><img src="media/client/Salto.jpg"></div>
<div class="slide"><img src="media/client/Pelecard.jpg"></div>
</div>
</div>
<div class="col-lg-4 int-sec">
<div class="customer-logos slider">
<div class="slide"><img src="media/client/Stripe.jpg"></div>
<div class="slide"><img src="media/client/Vikey.jpg"></div>
<div class="slide"><img src="media/client/Oracle.jpg"></div>
<div class="slide"><img src="media/client/Keynest.jpg"></div>
<div class="slide"><img src="media/client/Mini-Hotel.jpg"></div>
<div class="slide"><img src="media/client/Oracle.jpg"></div>
<div class="slide"><img src="media/client/Hostify.jpg"></div>
</div>
</div>
<div class="col-lg-4 int-sec">
<div class="customer-logos slider">
<div class="slide"><img src="media/client/Myvr.jpg"></div>
<div class="slide"><img src="media/client/MyRent.jpg"></div>
<div class="slide"><img src="media/client/Rms.jpg"></div>
<div class="slide"><img src="media/client/Preno.jpg"></div>
<div class="slide"><img src="media/client/Protel.jpg"></div>
<div class="slide"><img src="media/client/Salto.jpg"></div>
<div class="slide"><img src="media/client/Pelecard.jpg"></div>
</div>
</div>
<div class="col-lg-4 int-sec">
<div class="customer-logos slider">
<div class="slide"><img src="media/client/Rezdy.jpg"></div>
<div class="slide"><img src="media/client/worldline.png"></div>
<div class="slide"><img src="media/client/TourCMS.jpg"></div>
<div class="slide"><img src="media/client/Keynest.jpg"></div>
<div class="slide"><img src="media/client/Mini-Hotel.jpg"></div>
<div class="slide"><img src="media/client/Oracle.jpg"></div>
<div class="slide"><img src="media/client/Hostify.jpg"></div>
</div>
</div>
<div class="col-lg-4 int-sec">
<div class="customer-logos slider">
<div class="slide"><img src="media/client/Myvr.jpg"></div>
<div class="slide"><img src="media/client/MyRent.jpg"></div>
<div class="slide"><img src="media/client/Rms.jpg"></div>
<div class="slide"><img src="media/client/Preno.jpg"></div>
<div class="slide"><img src="media/client/Protel.jpg"></div>
<div class="slide"><img src="media/client/Salto.jpg"></div>
<div class="slide"><img src="media/client/Pelecard.jpg"></div>
</div>
</div>
<div class="col-lg-4 int-sec">
<div class="customer-logos slider">
<div class="slide"><img src="media/client/Rezdy.jpg"></div>
<div class="slide"><img src="media/client/worldline.png"></div>
<div class="slide"><img src="media/client/TourCMS.jpg"></div>
<div class="slide"><img src="media/client/Keynest.jpg"></div>
<div class="slide"><img src="media/client/Mini-Hotel.jpg"></div>
<div class="slide"><img src="media/client/Oracle.jpg"></div>
<div class="slide"><img src="media/client/Hostify.jpg"></div>
</div>
</div>
<div class="col-lg-4 int-sec">
<div class="customer-logos slider">
<div class="slide"><img src="media/client/Rezdy.jpg"></div>
<div class="slide"><img src="media/client/worldline.png"></div>
<div class="slide"><img src="media/client/TourCMS.jpg"></div>
<div class="slide"><img src="media/client/Keynest.jpg"></div>
<div class="slide"><img src="media/client/Mini-Hotel.jpg"></div>
<div class="slide"><img src="media/client/Oracle.jpg"></div>
<div class="slide"><img src="media/client/Hostify.jpg"></div>
</div>
</div>
</div>
</div>
<!-- /.anime-image-wrapper -->
</div>
<!-- /.col-md-6 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</section>
<!-- /.image-content -->
<!-- why choose start -->
<section class="social-feature mb-75">
<div class="container">
<div class="section-heading style-three">
<h3 class="subtitle wow fadeInUp">Why Zolaa?</h3>
<h2 class="section-title wow fadeInUp" data-wow-delay="0.3s">The Only Platform You Will Ever Need
</h2>
<img src="media/wave-line-clr-lg.png" alt="wave line">
</div>
<div class="row flex-row-reverse align-items-center">
<div class="col-lg-6 col-md-12 order-md">
<div class="image-content-wrapper style-three">
<nav class="wc-content mt-40">
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<a class="nav-item nav-link" id="nav-01-tab" data-toggle="tab" href="#nav-01"
role="tab" aria-controls="nav-01" aria-selected="false">
<div class="wc-tab-item">
<ul class="wc-icon">
<li><i class="ti-check"></i>
<h4>Admin Portal</h4>
</li>
</ul>
<p>Get a birds eye view of the hotel, increase operational efficiency,
service delivery speed, and embrace your guests with flawless digital
experience resulting in ultimate guest satisfaction levels.</p>
</div>
</a>
<a class="nav-item nav-link active show" id="nav-02-tab" data-toggle="tab"
href="#nav-02" role="tab" aria-controls="nav-02" aria-selected="true">
<div class="wc-tab-item">
<ul class="wc-icon">
<li><i class="ti-check"></i>
<h4>Staff Application</h4>
</li>
</ul>
<p>Boost your staffs’ productivity by automating repetitive tasks and
reducing human errors. From requests logging to service delivery,
seamlessly automate everything your hotel workflow.</p>
</div>
</a>
<a class="nav-item nav-link" id="nav-03-tab" data-toggle="tab" href="#nav-03"
role="tab" aria-controls="nav-01" aria-selected="false">
<div class="wc-tab-item">
<ul class="wc-icon">
<li><i class="ti-check"></i>
<h4>Guest Application</h4>
</li>
</ul>
<p>Ensure all guests are provided with an experience so personalised that
they enrich it for lifetime. Focus and deliver your unique offerings
through the most intuitive guest interface.</p>
</div>
</a>
</div>
</nav>
</div>
</div>
<div class="col-lg-6 col-md-12">
<div class="anime-image-wrapper style-two">
<div class="tab-left mt-40">
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade" id="nav-01" role="tabpanel" aria-labelledby="nav-01-tab">
<div class="wc-img">
<img src="media/admin-portal.png" alt="">
</div>
</div>
<div class="tab-pane fade active show" id="nav-02" role="tabpanel"
aria-labelledby="nav-02-tab">
<div class="wc-img">
<img src="media/staff-app.png" width="400" alt="">
</div>
</div>
<div class="tab-pane fade" id="nav-03" role="tabpanel" aria-labelledby="nav-03-tab">
<div class="wc-img">
<img src="media/guest-application.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- why choose end -->
<!--====================================-->
<!--= Dashboard Slider =-->
<!--====================================-->
<section class="dashboard-preview" id="slider-tab">
<div class="container">
<div class="section-heading style-four">
<h2 class="section-title wow fadeInUp">
Introducing Zolaa WOW Products
</h2>
<img src="media/wave-line-clr-lg.png" alt="wave line">
<p class="description wow fadeInUp" data-wow-delay="0.3s">
Zolaa offers the best tools and solutions for your hotel for creating a more profitable,
agile and effective operation.
</p>
</div>
<div class="preview-slider wow fadeInUp" data-wow-delay="0.5s">
<div class="row align-items-center">
<div class="col-md-4 col-sm-12">
<!-- Add Pagination -->
<div class="astriol-pagination"></div>
</div>
<!-- /.col-md-4 col-sm-12 -->
<div class="col-md-8 col-sm-12">
<div class="swiper-container previewSlider">
<div class="swiper-wrapper">
<div class="swiper-slide color-one" data-image="ei ei-icon_documents_alt"
data-title="Mobile App">
<div class="slide-image-wrapper">
<img src="media/preview-slider/mobile-app-screen1.png" alt="Mobile App">
</div>
<!-- /.slide-image-wrapper -->
</div>
<div class="swiper-slide color-two" data-image="ei ei-icon_cloud_alt"
data-title="Staff App">
<div class="slide-image-wrapper">
<img src="media/preview-slider/mobile-app-screen2.png" alt="Staff App">
</div>
<!-- /.slide-image-wrapper -->
</div>
<div class="swiper-slide color-three" data-image="ei ei-icon_profile"
data-title="Hotel platform">
<div class="slide-image-wrapper">
<img src="media/preview-slider/home-platform.png" alt="Hotel platform">
</div>
<!-- /.slide-image-wrapper -->
</div>
<div class="swiper-slide color-four" data-image="ei ei-icon_grid-2x2"
data-title="Tablets">
<div class="slide-image-wrapper">
<img src="media/preview-slider/tablet-screen.png" alt="Tablets">
</div>
<!-- /.slide-image-wrapper -->
</div>
<div class="swiper-slide color-five" data-image="ei ei-icon_group"
data-title="QR Code & Bot">
<div class="slide-image-wrapper">
<img src="media/preview-slider/qrcode-bot.png" alt="QR Code & Bot">
</div>
<!-- /.slide-image-wrapper -->
</div>
<div class="swiper-slide color-six" data-image="ei ei-icon_film"
data-title="Voice Assistant">
<div class="slide-image-wrapper">
<img src="media/preview-slider/6.png" alt="Voice Assistant">
</div>
<!-- /.slide-image-wrapper -->
</div>
</div>
</div>
</div>
<!-- /.col-md-8 col-sm-12 -->
</div>
<!-- /.row -->
</div>
<!-- /.preview-slider -->
</div>
<!-- /.container -->
</section>
<!-- /.dashboard-preview -->
<!--========================================-->
<!--= Feature With Content =-->
<!--========================================-->
<section class="image-content">
<div class="container">
<div class="row mb-75">
<div class="col-lg-6">
<div class="anime-image-wrapper">
<div class="feature-image-wrap ml--55">
<img src="media/feature/contactless-guest-services.png" class="wow zoom" alt=" feature">
</div>
<span class="circle" data-parallax='{"y": -70}'></span>
<div class="anime-dot">
<img src="media/feature/dot.png" alt="astrion dot">
</div>
</div>
<!-- /.anime-image-wrapper -->
</div>
<!-- /.col-md-6 -->
<div class="col-lg-6">
<div class="image-content-wrapper style-three">
<h2 class="title wow fadeInUp">Contactless Guest Services for Hotels</h2>
<p class="wow fadeInUp" data-wow-delay="0.3s">Zolaa is a guest engagement and
integrations platform which simplifies digital transformation in hotels, helping
operators save money, stay engaged with guests and drive more revenue. With Zolaa,
you can develop your own Hotel Guest App to:</p>
<ul class="listitem wow fadeInUp" data-wow-delay="0.5s">
<li><i class="ei ei-icon_check"></i>Reduce touch points and give everything guests need
at their fingertips</li>
<li><i class="ei ei-icon_check"></i>Increase revenue and upsell services and facilities
</li>
<li><i class="ei ei-icon_check"></i>Save money and boost guest engagement</li>
<li><i class="ei ei-icon_check"></i>Drive direct bookings and save on OTA commission
</li>
<li><i class="ei ei-icon_check"></i>Offer a contactless guest journey</li>
<li><i class="ei ei-icon_check"></i>Deliver an exceptional guest experience.</li>
</ul>
<!-- <div class="action-button">
<a href="#" class="gp-btn color-three wow flipInX" data-wow-delay="0.3s"
style="visibility: visible; animation-delay: 0.3s; animation-name: flipInX;">Calculate
ROI</a>
<a href="#" class="gp-btn color-three btn-outline wow flipInX" data-wow-delay="0.3s"
style="visibility: visible; animation-delay: 0.3s; animation-name: flipInX;">Request
a demo</a>
</div> -->
</div>
<!-- /.image-content-wrapper -->
</div>
<!-- /.col-md-6 -->
</div>
<!-- /.row -->
<div class="section-heading style-three">
<!-- <h3 class="subtitle wow fadeInUp">Accessible Across</h3> -->
<h2 class="section-title wow fadeInUp" data-wow-delay="0.3s">Create your own guest app different
categories</h2>
<img src="media/wave-line-clr-lg.png" alt="wave line">
</div>
<div class="row align-items-center mb-75">
<div class="col-lg-5 order-md">
<div class="image-content-wrapper style-three">
<h2 class="title wow fadeInUp">Digitise Your Guest Experience & Increase In-Stay Spend</h2>
<p class="wow fadeInUp" data-wow-delay="0.3s">With an app, your guests will have everything
they need at their fingertips pre, during and post-stay. Using your hotel app, guests
will easily find out dining options, view photo galleries, follow you on social media,
peruse menus and book your facilities and services, increasing upsell and RevPAR. </p>
<p class="wow fadeInUp" data-wow-delay="0.3s">With location-based push notifications, you
can promote offers and easily keep guests informed.</p>
<p class="wow fadeInUp" data-wow-delay="0.3s">If you have more than one property, your
guests can view all your branch hotels, browse amenities and make a booking. </p>
<!-- <a href="#" class="gp-btn color-three wow fadeInUp" data-wow-delay="0.5s">Product Tour</a> -->
</div>
<!-- /.image-content-wrapper -->
</div>
<!-- /.col-md-6 -->
<div class="col-lg-7">
<div class="anime-image-wrapper style-two">
<div class="feature-image-wrap mr--50">
<img src="media/feature/digitise-your-guest.png" width="600" class="wow zoom"
data-wow-delay="0.3s" alt=" feature">
</div>
<span class="circle" data-parallax='{"y": 60}'></span>
<div class="anime-dot">
<img src="media/feature/dot2.png" alt="astrion dot">
</div>
</div>
<!-- /.anime-image-wrapper -->
</div>
<!-- /.col-md-6 -->
</div>
<!-- /.row -->
<div class="row align-items-center mb-0">
<div class="col-lg-6">
<div class="anime-image-wrapper">
<div class="feature-image-wrap ml--55">
<img src="media/feature/mobile-checkin.png" class="wow zoom" alt=" feature">
</div>
<span class="circle" data-parallax='{"y": -70}'></span>
<div class="anime-dot">
<img src="media/feature/dot.png" alt="astrion dot">
</div>
</div>
<!-- /.anime-image-wrapper -->
</div>
<!-- /.col-md-6 -->
<div class="col-lg-6">
<div class="image-content-wrapper style-three">
<h2 class="title wow fadeInUp">Offer Mobile Check-In, Digital Key & Food Ordering System
</h2>
<p class="wow fadeInUp" data-wow-delay="0.3s">By integrating your PMS and digital door lock
system, you can remove any friction at arrival, avoid queues at reception and offer your
guests contactless mobile check-in and digital door key.</p>
<p class="wow fadeInUp" data-wow-delay="0.3s">Ensure your guests have the best possible stay
by offering them an app that includes your hotel services, restaurant and spa
reservations, F&B ordering, interactive chat with hotel staff, special offers and much
more. This will help you increase your hotel revenue and earn more from every booking.
</p>
<!-- <a href="#" class="gp-btn color-three wow fadeInUp" data-wow-delay="0.5s">Product
Features</a> -->
</div>
<!-- /.image-content-wrapper -->
</div>
<!-- /.col-md-6 -->
</div>
<!-- /.row -->
<div class="row align-items-center mb-75">
<div class="col-lg-6 order-md">
<div class="image-content-wrapper style-three">
<h2 class="title wow fadeInUp">Increase Revenue, Loyalty and Direct bookings</h2>
<p class="wow fadeInUp" data-wow-delay="0.3s">After a wonderful stay, your guests can
check-out easily and end their stay with fantastic memories. Through the app, you can
request their feedback or ask them to leave a review on Google or TripAdvisor. </p>
<p class="wow fadeInUp" data-wow-delay="0.3s">Increase direct bookings by linking your app
to your booking engine and reduce OTA commission. Your app can also include an
innovative loyalty programme designed to convert guests into loyal customers.</p>
<a href="#" class="gp-btn color-three wow fadeInUp" data-wow-delay="0.5s">Integration
Partners</a>
</div>
<!-- /.image-content-wrapper -->
</div>
<!-- /.col-md-6 -->
<div class="col-lg-6">
<div class="anime-image-wrapper style-two">
<div class="feature-image-wrap mr--50">
<img src="media/feature/increase-revenue.png" width="550" class="wow zoom"
data-wow-delay="0.3s" alt=" feature">
</div>
<span class="circle" data-parallax='{"y": 60}'></span>
<div class="anime-dot">
<img src="media/feature/dot2.png" alt="astrion dot">
</div>
</div>
<!-- /.anime-image-wrapper -->
</div>
<!-- /.col-md-6 -->
</div>
<!-- /.row -->
<!-- <div class="row align-items-center">
<div class="col-lg-6">
<div class="anime-image-wrapper">
<div class="feature-image-wrap">
<img src="media/feature/award-winning.png" width="500" class="wow zoom" alt=" feature">
</div>
<span class="circle" data-parallax='{"y": -70}'></span>
<div class="anime-dot">
<img src="media/feature/dot.png" alt="astrion dot">
</div>
</div>
</div>
<div class="col-lg-6">
<div class="image-content-wrapper style-three">
<h2 class="title wow fadeInUp">Award-winning technology for the hospitality industry</h2>
<ul class="listitem wow fadeInUp" data-wow-delay="0.5s">
<li><i class="ei ei-icon_check"></i>Best Technology Supplier at the 2020 Travolution
Awards</li>
<li><i class="ei ei-icon_check"></i>Finalist in the Contactless Solution category of the
prestigious Skift IDEA Awards 2020</li>
<li><i class="ei ei-icon_check"></i>Best Engagement Platform for Hotels at the 2020
Business Elite Awards</li>
<li><i class="ei ei-icon_check"></i>Featured in Skift’s Top Travel Startups in 2019</li>
<li><i class="ei ei-icon_check"></i>TechWorld’s Small Business Innovation Award in 2019
</li>
<li><i class="ei ei-icon_check"></i>Industry Breakthrough & Innovation Award at the 2018
ASAP Awards.</li>
</ul>
<a href="#" class="gp-btn color-three wow fadeInUp" data-wow-delay="0.5s">Get Started</a>
</div>
</div>
</div> -->
</div>
</section>
<!-- /.image-content -->
<section id="showcase">
<div class="container">
<div class="section-heading mb-0">
<h2 class="section-title wow fadeInUp">
Zolaa - Your key to seamless hospitality excellence!
</h2>
<img src="media/wave-line-color.png" alt="wave line">
<p>Zolaa revolutionizes the hotel industry worldwide to increase revenue, reduce expenses,
deliver exceptional guest experiences and reduce operational redundancies.</p>
<h4 class="hire-subtitle wow gptFadeUp mb-4">Zolaa <span>Vs</span> Traditional Methods</h4>
<button type="button" class="btn btn-five btn-circle">Guest Experience</button>
</div>
<!-- /.section-heading -->
<div class="row justify-content-center mb-75">
<div class="col-lg-5 pr-0">
<div class="anime-image-wrapper vr pt-5 pr-5 text-right">
<div class="image-wrapper-section-one ">
<!-- <span class="small-button">48 Hours</span> -->
<h3 class="name wow fadeInUp mt-4">Seamless Digital Experience</h3>
<p>Now order anything at your fingertips.</p>
<img src="media/Seamless-Digital-Experience.png" alt="Semless Digital Experience"
width="">
</div>
<div class="image-wrapper-section-one">
<h3 class="name wow fadeInUp mt-4">Quick service requests</h3>
<p>No delays or errors in delivering orders with orders assigned directly to the staff
through our staff app.</p>
<img src="media/Quick-service-requests.png" alt="Quick service requests" width="">
</div>
<div class="image-wrapper-section-one">
<h3 class="name wow fadeInUp mt-4">Numerous Up-selling opportunities</h3>
<p>Run upselling campaigns via sms, email and WhatsApp helping boost the revenues.</p>
<img src="media/Numerous-Up-selling-opportunities.png"
alt="Numerous Up-selling opportunities" width="">
</div>
</div>
<!-- /.anime-image-wrapper -->
</div>
<!-- /.col-md-6 -->
<div class="col-lg-5">
<div class="anime-content-wrapper style-three pl-4 pt-5">
<div class="image-wrapper-section-one">
<!-- <span class="small-button">48 Hours</span> -->
<h3 class="name wow fadeInUp mt-4">In-person Phone requests</h3>
<p>Orders on the Intercom.</p>
<img src="media/In-person-Phone-requests.png" alt="In-person Phone requests"
width="420">
</div>
<div class="image-wrapper-section-one">
<h3 class="name wow fadeInUp mt-4">Delayed service requests</h3>
<p>Manual service requests leading to an increase in response times or sometimes even
losing track of them.</p>
<img src="media/Delayed-service-requests.png" alt="Delayed service requests"
width="420">
</div>
<div class="image-wrapper-section-one">
<h3 class="name wow fadeInUp mt-4">limited up-selling opportunities</h3>
<p>Very few upselling opportunities making it challenging to target guests.</p>
<img src="media/limited-up-selling-opportunities.png"
alt="limited up-selling opportunities" width="">
</div>
</div>
<!-- /.image-content-wrapper -->
</div>
<!-- /.col-md-6 -->
<div class="col-lg-12 p-0">
<div class="text-center">
<button type="button" class="btn btn-five btn-circle mt-0">Hotel Operations</button>
</div>
</div>
<div class="col-lg-5 pr-0">
<div class="anime-image-wrapper vr pt-5 pr-5 text-right">
<div class="image-wrapper-section-one ">
<!-- <span class="small-button">48 Hours</span> -->
<h3 class="name wow fadeInUp mt-4">Efficient & Digitised Order Management</h3>
<p>Automated and digitised order management ensures the orders are processed and
delivered promptly reducing the chance of errors.</p>
<img src="media/Efficient-Digitised-Order-Management.png"
alt="Efficient & Digitised Order Management" width="365">
</div>
<div class="image-wrapper-section-one">
<h3 class="name wow fadeInUp mt-4">Real-time data and analytics</h3>
<p>Zolaa provides real-time analytics on the orders, guests, and staff performance
helping hotels to make data-driven decisions.</p>
<img src="media/Real-time-data-and-analytics.png" alt="Real-time data and analytics"
width="365">
</div>
<div class="image-wrapper-section-one">
<h3 class="name wow fadeInUp mt-4">Low Operational costs</h3>
<p>With an entirely digitised all-in-one platform, you can now reduce the costs spent on
infrastructure and labour costs.</p>
<img src="media/Low-Operational-costs.png" alt="Low Operational costs">
</div>
</div>
<!-- /.anime-image-wrapper -->
</div>
<!-- /.col-md-6 -->
<div class="col-lg-5">
<div class="anime-content-wrapper style-three pl-4 pt-5">
<div class="image-wrapper-section-one">
<h3 class="name wow fadeInUp mt-4">Manual Order Processing</h3>
<p>Manual communication in order processing may delay the deliveries as well as increase
inefficiencies.</p>
<img src="media/Manual-Order-Processing.png" alt="Manual Order Processing">
</div>
<div class="image-wrapper-section-one">
<h3 class="name wow fadeInUp mt-4">Limited data insights</h3>
<p>Lack of organised data to analyse limiting the ability to gain actionable insights.
</p>
<img src="media/Limited-data-insights.png" alt="Limited data insights">
</div>
<div class="image-wrapper-section-one">
<h3 class="name wow fadeInUp mt-4">High operational costs</h3>
<p>High operational costs incurred due to inefficient operations, high maintenance,
labour-intensive processes etc. .</p>
<img src="media/Limited-data-insights.png" alt="High operational costs">
</div>
</div>
<!-- /.image-content-wrapper -->
</div>
<!-- /.col-md-6 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</section>
<!--======================================-->
<!--= Countdown Creative =-->
<!--======================================-->
<div id="countdown-creative">
<div class="wave-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" class="animated-wave" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1920px" height="440px">
<title>Wave</title>
<path id="animated-wave-one" fill-rule="evenodd" fill="rgba(218, 222, 255, 0.2)"
d="M0.000,389.999 C0.000,389.999 190.914,303.146 458.265,307.140 C670.950,310.317 792.948,397.123 1071.477,417.140 C1307.537,434.105 1428.778,355.871 1615.580,349.999 C1812.762,343.803 1920.000,440.000 1920.000,440.000 L1920.000,-0.001 L0.000,-0.001 L0.000,389.999 Z" />
</svg>
<svg class="animated-wave" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1920px" height="409px">
<title>Wave</title>
<path id="animated-wave-two" fill-rule="evenodd" fill="rgba(218, 222, 255, 0.2)"
d="M0.000,292.013 C0.000,292.013 178.837,368.003 357.380,368.003 C530.704,368.003 633.144,320.000 864.908,320.000 C1103.047,320.000 1138.719,389.258 1392.681,407.140 C1531.655,416.925 1641.961,367.852 1752.927,343.711 C1848.559,322.907 1920.000,370.000 1920.000,370.000 L1920.000,-0.001 L0.000,-0.001 L0.000,292.013 Z" />
</svg>
</div>
<!-- /.wave-wrapper -->
<div class="container">
<div class="creative-countup-wrapper">
<div class="row justify-content-center">
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="fun-fact color--one wow fadeInUp" data-wow-delay="0.3s">
<div class="count-icon-container">
<i class="icon-people"></i>
<span class="circle-shape"></span>
</div>
<!-- /.icon-box -->
<h4 class="count" data-counter="200 +">200+ </h4>
<p class="count-name">Happy Hotels</p>
</div>
<!-- /.fun-fact -->
</div>
<!-- /.col-lg-3 col-md-6 col-sm-6 -->
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="fun-fact color--two wow fadeInUp" data-wow-delay="0.5s">
<div class="count-icon-container">
<i class="icon-like"></i>
<span class="circle-shape"></span>
</div>
<!-- /.icon-box -->
<h4 class="count" data-counter="44780">44780 </h4>
<p class="count-name">Happy Guests</p>
</div>
<!-- /.fun-fact -->
</div>
<!-- /.col-lg-3 col-md-6 col-sm-6 -->
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="fun-fact color--three wow fadeInUp" data-wow-delay="0.7s">
<div class="count-icon-container">
<i class="icon-clock"></i>
<span class="circle-shape"></span>
</div>
<!-- /.icon-box -->
<h4 class="count" data-counter="82%">82% </h4>
<p class="count-name">Active User Engagement</p>
</div>
<!-- /.fun-fact -->
</div>
<!-- /.col-lg-3 col-md-6 col-sm-6 -->
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="fun-fact color--four wow fadeInUp" data-wow-delay="0.9s">
<div class="count-icon-container">
<i class="icon-bulb"></i>
<span class="circle-shape"></span>
</div>
<!-- /.icon-box -->
<h4 class="count" data-counter="43%">43% </h4>
<p class="count-name">Increase in Revenue</p>
</div>
<!-- /.fun-fact -->
</div>
<!-- /.col-lg-3 col-md-6 col-sm-6 -->
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="fun-fact color--four wow fadeInUp" data-wow-delay="0.9s">
<div class="count-icon-container">
<i class="icon-bulb"></i>
<span class="circle-shape"></span>
</div>
<!-- /.icon-box -->
<h4 class="count" data-counter="Tones">Tones </h4>
<p class="count-name">of Paper Save</p>
</div>
<!-- /.fun-fact -->
</div>
<!-- /.col-lg-3 col-md-6 col-sm-6 -->
</div>
<!-- /.row -->
</div>
<!-- /.creative-countup-wrapper -->
</div>
<!-- /.container -->
</div>
<!-- /#countdown -->
<!--===========================-->
<!--= Feature =-->
<!--===========================-->
<!-- <section id="feature">
<div class="container">
<div class="section-heading">
<h2 class="section-title wow fadeInUp">
Why Winners Choose Zolaa?
</h2>
<img src="media/wave-line-color.png" alt="wave line">
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="icon-box style-four color-seven wow fadeInUp" data-wow-delay="0.3s">
<div class="icon-container">
<img src="media/feature/10.png" alt="service">
</div>
<div class="box-content">
<h3 class="box-title">
<a href="service-two.html">Increased Revenues</a>
</h3>
<p>Increase your revenues and reach your targets by direct bookings, up-sells, requests,
and orders. Zolaa increase your revenue efficiently and delivers a 30x to 60x
ROI rate.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="icon-box style-four color-seven wow fadeInUp" data-wow-delay="0.5s">
<div class="icon-container">
<img src="media/feature/11.png" alt="service">
</div>
<div class="box-content">
<h3 class="box-title">
<a href="service-two.html">Improved Guest Satisfaction</a>
</h3>
<p>Your guests deserve the best. Create an attentive but touch-free environment and show
them how much you value their happiness and wellbeing.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="icon-box style-four color-seven wow fadeInUp" data-wow-delay="0.7s">
<div class="icon-container">
<img src="media/feature/12.png" alt="service">
</div>
<div class="box-content">
<h3 class="box-title">
<a href="service-two.html">Boosted Online Reputation</a>
</h3>
<p>You can have better reviews and better results with Zolaa. It has proven that the
hotels that work with Zolaa have average 4.8 Tripadvisor scores and 9.4
Booking.com review scores.</p>
</div>
</div>
</div>
</div>
</div>
</section> -->
<!-- /#feature -->
<!--===============================-->
<!--= Feature =-->
<!--===============================-->
<section id="social-feature">
<div class="container">
<div class="section-title-two text-center">
<h2 class="section-title wow fadeInUp mb-0">
Get Started in a Jiffy!
</h2>
<img src="media/wave-line-color.png" alt="wave line">
<!-- <p class="wow fadeInUp" data-wow-delay="0.3s">
He lost his bottle squiffy bog bleeding hunky-dory wind up morish tomfoolery spend<br> a penny hanky panky, lemon squeezy vagabond.!
</p> -->
</div>
<!-- /.section-title -->
<div class="row">
<div class="col-lg-4 col-sm-6">
<div class="social-icon-box wow fadeInRight" data-wow-delay="0.5s">
<div class="icon">
<img src="media/feature/proc-1.png" width="80" alt="Icon">
</div>
<div class="content">
<h3>Signup</h3>
<p>Register your account and get access to the Admin portal for seamless onboarding.</p>
<!-- <a href="#">Learn More <i class="ti-arrow-right"></i></a> -->
</div>
</div>
<!-- /.social-icon-box -->
</div>
<!-- /.col-lg-4 col-sm-6 -->
<div class="col-lg-4 col-sm-6">
<div class="social-icon-box wow fadeInRight" data-wow-delay="0.7s">
<div class="icon">
<img src="media/feature/proc-2.png" width="80" alt="Icon">
</div>
<div class="content">
<h3>Setup</h3>
<p>Configure your property on all the parameters along with staff onboarding.</p>
<!-- <a href="#">Learn More <i class="ti-arrow-right"></i></a> -->
</div>
</div>
<!-- /.social-icon-box -->
</div>
<!-- /.col-lg-4 col-sm-6 -->
<div class="col-lg-4 col-sm-6">
<div class="social-icon-box wow fadeInRight" data-wow-delay="0.9s">
<div class="icon">
<img src="media/feature/proc-3.png" width="80" alt="Icon">
</div>
<div class="content">
<h3>Start</h3>
<p>Go live, leverage on our advanced platform and woo your guests.</p>
<!-- <a href="#">Learn More <i class="ti-arrow-right"></i></a> -->
</div>
</div>
<!-- /.social-icon-box -->
</div>
<!-- /.col-lg-4 col-sm-6 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</section>
<!-- /#social-icon-box -->
<!--==============================-->
<!--= Testimonial =-->
<!--==============================-->
<!-- <section class="testimonials-creative">
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-7">
<div class="section-heading style-four testimonial-heading text-left">
<h2 class="section-title">Engage<br> your customers.</h2>
<h3 class="sub-title">Customer’s Reviews</h3>
<div class="nav-control nav-static">
<div class="gp-nav-prev">
<i class="ei ei-arrow_left"></i>
</div>
<div class="gp-nav-next">
<i class="ei ei-arrow_right"></i>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-5">
<div class="testimonial-wrap">
<div class="quote">
<img src="media/testimonial/quote2.png" alt="quote">
</div>
<div class="swiper-container" id="testimonial-creative" data-speed="1000" data-space="50">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial-cre">
<div class="testi-content">
<p>
Nice one chimney pot are you taking the piss cup of tea gosh bonnet,
smashing you mug knackered bum bag at public school, geeza arse
bleeder
young delinquent wellies off his nut barney knees up only.!
</p>
</div>
<div class="testmonial-info">
<div class="info-wrapper">
<div class="user-avatar">
<img src="media/testimonial/01.jpg" alt=" user-avatar">
</div>
<div class="info">
<h4 class="user-name">Hanson Deck</h4>
<span class="designation">UI/UX designer</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial-cre">
<div class="testi-content">
<p>
Nice one chimney pot are you taking the piss cup of tea gosh bonnet,
smashing you mug knackered bum bag at public school, geeza arse
bleeder
young delinquent wellies off his nut barney knees up only.!
</p>
</div>
<div class="testmonial-info">
<div class="info-wrapper">
<div class="user-avatar">
<img src="media/testimonial/2.jpg" alt=" user-avatar">
</div>
<div class="info">
<h4 class="user-name">Hanson Deck</h4>
<span class="designation">UI/UX designer</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial-cre">
<div class="testi-content">
<p>
Nice one chimney pot are you taking the piss cup of tea gosh bonnet,
smashing you mug knackered bum bag at public school, geeza arse
bleeder
young delinquent wellies off his nut barney knees up only.!
</p>
</div>
<div class="testmonial-info">
<div class="info-wrapper">
<div class="user-avatar">
<img src="media/testimonial/3.jpg" alt=" user-avatar">
</div>
<div class="info">
<h4 class="user-name">Hanson Deck</h4>
<span class="designation">UI/UX designer</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section> -->
<!-- /.testimonials -->
<!--===========================-->
<!--= Download =-->
<!--===========================-->
<!-- <section class="downloads">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="download-contents">
<div class="section-heading text-left">
<h2 class="section-title wow fadeInUp">
Available for your<br> smartphone
</h2>
<p class="wow fadeInUp" data-wow-delay="0.3s">
You can also use the functions of the app through any<br> web browser with the ''H"
online portal
</p>
<div class="button-container">
<a href="#" class="app-btn gp-btn color-three wow fadeInUp" data-wow-delay="0.4s">
<div class=" button-text ">
<i class="fi flaticon-playstore"></i>
<span class="button-text ">Google play</span>
</div>
</a>
<a href="#" class="app-btn gp-btn btn-outline color-three wow fadeInUp"
data-wow-delay="0.4s">
<div class="button-text">
<i class="fi flaticon-apple-logo"></i>
<span class="">App Store</span>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="download-feature-image-wrapper">
<div class="image-container">
<div class="image-one">
<img src="media/download/appscreen2.png" width="300" class="wow fadeInRight"
data-wow-delay="0.7s" alt=" download">
</div>
<div class="image-two" data-parallax='{"x": 50}'>
<img src="media/download/appscreen1.png" width="250" class="wow fadeInLeft"
data-wow-delay="0.7s" alt=" download">
</div>
<img src="media/download/dot.png" alt=" download" class="dot wow fadeInRight"
data-wow-delay="0.3s">
<span class="circle wow zoom2"></span>
</div>
</div>
</div>
</div>
</div>
</section> -->
<!-- /.downloads -->
<!-- Start Featured In-->
<section class="subscribe-area related-links pt-70 pb-70">
<div class="section-heading mb-4">
<h2 class="section-title wow fadeInUp">
Featured In
</h2>
<img src="media/wave-line-color.png" width="300" alt="wave line">
</div>
<ul>
<li>
<a href="#" class="related-link" target=""><img src="media/client/your_story.svg"></a>
</li>
<li>
<a href="#" class="related-link" target=""><img src="media/client/mint.svg"></a>
</li>
<li>
<a href="#" class="related-link" target=""><img src="media/client/tet.svg"></a>
</li>
<li>
<a href="#" class="related-link" target=""><img src="media/client/vccircle.svg"></a>
</li>
<li>
<a href="#" class="related-link" target=""><img src="media/client/business_standard.svg"></a>
</li>
</ul>
</section>
<!-- End Featured In-->
<section class="service_section get-started text-center pt-70 pb-70">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12 text-white">
<h2>Drive your Business Growth with Zolaa </h2>
<p class="text-white">We work for your success! Your passion and our team, a powerful
combination.</p>
<a href="#" class="gp-btn color-two btn-light btn-circle">Get Started</a>
</div>
</div>
</div>
</section>
<!-- Start App Download Area -->
<!--=========================-->
<!--= Footer =-->
<!--=========================-->
<footer id="footer-main" class="gp-site-footer">
<div class="container">
<div class="footer-widgets wow pixFadeUp">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="widget footer-widget widget-newsletter">
<div class="footer-logo">
<img src="assets/img/logo.png" width="200" alt="site-logo">
</div>
<p>
Feel free to get in touch<br>
with us vai email.
</p>
<form action="#" method="post" class="footer-newsletter-form wow pixFadeUp"
data-gp-form="newsletter-subscribe"
style="visibility: visible; animation-name: pixFadeUp;">
<input type="hidden" name="action" value="gp_mailchimp_subscribe">
<div class="newsletter-inner">
<input type="email" name="email" class="form-control" id="newsletter-form-email"
placeholder="Your Email" required="">
<button type="submit" name="submit" id="newsletter-submit"
class="newsletter-submit color-two gp-btn btn-circle">
<span class="btn-text">Subscribe</span>
<i class="fa fa-circle-o-notch fa-spin"></i>
</button>
</div>
<div class="form-result alert">
<div class="content"></div>
</div><!-- /.form-result-->
</form>
</div>
<!-- /.widget footer-widget -->
</div>
<!-- /.col-lg-3 col-md-6 col-sm-6 -->
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="widget footer-widget">
<h3 class="widget-title">Sitemap</h3>
<ul class="footer-menu">
<li><a href="#">Home</a>
</li>
<li><a href="#">Hotel
Platform</a></li>
<li><a href="#">Staff
Application</a></li>
<li><a href="#">Guest
Platform</a></li>
<li><a href="#">Pricing</a>
</li>
</ul>
</div>
<!-- /.widget footer-widget -->
</div>
<!-- /.col-lg-3 col-md-6 col-sm-6 -->
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="widget footer-widget">
<h3 class="widget-title">Resources</h3>
<ul class="footer-menu">
<li><a href="#">Login</a>
</li>
<li><a href="#">Privacy
Policy</a></li>
<li><a href="#">Terms
and Conditions</a></li>
<li><a href="#">Cookie
policy</a></li>
<li><a href="#">Support</a>
</li>
</ul>
</div>
<!-- /.widget footer-widget -->
</div>
<!-- /.col-lg-3 col-md-6 col-sm-6 -->
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="widget footer-widget">
<h3 class="widget-title">Contact Us</h3>
<ul class="footer-menu">
<li><a href="">support@zolaa.com</a>
</li>
</ul>
<div class="footer-social-wrapper text-left mt-3">
<ul class="footer-social-link">
<li><a href="https://www.facebook.com/zolaaonline" target="_blank"><i
class="fab fa-facebook-f"></i></a></li>
<li><a href="https://twitter.com/RoomsEazy" target="_blank"><i
class="fab fa-twitter"></i></a></li>
<li><a href="https://www.linkedin.com/company/zolaa/" target="_blank"><i
class="fab fa-linkedin-in"></i></a></li>
<li><a href="https://www.instagram.com/myzolaa/" target="_blank"><i
class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
<!-- /.widget footer-widget -->
</div>
<!-- /.col-lg-3 col-md-6 col-sm-6 -->
</div>
<!-- /.row -->
</div>
<!-- /.footer-nner -->
</div>
<!-- /.container -->
<div class="site-info">
<div class="container">
<div class="row align-items-center">
<div class="col-md-12 text-center">
<div class="copyright">
<p class="copyright-text">Copyright © 2024 Zolaa. All Rights Reserved</p>
</div>
</div>
<!-- /.col-md-6 -->
<!-- <div class="col-md-6">
<div class="footer-social-wrapper">
<ul class="footer-social-link">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
</div> -->
<!-- /.col-md-6 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</div>
<!-- /.site-info -->
</footer>
<!-- /#footer -->
<div class="high-lighter-overlay"></div>
</div>
<!-- /#site -->
<!-- Dependency Scripts -->
<script src="dependencies/jquery/jquery.min.js"></script>
<script src="dependencies/bootstrap/js/bootstrap.min.js"></script>
<script src="dependencies/swiper/js/swiper.min.js"></script>
<script src="dependencies/isotope-layout/isotope.pkgd.min.js"></script>
<script src="dependencies/imagesloaded/imagesloaded.pkgd.min.js"></script>
<script src="dependencies/magnific-popup/js/jquery.magnific-popup.min.js"></script>
<script src="dependencies/jquery.appear/jquery.appear.js"></script>
<script src="dependencies/wow/js/wow.min.js"></script>
<script src="assets/js/TweenMax.min.js"></script>
<script src="dependencies/countUp.js/countUp.min.js"></script>
<script src="dependencies/bodymovin/lottie.min.js"></script>
<script src="dependencies/jquery.parallax-scroll/js/jquery.parallax-scroll.js"></script>
<script src="dependencies/wavify/wavify.js"></script>
<script src="dependencies/jquery.marquee/js/jquery.marquee.js"></script>
<script src="assets/js/jarallax.min.js"></script>
<script src="dependencies/gmap3/js/gmap3.min.js"></script>
<script src="dependencies/slick-carousel/js/slick.min.js"></script>
<script src="assets/js/jquery.parallax.min.js"></script>
<script src='https://maps.googleapis.com/maps/api/js?key=AIzaSyDk2HrmqE4sWSei0XdKGbOMOHN3Mm2Bf-M'></script>
<!-- Site Scripts -->
<script src="assets/js/header.js"></script>
<script src="assets/js/app.js"></script>
<!-- Message Conversation JS -->
<script src="assets/js/conversation.js"></script>
<!-- Discover image slider -->
<script src="assets/js/dicover-slide.js"></script>
<!-- Counytry code -->
<script>
// Vanilla Javascript
var input = document.querySelector("#phone");
window.intlTelInput(input, ({
// options here
}));
</script>
<script>
// Vanilla Javascript
var input = document.querySelector("#phone");
window.intlTelInput(input, ({
// options here
}));
$(document).ready(function () {
$('.iti__flag-container').click(function () {
var countryCode = $('.iti__selected-flag').attr('title');
var countryCode = countryCode.replace(/[^0-9]/g, '')
$('#phone').val("");
$('#phone').val("+" + countryCode + " " + $('#phone').val());
});
});
</script>
<!-- slick slider -->
<script>
$(document).ready(function () {
$('.customer-logos').slick({
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 4000,
arrows: false,
dots: false,
pauseOnHover: false,
responsive: [{
breakpoint: 768,
settings: {
slidesToShow: 4
}
}, {
breakpoint: 520,
settings: {
slidesToShow: 3
}
}]
});
});
</script>
<!-- end slick slider -->
<!-- image slider -->
<script>
// Images Area Images
let imagesAreaImages = document.querySelectorAll('.images-area img');
// Images Area First Image
let imagesAreaFirstImage = document.querySelector('.images-area .firstImage');
// Previous And Next Buttons
let previousBtn = document.querySelector('.previous-btn');
let nextBtn = document.querySelector('.next-btn');
// Pagination Area
let paginationArea = document.querySelector('.pagination-area');
// Current Image Count
let currentImageCount = 1;
// Slider Controler Function
let sliderController;
// Create Pagination Spans Function
let createPaginationSpans;
// Every Click On Buttons
previousBtn.addEventListener('click', previousImage);
nextBtn.addEventListener('click', nextImage);
// Previous Image Function
function previousImage() {
// If The currentImageCount Is 1
if (currentImageCount === 1) {
return false;
} else { // Else
// Minus One From currentImageCount
currentImageCount--;
// Call Function sliderController();
sliderController();
};
};
// Next Image Function
function nextImage() {
// If The currentImageCount Is imagesAreaImages.length
if (currentImageCount === imagesAreaImages.length) {
return false;
} else { // Else
// Plus One To currentImageCount
currentImageCount++;
// Call Function sliderController();
sliderController();
};
};
// Create Pagination Spans [Circls] Function
(function createPaginationSpans() {
// Loop On All The Images Slider
for (var i = 0; i < imagesAreaImages.length; i++) {
// Create Span
let paginationSpan = document.createElement('span');
// Append The Span
paginationArea.appendChild(paginationSpan)
};
})();
// Slider Controler Function
(sliderController = function () {
// Get All The pagination Spans
let paginationCircls = document.querySelectorAll('.pagination-area span');
// Call Remore All Active Class Function
removeAllActive(paginationCircls);
// Call Remore Active Button Function
activeButton();
// The currentImageCount Minus One
let currentImageMinusOne = currentImageCount - 1;
// Set Active Class On Current Pagination
paginationCircls[currentImageMinusOne].classList.add('active');
// Move The images Area First Image
imagesAreaFirstImage.style.marginLeft = `-${600 * currentImageMinusOne}px`;
console.log(600 * currentImageMinusOne);
})();
// Remove All Active Class Function
function removeAllActive(targetElement) {
for (var i = 0; i < targetElement.length; i++) {
targetElement[i].classList.remove('active');
};
};
// Check Active Button Function
function activeButton() {
// If The Current Image Count Equle 1
currentImageCount === 1 ?
// Hide The Previous Button
previousBtn.classList.add('disabled') :
// Else: Show The Previous Button
previousBtn.classList.remove('disabled');
// If The Current Image Count Equle imagesAreaImages.length
currentImageCount === imagesAreaImages.length ?
// Hide The Next Button
nextBtn.classList.add('disabled') :
// Else: Show The Next Button
nextBtn.classList.remove('disabled');
};
// Move Slider Image Every 3 Second
setInterval(() => {
// If The Current Image Count Not Equle imagesAreaImages.length
if (currentImageCount != imagesAreaImages.length) {
// Plus One
currentImageCount++;
// Call Function sliderController();
sliderController();
} else { // else
// Make currentImageCount Equle 1
currentImageCount = 1;
// Call Function sliderController();
sliderController();
};
}, 3000);
// :)
</script>
<!-- end image slider -->
</body>
</html>