<!doctype html>
<html itemscope itemtype="http://schema.org/WebPage" lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
    <title> Voizle - Home</title>
    <meta name="title" Content="Voizle - Home">
    <meta name="description" content="Discover TwiXHotel, a powerful SAAS hotel management solution designed to streamline hotel operations, enhance guest experiences, and optimize booking management. Try TwiXHotel today for seamless hotel management!">
    <meta name="keywords" content="Hotel management software,SAAS for hotels,Cloud hotel management,Hotel booking system,Hotel management platform,Hotel reservation software">
    <link rel="shortcut icon" href="https://feed.voizle.com/assets/images/logo_icon/favicon.png" type="image/x-icon">

    
    <link rel="apple-touch-icon" href="https://feed.voizle.com/assets/images/logo_icon/logo.png">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Voizle - Home">
    
    <meta itemprop="name" content="Voizle - Home">
    <meta itemprop="description" content="Discover TwiXHotel, a powerful SAAS hotel management solution designed to streamline hotel operations, enhance guest experiences, and optimize booking management. Try TwiXHotel today for seamless hotel management!">
    <meta itemprop="image" content="https://feed.voizle.com/assets/images/seo/67e52f4fb57eb1743073103.png">
    
    <meta property="og:type" content="website">
    <meta property="og:title" content="TwiXHotel - Hotel Management as SAAS">
    <meta property="og:description" content="Discover TwiXHotel, a powerful SAAS hotel management solution designed to streamline hotel operations, enhance guest experiences, and optimize booking management. Try TwiXHotel today for seamless hotel management!">
    <meta property="og:image" content="https://feed.voizle.com/assets/images/seo/67e52f4fb57eb1743073103.png">
    <meta property="og:image:type" content="image/png">
        <meta property="og:image:width" content="1180">
    <meta property="og:image:height" content="600">
    <meta property="og:url" content="https://feed.voizle.com">
    
    <meta name="twitter:card" content="summary_large_image">
    <!-- Bootstrap CSS -->
    <link href="https://feed.voizle.com/assets/global/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://feed.voizle.com/assets/global/css/all.min.css" rel="stylesheet">
    <link href="https://feed.voizle.com/assets/global/css/line-awesome.min.css" rel="stylesheet">

    <link href="https://feed.voizle.com/assets/templates/basic/css/slick.css" rel="stylesheet">
    <link href="https://feed.voizle.com/assets/templates/basic/css/icon-moon.css" rel="stylesheet">
    <link href="https://feed.voizle.com/assets/templates/basic/css/icon-moon.dash.css" rel="stylesheet">
    <link href="https://feed.voizle.com/assets/global/css/select2.min.css" rel="stylesheet">
    <link href="https://feed.voizle.com/assets/templates/basic/css/main.css?v1" rel="stylesheet">
    <link href="https://feed.voizle.com/assets/templates/basic/css/custom.css" rel="stylesheet">
            <link href="https://feed.voizle.com/assets/templates/basic/css/cookie.css" rel="stylesheet">
            <style>
        .plan a {
            display: block !important;
            color: hsl(var(--text-color));
            !important;
        }

        .plan a:hover {
            color: hsl(var(--text-color));
            !important;
        }
    </style>
    <style>
        .slick-initialized.slick-slider .slick-slide>div {
            height: 100%;
        }

        .slick-initialized.slick-slider .slick-track {
            display: flex;
        }

        .testimonial-content {
            height: 100%;
        }

        .testimonails-card {
            height: 100%;
        }
    </style>
    <link href="https://feed.voizle.com/assets/templates/basic/css/color.php?color=990e0e" rel="stylesheet">
</head>


<body>
    <div class="preloader">
        <div class="preloader__inner">
            <img src="https://feed.voizle.com/assets/images/preloader.gif" alt="Preloader">
        </div>
    </div>

    <div class="body-overlay"></div>
    <div class="sidebar-overlay"></div>

            <a class="scroll-top"><i class="fas fa-angle-double-up"></i></a>
    
        <header class="header" id="header">
    <div class="container position-relative">
        <nav class="navbar navbar-expand-xl d-flex justify-content-between navbar-light" id="twix-body">
            <a class="navbar-brand logo" href="https://feed.voizle.com"><img alt="image" src="https://feed.voizle.com/assets/images/logo_icon/logo_dark.png"></a>
            <button aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"
                    class="navbar-toggler header-button" data-bs-target="#navbarSupportedContent" data-bs-toggle="collapse"
                    type="button">
                <span id="hiddenNav"><i class="las la-bars"></i></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav nav-menu ms-auto align-items-xl-center">
                    <li class="nav-item">
                        <a aria-current="page" class="nav-link" href="https://feed.voizle.com#features">Features</a>
                    </li>
                    <li class="nav-item">
                        <a aria-current="page" class="nav-link"
                           href="https://feed.voizle.com#template">Templates</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link"
                           href="https://feed.voizle.com#price">Pricing</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link"
                           href="https://feed.voizle.com#howtostart">How to start                        </a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link " href="https://feed.voizle.com/contact">
                            Contact Us                        </a>
                    </li>

                                            <li class="nav-item d-xl-none">
                            <div class="header-top__right flex-align d-xl-none">
                                <div class="dropdown-lang dropdown d-block">
                                    <a href="#" class="language-btn dropdown-toggle" data-bs-toggle="dropdown"
                                       aria-expanded="false">
                                        <img class="flag"
                                             src="https://feed.voizle.com/assets/images/language/67e53001473de1743073281.png"
                                             alt="us">
                                        <span class="language-text">English</span>
                                    </a>
                                    <ul class="dropdown-menu">
                                                                                    <li><a href="https://feed.voizle.com/change/en"><img class="flag"
                                                         src="https://feed.voizle.com/assets/images/language/67e53001473de1743073281.png"
                                                         alt="image">
                                                    English</a>
                                            </li>
                                                                            </ul>
                                </div>
                            </div>
                        </li>
                    
                    <li class="header-login__item b-block d-xl-none mt-2">
                                                    <a class="btn btn--base" href="https://feed.voizle.com/user/login">Sign In</a>
                                            </li>
                </ul>
            </div>
            <div class="d-none d-xl-block">
                <ul class="header-login flex-align gap-3">
                                            <li class="nav-item d-none d-xl-block">
                            <div class="dropdown-lang dropdown d-block">
                                <a href="#" class="language-btn dropdown-toggle" data-bs-toggle="dropdown"
                                   aria-expanded="false">
                                    <img class="flag"
                                         src="https://feed.voizle.com/assets/images/language/67e53001473de1743073281.png"
                                         alt="us">
                                    <span class="language-text">English</span>
                                </a>
                                <ul class="dropdown-menu">
                                                                            <li><a href="https://feed.voizle.com/change/en"><img class="flag"
                                                     src="https://feed.voizle.com/assets/images/language/67e53001473de1743073281.png"
                                                     alt="image">
                                                English</a>
                                        </li>
                                                                    </ul>
                            </div>
                        </li>
                    
                    <li class="header-login__item d-flex gap-2">
                                                    <a class="btn btn--dark" href="https://feed.voizle.com/user/login">Sign In</a>
                                            </li>
                </ul>
            </div>
        </nav>
    </div>
