| 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">
</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>
<!-- /.banner banner-main -->
<!--========================================-->
<!--= 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">
<h3 class="subtitle-color wow fadeInUp"
style="visibility: visible; animation-name: fadeInUp;">Seamless</h3>
<h2 class="title wow fadeInUp">QR Code</h2>
<p class="wow fadeInUp" data-wow-delay="0.3s">A unified communication interface for guests
to seamlessly communicate with the hotel staff, administration and other stake holders.
</p>
<p class="wow fadeInUp" data-wow-delay="0.3s">Your guests can now connect seamlessly to your
hotel without the need for downloading any application on their mobile. Guests can
simply scan a QR code placed in their rooms with their mobile phones to be able to
access user dashboard through the browser.</p>
<ul class="listitem wow fadeInUp" data-wow-delay="0.5s">
<li><i class="ei ei-icon_check"></i>Browser Based User Interface</li>
<li><i class="ei ei-icon_check"></i>Unified Communication Interface</li>
<li><i class="ei ei-icon_check"></i>Order Food and Other Services</li>
<li><i class="ei ei-icon_check"></i>Express Check-in & Check-out</li>
</ul>
</div>
<!-- /.image-content-wrapper -->
</div>
<!-- /.col-md-6 -->
<div class="col-lg-6">
<div class="anime-image-wrapper style-two">
<img src="media/feature/scan-qr.png" width="550" class="wow zoom" alt=" bot">
</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">
<img src="media/feature/whatsapp-bot.png" width="550px" class="wow zoom" alt=" bot">
</div>
</div>
<!-- /.col-md-6 -->
<div class="col-lg-6">
<div class="image-content-wrapper style-three">
<h3 class="subtitle-color wow fadeInUp"
style="visibility: visible; animation-name: fadeInUp;">Integrated</h3>
<h2 class="title wow fadeInUp">WhatsApp Bot</h2>
<p class="wow fadeInUp" data-wow-delay="0.3s">Engage ith your guests n real time with
WhatsApp bot An integrated WhatsApp bot platform wherein your hotel guests can
communicate with the hotel staff, administrator and other stakeholders theough the
WhatsApp bot.</p>
<ul class="listitem wow fadeInUp" data-wow-delay="0.5s">
<li><i class="ei ei-icon_check"></i>Instantly Connect Guests with Staff</li>
<li><i class="ei ei-icon_check"></i>Rich & Enhanced Guest Experience</li>
<li><i class="ei ei-icon_check"></i>Automated Request and Task Flow</li>
<li><i class="ei ei-icon_check"></i>Broadcast Offers and Notifications</li>
</ul>
</div>
<!-- /.image-content-wrapper -->
</div>
<!-- /.col-md-6 -->
</div>
<!-- /.row -->
<div class="row align-items-center">
<div class="col-lg-6 order-md">
<div class="image-content-wrapper style-three">
<h3 class="subtitle-color wow fadeInUp"
style="visibility: visible; animation-name: fadeInUp;">Advanced</h3>
<h2 class="title wow fadeInUp">AI Voice Assistant</h2>
<p class="wow fadeInUp" data-wow-delay="0.3s">Engage with your hostel guests with human like
conversations using Eazyroom's voice assistant powered by AI & ML. Make conversations
interactional, intelligent and engaging.</p>
<ul class="listitem wow fadeInUp" data-wow-delay="0.5s">
<li><i class="ei ei-icon_check"></i>Natural Human like Conversations</li>
<li><i class="ei ei-icon_check"></i>Omni-channel Voice Communication</li>
<li><i class="ei ei-icon_check"></i>Multi Language Conversation Support</li>
<li><i class="ei ei-icon_check"></i>24*7 Availability for Guests</li>
</ul>
</div>
<!-- /.image-content-wrapper -->
</div>
<!-- /.col-md-6 -->
<div class="col-lg-6">
<div class="anime-image-wrapper style-two">
<img src="media/feature/scan-qr.png" width="550" class="wow zoom" alt=" bot">
</div>
<!-- /.anime-image-wrapper -->
</div>
<!-- /.col-md-6 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</section>
<!-- /.image-content -->
<!--=========================-->
<!--= Our expert =-->
<!--=========================-->
<section class="intro-video-two mb-75">
<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="testim-cover"> -->
<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 pt-0">
<div class="container">
<div class="section-heading style-three">
<h3 class="subtitle wow fadeInUp">Let’s take you</h3>
<h2 class="section-title wow fadeInUp" data-wow-delay="0.3s">Through the journey</h2>
</div>
<div class="row align-items-center">
<div class="col-lg-6 order-md">
<div class="image-content-wrapper style-three">
<!-- <h3 class="subtitle-color wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">Ticketing</h3> -->
<h2 class="title wow fadeInUp">Pre-stay</h2>
<ul class="listitem wow fadeInUp" data-wow-delay="0.5s">
<li><i class="ei ei-icon_check"></i>Customized pre-arrival email & SMS flow</li>
<li><i class="ei ei-icon_check"></i>Segmented upselling offers</li>
<li><i class="ei ei-icon_check"></i>Practical information</li>
<li><i class="ei ei-icon_check"></i>Room upgrades</li>
<li><i class="ei ei-icon_check"></i>Arrivals lists & Guest communication</li>
<li><i class="ei ei-icon_check"></i>Dashboard and insights</li>
</ul>
</div>
<!-- /.image-content-wrapper -->
</div>
<!-- /.col-md-6 -->
<div class="col-lg-6">
<div class="anime-image-wrapper style-two">
<img src="media/feature/pre-stay.png" width="550" class="wow zoom" alt=" bot">
</div>
</div>
<!-- /.col-md-6 -->
</div>
<!-- /.row -->
<div class="row align-items-center">
<div class="col-lg-6">
<div class="anime-image-wrapper">
<img src="media/feature/in-stay.png" width="550px" class="wow zoom" alt=" bot">
</div>
</div>
<!-- /.col-md-6 -->
<div class="col-lg-5 offset-lg-1">
<div class="image-content-wrapper style-three">
<!-- <h3 class="subtitle-color wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">In-stay</h3> -->
<h2 class="title wow fadeInUp">In-stay</h2>
<ul class="listitem wow fadeInUp" data-wow-delay="0.5s">
<li><i class="ei ei-icon_check"></i>Web-based guest directory</li>
<li><i class="ei ei-icon_check"></i>Room service & Vouchers</li>
<li><i class="ei ei-icon_check"></i>In-stay communication</li>
<li><i class="ei ei-icon_check"></i>Segmentation & Room categories</li>
<li><i class="ei ei-icon_check"></i>QR code generator</li>
<li><i class="ei ei-icon_check"></i>Mobile keys solution integration</li>
</ul>
</div>
<!-- /.image-content-wrapper -->
</div>
<!-- /.col-md-6 -->
</div>
<!-- /.row -->
<div class="row align-items-center">
<div class="col-lg-6 order-md">
<div class="image-content-wrapper style-three">
<!-- <h3 class="subtitle-color wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">In-Room Dining</h3> -->
<h2 class="title wow fadeInUp">Post-stay</h2>
<!-- <p class="wow fadeInUp" data-wow-delay="0.3s">Enable convenient, fully contactless dining experiences for guests by replacing hard-to-sanitize printed menus and in-person deliveries with simple digital ordering and touchless delivery.</p> -->
<ul class="listitem wow fadeInUp" data-wow-delay="0.5s">
<li><i class="ei ei-icon_check"></i>Personalized post-stay emails</li>
<li><i class="ei ei-icon_check"></i>Customized guest surveys</li>
<li><i class="ei ei-icon_check"></i>Measure & analyze guest feedback</li>
<li><i class="ei ei-icon_check"></i>Dashboard & NPS score</li>
<li><i class="ei ei-icon_check"></i>Increase direct bookings</li>
</ul>
</div>
<!-- /.image-content-wrapper -->
</div>
<!-- /.col-md-6 -->
<div class="col-lg-6">
<div class="anime-image-wrapper style-two">
<img src="media/feature/post-stay.png" width="550" class="wow zoom" alt=" bot">
</div>
</div>
<!-- /.col-md-6 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</section>
<!-- /.image-content -->
<!--======================================-->
<!--= 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="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 -->
<!-- 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>
<!-- 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>
</body>
</html>