</header>

    
    <main class="scrollspy-example bg-body-tertiary" data-bs-root-margin="0px 0px -40%" data-bs-smooth-scroll="true" data-bs-spy="scroll" data-bs-target="#twix-body" tabindex="0">
            <section class="banner-section">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-9">
                <div class="banner-content text-center">
                    <h2 class="banner-content__title"
                        data-break="20">
                        Simplify Your Hotel Business with Our Innovative Software
                    </h2>

                    <p class="banner-content__desc">
                        Experience the future of hotel management with our powerful software. Optimize processes, enhance guest satisfaction, and unlock success.
                    </p>
                    <div class="banner-content__button d-flex align-items-center gap-3">
                        <a href="user/register"
                           class="btn btn--md btn--base-two">Get Started</a>
                        <a href="user/setup/free-trial"
                           class="btn btn--md btn--dark">Start Free Trial</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-10">
                <div class="banner-thumb">
                    <img src="https://feed.voizle.com/assets/images/frontend/banner/68c7d02ba151e1757925419.png" alt="image">
                </div>
            </div>
        </div>
    </div>
</section>


                        <div class="features-area my-120" id="features">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="section-heading style-center">
                    <h2 class="section-heading__title">Everything You Need to Grow Your Business</h2>
                    <p class="desc">Our features are designed to simplify every part of hotel management. From bookings to guest services, we focus on giving a great experience.</p>
                </div>
            </div>
        </div>
        <div class="row gy-4">
                            <div class="col-md-6">
                    <div class="features-item shadow-common shadow-one">
                        <div class="row gy-4">
                            <div class="col-12">
                                <div class="features-item__thumb mb-0">
                                    <img alt="image"
                                         src="https://feed.voizle.com/assets/images/frontend/highlighted_feature/67e3c85f521091742981215.png">
                                </div>
                            </div>

                            <div class="col-12">
                                <h4 class="features-item__title">Flexible Room Assignment</h4>
                                <p class="features-item__desc">Our algorithm ensures that guest preferences and available accommodations are matched as closely as possible, giving you the freedom to assign rooms effectively. Boost visitor satisfaction with flexible, dynamic room assignments.</p>
                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-md-6">
                    <div class="features-item shadow-common shadow-one">
                        <div class="row gy-4">
                            <div class="col-12">
                                <div class="features-item__thumb mb-0">
                                    <img alt="image"
                                         src="https://feed.voizle.com/assets/images/frontend/highlighted_feature/67e3c562c027a1742980450.png">
                                </div>
                            </div>

                            <div class="col-12">
                                <h4 class="features-item__title">Complete Reservation Control</h4>
                                <p class="features-item__desc">Manage your reservations more effectively than before. With the full control over booking management that our software gives you, you can effectively manage each step of the reservation process with accuracy and ease.</p>
                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-md-6">
                    <div class="features-item shadow-common shadow-one">
                        <div class="row gy-4">
                            <div class="col-12">
                                <div class="features-item__thumb mb-0">
                                    <img alt="image"
                                         src="https://feed.voizle.com/assets/images/frontend/highlighted_feature/67e3ca3a6d0681742981690.png">
                                </div>
                            </div>

                            <div class="col-12">
                                <h4 class="features-item__title">Flexible Payment Option</h4>
                                <p class="features-item__desc">It offers a variety of payment methods to meet your preferences. We provide flexibility to suit every visitor and expedite your financial transactions, regardless of your preference for the ease of online gateways or the comfort of cash payments.</p>
                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-md-6">
                    <div class="features-item shadow-common shadow-one">
                        <div class="row gy-4">
                            <div class="col-12">
                                <div class="features-item__thumb mb-0">
                                    <img alt="image"
                                         src="https://feed.voizle.com/assets/images/frontend/highlighted_feature/67e3cc657627f1742982245.png">
                                </div>
                            </div>

                            <div class="col-12">
                                <h4 class="features-item__title">Setting &amp; Customization</h4>
                                <p class="features-item__desc">Take charge of various settings and personalization choices. Create a unique identity, policy, and personality for your hotel simply. Modify the system to precisely match your goals and functional needs.</p>
                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-md-6">
                    <div class="features-item shadow-common shadow-one">
                        <div class="row gy-4">
                            <div class="col-12">
                                <div class="features-item__thumb mb-0">
                                    <img alt="image"
                                         src="https://feed.voizle.com/assets/images/frontend/highlighted_feature/67e3ce97027791742982807.png">
                                </div>
                            </div>

                            <div class="col-12">
                                <h4 class="features-item__title">Reporting &amp; Analytics</h4>
                                <p class="features-item__desc">Use our analytics and reporting tools to make decisions based on facts. Get access to essential booking analytics that will allow you to maximize the efficiency and profitability of your hotel.</p>
                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-md-6">
                    <div class="features-item shadow-common shadow-one">
                        <div class="row gy-4">
                            <div class="col-12">
                                <div class="features-item__thumb mb-0">
                                    <img alt="image"
                                         src="https://feed.voizle.com/assets/images/frontend/highlighted_feature/67e3d16ddcfaa1742983533.png">
                                </div>
                            </div>

                            <div class="col-12">
                                <h4 class="features-item__title">User Friendly Interface</h4>
                                <p class="features-item__desc">Our user-friendly interface simplifies your experience. Whether you&#039;re a guest or a member of the hotel staff, easily browse the system. Take advantage of a smooth and user-friendly design that guarantees a trouble-free experience using our platform.</p>
                            </div>
                        </div>
                    </div>
                </div>
                    </div>
    </div>
</div>
                    <section class="more-features my-120">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-heading style-center">
                    <h2 class="section-heading__title">Benefits of Our Software</h2>
                    <p class="desc">Achieve seamless operations and outstanding guest satisfaction with our reliable software solution.</p>
                </div>
            </div>

            <div class="col-12">
                <div class="more-benefits">
                    <div class="row gy-4 flex-wrap-reverse justify-content-center">
                        <div class="col-lg-6">
                            <ul class="more-benefits__list">
                                                                    <li class="more-benefits__item"><span class="icon"><i class="fas fa-check"></i></span> Enhanced Guest Experience</li>
                                                                    <li class="more-benefits__item"><span class="icon"><i class="fas fa-check"></i></span> Efficient Room Management</li>
                                                                    <li class="more-benefits__item"><span class="icon"><i class="fas fa-check"></i></span> Customization &amp; Flexibility</li>
                                                                    <li class="more-benefits__item"><span class="icon"><i class="fas fa-check"></i></span> Data Driven Decisions</li>
                                                                    <li class="more-benefits__item"><span class="icon"><i class="fas fa-check"></i></span> Hassle Free Onboarding</li>
                                                                    <li class="more-benefits__item"><span class="icon"><i class="fas fa-check"></i></span> Switch Templates With a Single Click</li>
                                                                    <li class="more-benefits__item"><span class="icon"><i class="fas fa-check"></i></span> Mobile Friendly Design</li>
                                                            </ul>
                        </div>
                        <div class="col-lg-6 col-sm-10">
                            <div class="more-benefits__thumb">
                                <img alt="image" src="https://feed.voizle.com/assets/images/frontend/benefits/67e129a243bb61742809506.png">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


                    <section class="management my-120">
    <div class="container">
        <div class="row ">
            <div class="col-12">
                <div class="section-heading style-center">
                    <h2 class="section-heading__title">Dive Into Our Impressive Hotel Innovations</h2>
                    <p class="desc">Explore our suite of features tailored to meet your needs. Discover how our software enhances efficiency and elevates guest experiences, ensuring excellence in every aspect of hotel management.</p>
                </div>
            </div>
        </div>

        <div class="row gy-4 management-item-wrapper">
                            <div class="col-lg-4 col-md-6">
                    <div class="management-card shadow-common shadow-five">
                        <div class="management-card__icon">
                            <img alt="image" src="https://feed.voizle.com/assets/images/frontend/feature/67e1200f7b0561742807055.png">
                        </div>
                        <div class="management-card__content">
                            <h3 class="title">Easy Configuration</h3>
                            <p class="desc">Simplify your hotel management setup with TWIX Hotel. Our user-friendly interface makes configuration a breeze, allowing you to customize and optimize your operations easily.</p>
                        </div>
                    </div>
                </div>
                            <div class="col-lg-4 col-md-6">
                    <div class="management-card shadow-common shadow-five">
                        <div class="management-card__icon">
                            <img alt="image" src="https://feed.voizle.com/assets/images/frontend/feature/67e12000d0ec11742807040.png">
                        </div>
                        <div class="management-card__content">
                            <h3 class="title">Staff Management</h3>
                            <p class="desc">Assign roles, enhance collaboration, and boost productivity with ease. Simplify your hotel&#039;s operations and improve guest experiences.</p>
                        </div>
                    </div>
                </div>
                            <div class="col-lg-4 col-md-6">
                    <div class="management-card shadow-common shadow-five">
                        <div class="management-card__icon">
                            <img alt="image" src="https://feed.voizle.com/assets/images/frontend/feature/67e11ff7d832b1742807031.png">
                        </div>
                        <div class="management-card__content">
                            <h3 class="title">Roll Based Access</h3>
                            <p class="desc">Limit access to data by allocating particular permissions according to roles. Optimize operational efficiency while maintaining a secure environment with precise control over who may view what.</p>
                        </div>
                    </div>
                </div>
                            <div class="col-lg-4 col-md-6">
                    <div class="management-card shadow-common shadow-five">
                        <div class="management-card__icon">
                            <img alt="image" src="https://feed.voizle.com/assets/images/frontend/feature/67e11fefe35241742807023.png">
                        </div>
                        <div class="management-card__content">
                            <h3 class="title">Room Management</h3>
                            <p class="desc">Our user-friendly software makes room management easier by streamlining the process for both employees and visitors. Take control of your rooms and increase productivity from allocation to activity tracking.</p>
                        </div>
                    </div>
                </div>
                            <div class="col-lg-4 col-md-6">
                    <div class="management-card shadow-common shadow-five">
                        <div class="management-card__icon">
                            <img alt="image" src="https://feed.voizle.com/assets/images/frontend/feature/67e11fe6bb99a1742807014.png">
                        </div>
                        <div class="management-card__content">
                            <h3 class="title">Booking Management</h3>
                            <p class="desc">From check-in to check-out, stay in complete control of your hotel bookings. Set policies, manage availability, and provide a simple booking experience for your guests—all within a centralized and user-friendly platform.</p>
                        </div>
                    </div>
                </div>
                            <div class="col-lg-4 col-md-6">
                    <div class="management-card shadow-common shadow-five">
                        <div class="management-card__icon">
                            <img alt="image" src="https://feed.voizle.com/assets/images/frontend/feature/67e11fd7515241742806999.png">
                        </div>
                        <div class="management-card__content">
                            <h3 class="title">Shop Management</h3>
                            <p class="desc">Expand the sources of income for your hotel. Empower shop managers and effortlessly oversee many stores. Payments are made easily and directly to the shop manager by customers. Easily improve the shopping experience at your hotel.</p>
                        </div>
                    </div>
                </div>
                            <div class="col-lg-4 col-md-6">
                    <div class="management-card shadow-common shadow-five">
                        <div class="management-card__icon">
                            <img alt="image" src="https://feed.voizle.com/assets/images/frontend/feature/67e11fcabecae1742806986.png">
                        </div>
                        <div class="management-card__content">
                            <h3 class="title">Food Management</h3>
                            <p class="desc">From the admin panel, easily add a variety of foods for each shop and set prices easily. Simplify your offerings, keep menus up-to-date, and provide guests with a delightful experience.</p>
                        </div>
                    </div>
                </div>
                            <div class="col-lg-4 col-md-6">
                    <div class="management-card shadow-common shadow-five">
                        <div class="management-card__icon">
                            <img alt="image" src="https://feed.voizle.com/assets/images/frontend/feature/67e11fc144ee91742806977.png">
                        </div>
                        <div class="management-card__content">
                            <h3 class="title">Point of Sale</h3>
                            <p class="desc">With our Point of Sale module, enjoy smooth food sales in your hotel stores. Shop managers oversee effective sales operations, and administrators can handle transactions. With our user-friendly POS system, you can improve control and simplify the selling process.</p>
                        </div>
                    </div>
                </div>
                            <div class="col-lg-4 col-md-6">
                    <div class="management-card shadow-common shadow-five">
                        <div class="management-card__icon">
                            <img alt="image" src="https://feed.voizle.com/assets/images/frontend/feature/67e11fb614b531742806966.png">
                        </div>
                        <div class="management-card__content">
                            <h3 class="title">Room Cleaning Management</h3>
                            <p class="desc">Improve your hotel&#039;s cleaning operations with the integration of our Cleaning App. This tool empowers your cleaning staff to efficiently update room statuses and play a key role in delivering an exceptional guest experience.</p>
                        </div>
                    </div>
                </div>
                    </div>
    </div>
</section>
                    <section class="template-area my-120" id="template">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="section-heading style-center">
                    <h2 class="section-heading__title">Choose your Website&#039;s Template &amp; Get Perfect Look</h2>
                    <p>Choose your Website&#039;s Template &amp; Get Perfect Look</p>
                </div>
            </div>
        </div>
        <div class="row gy-4">
                            <div class="col-md-6">
                    <div class="template-item">
                        <div class="template-item__thumb">
                            <img src="https://feed.voizle.com/assets/images/template/67ceb79deb2471741600669.png"
                                 alt="image">
                            <div class="template-item__btn">
                                <a class="template-item__title" target="_blank"
                                   href="https://script.viserlab.com/twixhotel/luxury/">Luxury</a>
                                <a class="template-btn" target="_blank"
                                   href="https://script.viserlab.com/twixhotel/luxury/">VIEW DEMO <i class="fas fa-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-md-6">
                    <div class="template-item">
                        <div class="template-item__thumb">
                            <img src="https://feed.voizle.com/assets/images/template/67ceb7a5148181741600677.png"
                                 alt="image">
                            <div class="template-item__btn">
                                <a class="template-item__title" target="_blank"
                                   href="https://script.viserlab.com/twixhotel/oasis/">Oasis</a>
                                <a class="template-btn" target="_blank"
                                   href="https://script.viserlab.com/twixhotel/oasis/">VIEW DEMO <i class="fas fa-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                    </div>
    </div>
</section>
                    <section class="pricing pricing-section showcase my-120" id="price">
    <div class="container">
        <div class="section-heading">
            <h2 class="section-heading__title">Choose Our Billing Cycle</h2>
            <p class="desc">With our customizable billing cycles, you can optimize cash flow and streamline your financial processes effortlessly</p>
        </div>
        <div class="row gy-4">
                            <div class="col-lg-4 col-md-4 plan">
                    <a href="https://feed.voizle.com/user/setup/free-trial">
                        <div class="pricing-item">
                            <label class="pricing-item-label"></label>
                            <div class="pricing-item__content">
                                <div class="pricing-item__header">
                                    <h4 class="pricing-item__amount">Rs.0.00 INR</h4>
                                    <p class="pricing-item__subtitle">Free</p>
                                </div>
                                <div class="pricing-item__badge">
                                    <span class="badge badge--success">7
                                        days Free Trial</span>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            
                    </div>
    </div>
</section>

                    <section class="cta-area my-120">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="cta-wrapper">
                    <div class="cta-inner">
                        <div class="row gy-4 align-items-center justify-content-center flex-wrap-reverse">
                            <div class="col-lg-9 col-md-8">
                                <div class="section-heading m-0">
                                    <h2 class="section-heading__title">Try It for Free</h2>
                                    <p class="section-heading__desc">
                                        Uncover excellence in hotel management. Experience the innovation in hotel management.
                                    </p>
                                    <a class="btn btn--base mt-4" href="https://feed.voizle.com/user/setup/free-trial">
                                        Try 7 Days Free Trial                                    </a>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-4 text-end col-sm-6 col-8">
                                <div class="cta-inner__thumb ">
                                    <img alt="image" src="https://feed.voizle.com/assets/images/frontend/cta/67e12906a6fa51742809350.png">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                    <section class="how-works-area my-120" id="howtostart">
    <div class="container">
        <div class="section-heading style-center">
            <h2 class="section-heading__title">How to Start?</h2>
            <p class="desc">Embark on your hotel management journey with ease by following these simple steps.</p>
        </div>
        <div class="how-works">
                            <div class="how-works__item">
                    <div class="how-works__item-inner">
                        <h6 class="step">Step 1</h6>
                        <h3 class="how-works__title">Sign up &amp; choose a pricing plan</h3>
                        <p class="how-works__desc desc">Begin your journey by signing up and selecting the ideal pricing plan for your hotel. We provide customizable solutions suitable for establishments of any scale.</p>
                    </div>
                    <div class="how-works__icon">
                        <img src="https://feed.voizle.com/assets/images/frontend/how_it_works/67e120b426ca91742807220.png" alt="image">
                    </div>
                </div>
                            <div class="how-works__item">
                    <div class="how-works__item-inner">
                        <h6 class="step">Step 2</h6>
                        <h3 class="how-works__title">Complete the payment process</h3>
                        <p class="how-works__desc desc">Simply proceed with the secure payment process. Choose from various payment methods for a hassle-free transaction.</p>
                    </div>
                    <div class="how-works__icon">
                        <img src="https://feed.voizle.com/assets/images/frontend/how_it_works/67e120cfdc0d41742807247.png" alt="image">
                    </div>
                </div>
                            <div class="how-works__item">
                    <div class="how-works__item-inner">
                        <h6 class="step">Step 3</h6>
                        <h3 class="how-works__title">Configure your system</h3>
                        <p class="how-works__desc desc">Customize the settings and preferences of your hotel&#039;s online page to offer a distinctive and customized experience.</p>
                    </div>
                    <div class="how-works__icon">
                        <img src="https://feed.voizle.com/assets/images/frontend/how_it_works/67e120e470dd51742807268.png" alt="image">
                    </div>
                </div>
                            <div class="how-works__item">
                    <div class="how-works__item-inner">
                        <h6 class="step">Step 4</h6>
                        <h3 class="how-works__title">Choose a template for your website</h3>
                        <p class="how-works__desc desc">Choose from our selection of expertly created templates to give the web presence of your hotel a polished and welcoming appearance.</p>
                    </div>
                    <div class="how-works__icon">
                        <img src="https://feed.voizle.com/assets/images/frontend/how_it_works/67e120fa5f5ef1742807290.png" alt="image">
                    </div>
                </div>
                            <div class="how-works__item">
                    <div class="how-works__item-inner">
                        <h6 class="step">Step 5</h6>
                        <h3 class="how-works__title">Access hotel admin panel</h3>
                        <p class="how-works__desc desc">Once configured, dive into the Hotel Admin Panel. A centralized hub for managing bookings, rooms, and guest interactions.</p>
                    </div>
                    <div class="how-works__icon">
                        <img src="https://feed.voizle.com/assets/images/frontend/how_it_works/67e121833bb5b1742807427.png" alt="image">
                    </div>
                </div>
                            <div class="how-works__item">
                    <div class="how-works__item-inner">
                        <h6 class="step">Step 6</h6>
                        <h3 class="how-works__title">Add hotel data &amp; configure setting</h3>
                        <p class="how-works__desc desc">Efficiently populate your system with hotel data. Fine-tune settings, room details, and other essentials to ensure accuracy and precision.</p>
                    </div>
                    <div class="how-works__icon">
                        <img src="https://feed.voizle.com/assets/images/frontend/how_it_works/67e1219d7cf3c1742807453.png" alt="image">
                    </div>
                </div>
                            <div class="how-works__item">
                    <div class="how-works__item-inner">
                        <h6 class="step">Step 7</h6>
                        <h3 class="how-works__title">Go live</h3>
                        <p class="how-works__desc desc">After configuring your system to perfection, it&#039;s time to launch your hotel into the digital realm and welcome guests with open arms.</p>
                    </div>
                    <div class="how-works__icon">
                        <img src="https://feed.voizle.com/assets/images/frontend/how_it_works/67e121b6129a01742807478.png" alt="image">
                    </div>
                </div>
                    </div>
    </div>
</section>
                    <section class="testimonials my-120">
    <div class="container">
        <div class="section-heading style-center">
            <h2 class="section-heading__title">
                Customer Review
            </h2>
            <p class="desc"> Explore reviews from our satisfied customers, sharing their experiences and insights on how our software has revolutionized their hotel management processes.</p>
        </div>

        <div class="testimonial-slider">
                            <div class="testimonails-card">
                    <div class="testimonial-item">
                        <div class="testimonial-item__content">
                            <div class="testimonial-item__info">
                                <div class="testimonial-item__rating">
                                    <ul class="rating-list">
                                        <li class="rating-list__item"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="far fa-star"></i></li>                                    </ul>
                                </div>
                                <div class="testimonial-item__details">
                                    <h5 class="testimonial-item__name">Emily Turner</h5>
                                    <span class="testimonial-item__designation">Hotel Manager, Snova Voyage</span>
                                </div>
                            </div>
                        </div>
                        <p class="desc">Managing a small inn is a breeze with TwixHotel. It not only met our needs but exceeded expectations. It&#039;s intuitive, efficient, and has simplified our entire process.</p>
                    </div>
                </div>
                            <div class="testimonails-card">
                    <div class="testimonial-item">
                        <div class="testimonial-item__content">
                            <div class="testimonial-item__info">
                                <div class="testimonial-item__rating">
                                    <ul class="rating-list">
                                        <li class="rating-list__item"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></li>                                    </ul>
                                </div>
                                <div class="testimonial-item__details">
                                    <h5 class="testimonial-item__name">David Thompson</h5>
                                    <span class="testimonial-item__designation">Resort Manager, Obario</span>
                                </div>
                            </div>
                        </div>
                        <p class="desc">TwixHotel has met every expectation for our resort. The ability to configure settings, manage bookings, and the overall user experience are exceptional. It has become an integral part of our daily operations</p>
                    </div>
                </div>
                            <div class="testimonails-card">
                    <div class="testimonial-item">
                        <div class="testimonial-item__content">
                            <div class="testimonial-item__info">
                                <div class="testimonial-item__rating">
                                    <ul class="rating-list">
                                        <li class="rating-list__item"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></li>                                    </ul>
                                </div>
                                <div class="testimonial-item__details">
                                    <h5 class="testimonial-item__name">Md. Sohanur Rahman</h5>
                                    <span class="testimonial-item__designation">Managing Director, Ayman Beach Resort</span>
                                </div>
                            </div>
                        </div>
                        <p class="desc">TwixHotel has transformed the way we manage bookings at my boutique hotel. The system&#039;s intuitive features and seamless admin panel have truly elevated our operations. A must-have for any hotelier!</p>
                    </div>
                </div>
                    </div>
    </div>
</section>



                </main>

    <div class="cookies-card hide" id="cookiePolicy">
            <div class="cookies-card__icon">
                <svg width="30" height="30" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class="">
                    <g>
                        <path
                            d="M491.864 287.228a78.51 78.51 0 0 1-11.413.837c-35.705 0-65.922-23.357-76.286-55.617-1.772-5.514-6.276-9.76-11.966-10.844-59.295-11.289-104.133-63.345-104.133-125.926 0-26.284 7.934-50.698 21.506-71.032 3.227-4.835.534-11.275-5.168-12.404a248.977 248.977 0 0 0-48.403-4.74C118.759 7.502 7.503 118.758 7.503 256c0 137.241 111.256 248.498 248.498 248.498 123.689 0 225.965-90.034 245.202-208.318.874-5.368-3.959-9.742-9.339-8.952z"
                            style="" fill="#f5b97d" data-original="#f5b97d" class=""></path>
                        <circle cx="143.779" cy="175.84" r="32.06" style="" fill="#cd916e" data-original="#cd916e" class=""></circle>
                        <circle cx="159.808" cy="336.159" r="24.05" style="" fill="#cd916e" data-original="#cd916e" class=""></circle>
                        <path
                            d="m359.227 72.475-2.3 13.799c-1.89 11.341 4.512 22.434 15.277 26.471l20.361 7.635c13.449 5.043 28.291-2.75 31.774-16.685l7.257-29.03c4.523-18.093-12.377-34.226-30.241-28.867l-25.319 7.596a24.052 24.052 0 0 0-16.809 19.081zM440.371 159.808l-9.681 4.841c-7.593 3.796-10.91 12.853-7.566 20.655l7.789 18.173c4.716 11.003 19.389 13.144 27.052 3.948l12.53-15.036c5.875-7.05 4.645-17.583-2.697-23.089l-10.637-7.978a16.032 16.032 0 0 0-16.79-1.514z"
                            style="" fill="#f5b97d" data-original="#f5b97d" class=""></path>
                        <circle cx="488.466" cy="111.71" r="16.03" style="" fill="#f5b97d" data-original="#f5b97d" class=""></circle>
                        <path
                            d="M286.062 474.438c-137.242 0-248.498-111.256-248.498-248.498 0-60.968 21.991-116.775 58.428-160.011C41.9 111.513 7.504 179.726 7.504 256c0 137.241 111.256 248.498 248.498 248.498 76.322 0 144.459-34.31 189.997-88.355-43.189 36.374-98.947 58.295-159.937 58.295zM396.131 101.776c-13.446-5.042-21.443-18.897-19.082-33.063l2.741-16.444-3.752 1.126a24.05 24.05 0 0 0-16.811 19.081l-2.3 13.799c-1.89 11.341 4.512 22.434 15.277 26.471l20.361 7.635c10.798 4.049 22.392-.262 28.386-9.297l-24.82-9.308zM448.017 193.147l-8.821-20.583c-1.657-3.866-1.795-7.982-.791-11.774l-7.715 3.857c-7.592 3.796-10.91 12.853-7.566 20.655l7.789 18.173c4.716 11.003 19.389 13.145 27.052 3.948l3.114-3.737c-5.51-1.123-10.548-4.671-13.062-10.539z"
                            style="" fill="#e3aa75" data-original="#e3aa75" class=""></path>
                        <path
                            d="M160.811 190.87c-17.709 0-32.064-14.356-32.064-32.064 0-4.435.902-8.659 2.53-12.5-11.498 4.873-19.564 16.261-19.564 29.534 0 17.708 14.356 32.064 32.064 32.064 13.274 0 24.662-8.067 29.534-19.564a31.963 31.963 0 0 1-12.5 2.53zM172.334 347.685c-13.282 0-24.048-10.767-24.048-24.048 0-3.392.719-6.61 1.986-9.537-8.532 3.694-14.511 12.173-14.511 22.062 0 13.282 10.767 24.048 24.048 24.048 9.89 0 18.368-5.979 22.062-14.511a23.937 23.937 0 0 1-9.537 1.986z"
                            style="" fill="#b67f5f" data-original="#b67f5f" class=""></path>
                        <circle cx="312.117" cy="360.208" r="32.06" style="" fill="#cd916e" data-original="#cd916e" class=""></circle>
                        <path d="M329.148 375.239c-17.709 0-32.064-14.356-32.064-32.064 0-4.435.902-8.659 2.53-12.5-11.498 4.873-19.564 16.261-19.564 29.534 0 17.708 14.356 32.064 32.064 32.064 13.274 0 24.662-8.067 29.534-19.564a31.955 31.955 0 0 1-12.5 2.53z" style="" fill="#b67f5f" data-original="#b67f5f" class=""></path>
                        <circle cx="247.648" cy="215.92" r="16.03" style="" fill="#cd916e" data-original="#cd916e" class=""></circle>
                        <path
                            d="M143.777 136.275c-21.816 0-39.564 17.749-39.564 39.564s17.749 39.564 39.564 39.564c21.816 0 39.565-17.749 39.565-39.564s-17.75-39.564-39.565-39.564zm0 64.129c-13.545 0-24.564-11.02-24.564-24.564s11.02-24.564 24.564-24.564 24.565 11.02 24.565 24.564-11.021 24.564-24.565 24.564zM272.549 360.21c0 21.816 17.749 39.564 39.564 39.564s39.564-17.749 39.564-39.564-17.749-39.564-39.564-39.564-39.564 17.748-39.564 39.564zm39.565-24.565c13.545 0 24.564 11.02 24.564 24.564s-11.02 24.564-24.564 24.564-24.564-11.02-24.564-24.564 11.019-24.564 24.564-24.564zM159.808 304.613c-17.396 0-31.548 14.153-31.548 31.549s14.152 31.548 31.548 31.548 31.549-14.152 31.549-31.548-14.153-31.549-31.549-31.549zm0 48.097c-9.125 0-16.548-7.423-16.548-16.548 0-9.125 7.423-16.549 16.548-16.549s16.549 7.424 16.549 16.549-7.424 16.548-16.549 16.548zM224.454 215.92c0 12.976 10.557 23.532 23.532 23.532s23.532-10.557 23.532-23.532-10.557-23.532-23.532-23.532-23.532 10.557-23.532 23.532zm23.532-8.532c4.705 0 8.532 3.828 8.532 8.532 0 4.704-3.828 8.532-8.532 8.532-4.704 0-8.532-3.828-8.532-8.532 0-4.704 3.827-8.532 8.532-8.532zM400.297 335.647a7.5 7.5 0 0 0 6.702-10.856l-8.016-16.033a7.498 7.498 0 0 0-10.062-3.354 7.499 7.499 0 0 0-3.354 10.062l8.016 16.033a7.5 7.5 0 0 0 6.714 4.148zM312.12 287.55a7.474 7.474 0 0 0 3.348-.793l16.032-8.016a7.499 7.499 0 0 0 3.354-10.062 7.498 7.498 0 0 0-10.062-3.354l-16.032 8.016a7.499 7.499 0 0 0-3.354 10.062 7.499 7.499 0 0 0 6.714 4.147zM88.972 267.37a7.499 7.499 0 0 0 10.062 3.354 7.499 7.499 0 0 0 3.354-10.062l-8.016-16.032a7.498 7.498 0 0 0-10.062-3.354 7.499 7.499 0 0 0-3.354 10.062l8.016 16.032zM212.568 393.581l-16.032 8.016a7.499 7.499 0 0 0-3.354 10.062 7.499 7.499 0 0 0 10.062 3.354l16.032-8.016a7.499 7.499 0 0 0 3.354-10.062 7.499 7.499 0 0 0-10.062-3.354zM221.225 90.376l-8.016-8.017a7.5 7.5 0 0 0-10.606 0 7.5 7.5 0 0 0 0 10.606l8.017 8.017a7.474 7.474 0 0 0 5.303 2.197 7.5 7.5 0 0 0 5.302-12.803zM186.57 266.729a7.5 7.5 0 0 0 0 10.606l8.016 8.016c1.464 1.464 3.384 2.197 5.303 2.197s3.839-.732 5.303-2.197a7.5 7.5 0 0 0 0-10.606l-8.016-8.016a7.5 7.5 0 0 0-10.606 0zM280.566 440.37v8.016a7.5 7.5 0 0 0 15 0v-8.016a7.5 7.5 0 0 0-15 0zM245.273 149.079l8.016-8.016a7.5 7.5 0 0 0 0-10.606 7.5 7.5 0 0 0-10.606 0l-8.016 8.016a7.5 7.5 0 0 0 5.303 12.803 7.478 7.478 0 0 0 5.303-2.197zM369.571 119.766l20.361 7.636a31.527 31.527 0 0 0 11.072 2.006 31.555 31.555 0 0 0 14.672-3.614 31.579 31.579 0 0 0 15.939-20.28l7.257-29.03c2.787-11.147-.511-22.538-8.822-30.472-8.312-7.935-19.844-10.7-30.85-7.398l-25.318 7.596c-11.435 3.43-20.092 13.255-22.054 25.031l-2.3 13.799c-2.472 14.84 5.957 29.444 20.043 34.726zm-5.246-32.259 2.3-13.799c1.029-6.177 5.57-11.331 11.568-13.13l25.318-7.596a16.81 16.81 0 0 1 4.833-.716c4.17 0 8.2 1.591 11.349 4.597 4.359 4.161 6.089 10.136 4.628 15.983l-7.257 29.03c-1.16 4.638-4.129 8.416-8.361 10.638-4.232 2.222-9.027 2.522-13.504.844l-20.361-7.636c-7.389-2.771-11.81-10.431-10.513-18.215zM427.336 157.94c-11.129 5.564-16.007 18.881-11.106 30.318l7.789 18.173c3.251 7.584 10.066 12.824 18.231 14.016a24.02 24.02 0 0 0 3.464.252c6.926 0 13.479-3.035 18.012-8.473l12.53-15.036c4.17-5.005 6.051-11.325 5.295-17.795-.756-6.47-4.042-12.187-9.254-16.095l-10.637-7.978c-7.176-5.383-16.619-6.235-24.644-2.222l-9.68 4.84zm16.39 8.576a8.533 8.533 0 0 1 3.824-.909c1.806 0 3.597.58 5.11 1.714l10.637 7.978a8.45 8.45 0 0 1 3.355 5.836 8.459 8.459 0 0 1-1.92 6.452l-12.53 15.036c-1.944 2.333-4.783 3.419-7.787 2.98-3.005-.438-5.414-2.291-6.61-5.082l-7.789-18.173a8.541 8.541 0 0 1 4.027-10.993l9.683-4.839c-.001 0-.001 0 0 0zM488.468 135.243c12.976 0 23.532-10.557 23.532-23.532S501.443 88.18 488.468 88.18s-23.532 10.557-23.532 23.532 10.556 23.531 23.532 23.531zm0-32.063c4.705 0 8.532 3.828 8.532 8.532 0 4.704-3.828 8.532-8.532 8.532-4.704 0-8.532-3.828-8.532-8.532 0-4.705 3.827-8.532 8.532-8.532z"
                            fill="#000000" opacity="1" data-original="#000000" class=""></path>
                        <path
                            d="M490.775 279.807a71.404 71.404 0 0 1-10.323.757c-31.672 0-59.458-20.258-69.146-50.412-2.649-8.243-9.433-14.342-17.704-15.917-56.806-10.815-98.036-60.676-98.036-118.558 0-23.902 7-47.026 20.245-66.87 2.905-4.353 3.45-9.817 1.458-14.617-1.996-4.809-6.261-8.288-11.408-9.307-25.516-5.053-51.697-6.19-77.811-3.377-52.26 5.627-100.969 27.182-140.863 62.338a7.5 7.5 0 1 0 9.917 11.253c37.556-33.095 83.391-53.385 132.551-58.676 24.608-2.65 49.267-1.58 73.292 3.178.175.035.368.103.468.343.094.227.017.394-.081.54-14.895 22.318-22.768 48.321-22.768 75.196 0 65.075 46.359 121.133 110.23 133.293 2.874.547 5.261 2.758 6.229 5.77 11.688 36.38 45.215 60.823 83.427 60.823 4.153 0 8.359-.309 12.502-.917.553-.082.835.245.847.328-7.23 44.46-26.873 85.965-56.805 120.03a7.5 7.5 0 0 0 11.269 9.902c31.793-36.184 52.659-80.28 60.342-127.523.781-4.804-.735-9.554-4.162-13.034-3.529-3.584-8.639-5.282-13.67-4.543zM415.01 437.005a240.605 240.605 0 0 1-159.009 59.993c-33.757 0-66.405-6.84-97.038-20.332-29.596-13.034-55.911-31.618-78.212-55.235-22.266-23.579-39.282-50.858-50.576-81.08-11.744-31.428-16.711-64.588-14.764-98.559 3.035-52.954 24.24-104.336 59.708-144.683a7.499 7.499 0 0 0-.681-10.584 7.498 7.498 0 0 0-10.584.681C26.184 130.056 3.662 184.65.436 240.934c-2.067 36.063 3.211 71.278 15.689 104.668 11.999 32.108 30.073 61.086 53.721 86.127 23.685 25.082 51.635 44.819 83.072 58.665 32.55 14.335 67.232 21.603 103.083 21.603a255.606 255.606 0 0 0 168.917-63.731 7.5 7.5 0 1 0-9.908-11.261z"
                            fill="#000000" opacity="1" data-original="#000000" class=""></path>
                    </g>
                </svg>
            </div>
            <p class="cookies-card__content mt-3">
                We may use cookies or any other tracking technologies when you visit our website, including any other media form, mobile website, or mobile application related or connected to help customize the Site and improve your experience.                <a href="https://feed.voizle.com/cookie-policy" class="text--base" target="_blank">Check our policy</a>
            </p>
            <div class="cookies-card__btn mt-3">
                <button class="cookies-btn btn btn--base policy" type="button">Allow</button>
            </div>
        </div>
        
            <footer class="footer-area">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8">
                <div class="footer-area__top py-60">
                    <div class="footer-area__content text-center mb-4">
                        <span class="subtitle">
                            ✦ Stay Connected, Stay Informed ✦
                        </span>
                        <h2 class="title">
                            Updates Straight to Your Inbox
                        </h2>
                        <p class="desc-sm">Subscribe to our newsletter and enjoy exclusive updates, knowing your privacy is safeguarded. We guarantee not to share your information with any third party.</p>
                    </div>

                    <div class="row justify-content-center">
                        <div class="col-md-8 col-sm-10 col-12">
                            <form action="#" class="text-center footer-area__form subscriber-form" method="POST">
                                <input type="hidden" name="_token" value="uBln2twxQqnEyd19Jt4VTwxJcjccFloEZUNio9KS" autocomplete="off">                                <div class="form-group">
                                                                            <div class="input-group">
                                            <input class="form--control form-control" name="email"
                                                   placeholder="Enter your email address" type="email">
                                            <button class="btn btn--base footer-submit-btn">Subscribe</button>
                                        </div>
                                    
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="footer-area__bottom">
        <div class="container">
            <div class="row align-items-center gy-4">
                <div class="col-lg-4 order-0 order-lg-0">
                    <div class="footer-item">
                        <div class="footer-item__logo">
                            <a href="https://feed.voizle.com"> <img alt="image" src="https://feed.voizle.com/assets/images/logo_icon/logo_dark.png"></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 order-2 order-lg-1">
                    <p class="text-center">Copyright &copy; 2026 All Rights Reserved.</p>
                </div>
                <div class="col-lg-4 order-1 order-lg-2">
                    <div class="footer-item">
                        <ul class="footer-item-menu text-lg-end text-center">
                                                            <li class="footer-item-menu__link"><a target="_blank"
                                       href="https://feed.voizle.com/policy/privacy-policy">Privacy Policy</a>
                                </li>
                                                            <li class="footer-item-menu__link"><a target="_blank"
                                       href="https://feed.voizle.com/policy/terms-of-service">Terms of Service</a>
                                </li>
                                                    </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
    
    
    <script src="https://feed.voizle.com/assets/global/js/jquery-3.7.1.min.js"></script>
    <script src="https://feed.voizle.com/assets/global/js/bootstrap.bundle.min.js"></script>
    <script src="https://feed.voizle.com/assets/templates/basic/js/slick.min.js"></script>
    <script src="https://feed.voizle.com/assets/templates/basic/js/slimscroll.min.js"></script>
    <script src="https://feed.voizle.com/assets/global/js/select2.min.js"></script>
    <script src="https://feed.voizle.com/assets/templates/basic/js/main.js"></script>

    
    
    <link href="https://feed.voizle.com/assets/global/css/iziToast.min.css" rel="stylesheet">
<link href="https://feed.voizle.com/assets/global/css/iziToast_custom.css" rel="stylesheet">
<script src="https://feed.voizle.com/assets/global/js/iziToast.min.js"></script>

<script>
    "use strict";
    const colors = {
        success: '#28c76f',
        error: '#eb2222',
        warning: '#ff9f43',
        info: '#1e9ff2',
    }

    const icons = {
        success: 'fas fa-check-circle',
        error: 'fas fa-times-circle',
        warning: 'fas fa-exclamation-triangle',
        info: 'fas fa-exclamation-circle',
    }

    const notifications = [];
    const errors = [];


    const triggerToaster = (status, message) => {
        iziToast[status]({
            title: status.charAt(0).toUpperCase() + status.slice(1),
            message: message,
            position: "topRight",
            backgroundColor: '#fff',
            icon: icons[status],
            iconColor: colors[status],
            progressBarColor: colors[status],
            titleSize: '1rem',
            messageSize: '1rem',
            titleColor: '#474747',
            messageColor: '#a2a2a2',
            transitionIn: 'obunceInLeft'
        });
    }

    if (notifications.length) {
        notifications.forEach(element => {
            triggerToaster(element[0], element[1]);
        });
    }

    if (errors.length) {
        errors.forEach(error => {
            triggerToaster('error', error);
        });
    }

    function notify(status, message) {
        if (typeof message == 'string') {
            triggerToaster(status, message);
        } else {
            $.each(message, (i, val) => triggerToaster(status, val));
        }
    }
</script>

    
        <script>
        (function($) {
            "use strict";

            //highlight
            let elements = document.querySelectorAll('[data-break]');

            Array.from(elements).forEach(element => {
                let html = element.innerText;

                if (typeof html != 'string' || html.trim() === '') {
                    return false;
                }

                let charsToHighlight = parseInt(element.getAttribute('data-break'));

                if (html.length <= charsToHighlight) {
                    element.innerHTML = `<span>${html}</span>`;
                    return;
                }

                let splitPoint = html.length - charsToHighlight;

                let firstPortion = html.substring(0, splitPoint);
                let colorText = html.substring(splitPoint);

                element.innerHTML = `${firstPortion} <span>${colorText}</span>`;
            });

        })(jQuery);
    </script>
    <script>
        (function($) {
            "use strict";

            const items = $('.more-benefits__item');
            let index = 0;
            

            setInterval(function() {
                if (index < items.length) {
                    items.eq(index).addClass('active');
                } else {
                    items.removeClass('active');
                    index = -1;
                }
                index++;
            }, 800);

        })(jQuery);
    </script>
    <script>
        'use strict';
        // =============== Testimonial Slider Js Start ====================
        $('.testimonial-slider').slick({
            slidesToShow: 2,
            slidesToScroll: 1,
            autoplay: true,
            autoplaySpeed: 2000,
            speed: 1500,
            dots: false,
            pauseOnHover: true,
            arrows: true,
            prevArrow: '<button type="button" class="slick-prev"><i class="fas fa-long-arrow-alt-left"></i></button>',
            nextArrow: '<button type="button" class="slick-next"><i class="fas fa-long-arrow-alt-right"></i></button>',
            responsive: [{
                    breakpoint: 1199,
                    settings: {
                        arrows: true,
                        slidesToShow: 2,
                        dots: false,
                    }
                },
                {
                    breakpoint: 991,
                    settings: {
                        arrows: true,
                        slidesToShow: 2
                    }
                },
                {
                    breakpoint: 767,
                    settings: {
                        arrows: true,
                        slidesToShow: 1
                    }
                },
                {
                    breakpoint: 575,
                    settings: {
                        arrows: false,
                        dots: true,
                        slidesToShow: 1
                    }
                }
            ]
        });

        // ============== Testimonial Slider Js End ========================
    </script>
    <script>
        (function($) {
            "use strict";

            $('.policy').on('click', function() {
                $.get("https://feed.voizle.com/cookie/accept", function(response) {
                    $('.cookies-card').addClass('d-none');
                });
            });

            setTimeout(function() {
                $('.cookies-card').removeClass('hide')
            }, 2000);

        })(jQuery);
    </script>
    <script>
        $('.subscriber-form').on('submit', function(e) {
            e.preventDefault();
            let emailValue = $('[name=email]').val().trim();
            if (!emailValue) {
                notify('error', 'The email field is required');
                return false;
            }
            let url = "https://feed.voizle.com/subscribe";
            let data = {
                email: emailValue
            };

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': `uBln2twxQqnEyd19Jt4VTwxJcjccFloEZUNio9KS`
                }
            });

            $.post(url, data, function(response) {
                if (response.errors) {
                    notify('error', response.errors);
                } else {
                    $('.subscriber-form')[0].reset();

                    let html =
                        `<button type="button" class="btn btn--base" disabled>Subscribed</button>`;

                    $('.subscriber-form').find('.form-group').html(html);
                    notify('success', response.success);
                }
            });
        });
    </script>

    <script>
        "use strict";

        $.each($('.select2'), function() {
            $(this)
                .wrap(`<div class="position-relative"></div>`)
                .select2({
                    dropdownParent: $(this).parent()
                });
        });

        $(".langSel").on("change", function() {
            window.location.href = "https://feed.voizle.com/change/" + $(this).val();
        });

        var inputElements = $('[type=text],[type=email],[type=number],[type=password],select,textarea');
        $.each(inputElements, function(index, element) {
            element = $(element);
            element.closest('.form--group').find('label').attr('for', element.attr('name'));
            element.attr('id', element.attr('name'));
        });

        $.each($('input, select, textarea'), function(i, element) {
            var elementType = $(element);
            if (elementType.attr('type') != 'checkbox' && element.hasAttribute('required')) {
                $(element).closest('.form-group').find('label').addClass('required');
            }
        });

        let disableSubmission = false;
        $('.disableSubmission').on('submit', function(e) {
            if (disableSubmission) {
                e.preventDefault()
            } else {
                disableSubmission = true;
            }
        });

    </script>


</body>

</html>
