| 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/brexa.ai/public_html/ |
Upload File : |
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Brexa</title>
<link rel="icon" type="image/png" href="../assets/images/favicon.png" />
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="canonical" href="#">
<!-- inter font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
<!-- preload head styles -->
<link rel="preload" href="../assets/css/unicons.min.css" as="style">
<link rel="preload" href="../assets/css/swiper-bundle.min.css" as="style">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
<!-- preload footer scripts -->
<link rel="preload" href="../assets/js/libs/jquery.min.js" as="script">
<link rel="preload" href="../assets/js/libs/scrollmagic.min.js" as="script">
<link rel="preload" href="../assets/js/libs/swiper-bundle.min.js" as="script">
<link rel="preload" href="../assets/js/libs/anime.min.js" as="script">
<link rel="preload" href="../assets/js/helpers/data-attr-helper.js" as="script">
<link rel="preload" href="../assets/js/helpers/swiper-helper.js" as="script">
<link rel="preload" href="../assets/js/helpers/anime-helper.js" as="script">
<link rel="preload" href="../assets/js/helpers/anime-helper-defined-timelines.js" as="script">
<link rel="preload" href="../assets/js/uikit-components-bs.js" as="script">
<link rel="preload" href="../assets/js/app.js" as="script">
<!-- app head for bootstrap core -->
<script src="../assets/js/app-head-bs.js"></script>
<!-- include uni-core components -->
<link rel="stylesheet" href="../assets/js/uni-core/css/uni-core.min.css">
<!-- include styles -->
<link rel="stylesheet" href="../assets/css/unicons.min.css">
<link rel="stylesheet" href="../assets/css/prettify.min.css">
<link rel="stylesheet" href="../assets/css/swiper-bundle.min.css">
<!-- include main style -->
<link rel="stylesheet" href="../assets/css/theme/main.min.purge.css">
<!-- include scripts -->
<script src="../assets/js/uni-core/js/uni-core-bundle.min.js"></script>
<style>
.uc-switcher-nav a.active {
background-color: #1f9177;
color: white;
}
</style>
</head>
<body class="uni-body panel bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-200 overflow-x-hidden">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="
https://www.googletagmanager.com/ns.html?id=GTM-MQXQPCJB"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!--header section start-->
<?php include 'header-copy.php'; ?>
<!--header section End-->
<!-- Contact modal -->
<div id="uc-contact-modal" data-uc-modal="overlay: true">
<div class="uc-modal-dialog lg:max-w-650px bg-secondary text-dark dark:bg-gray-800 dark:text-white rounded-1-5">
<button
class="uc-modal-close-default top-0 ltr:end-0 rtl:start-0 rtl:end-auto m-2 p-0 border-0 icon-2 lg:icon-3 btn btn-md dark:text-white transition-transform duration-150 hover:rotate-90"
type="button">
<!-- <i class="unicon-close"></i> -->
<i class="fa-regular fa-circle-xmark fa-xs"></i>
</button>
<div class="panel vstack gap-2 md:gap-4 text-center">
<div class="panel cstack px-3 md:px-4 py-4 md:py-8 m-0 lg:mx-auto">
<div class="panel vstack justify-center items-center gap-2 sm:gap-4 text-center">
<h4 class="h5 lg:h4 m-0">Schedule your 15-minute demo now</h4>
<div class="panel w-100 sm:w-350px md:w-500px mx-auto">
<form class="vstack gap-2">
<div class="vstack lg:hstack gap-2">
<input
class="form-control h-48px w-100 md:w-1/2 bg-white dark:border-white dark:text-dark"
type="text" placeholder="Full name*" required>
<input
class="form-control h-48px w-100 md:w-1/2 bg-white dark:border-white dark:text-dark"
type="text" placeholder="Last name*" required>
</div>
<div class="vstack lg:hstack gap-2">
<input
class="form-control h-48px w-100 md:w-1/2 bg-white dark:border-white dark:text-dark"
type="email" placeholder="Your email*" required>
<input
class="form-control h-48px w-100 md:w-1/2 rtl:text-end bg-white dark:border-white dark:text-dark"
type="tel" placeholder="Phone number*" required>
</div>
<input class="form-control h-48px w-full bg-white dark:border-white dark:text-dark"
type="text" placeholder="Company name*" required>
<textarea
class="form-control min-h-150px w-full bg-white dark:border-white dark:text-dark"
placeholder="Your message.."></textarea>
<button class="btn btn-primary btn-md text-white mt-2" type="submit">Schedule my
demo</button>
<p class="fs-7 opacity-70 mt-2 text-center">We’ll tailor your demo to your immediate
needs and answer all your questions. Get ready to see how it works!</p>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Bottom Actions Sticky -->
<div class="backtotop-wrap position-fixed bottom-0 end-0 z-99 m-2 vstack">
<!-- <div class="darkmode-trigger cstack w-40px h-40px rounded-circle text-none bg-gray-100 dark:bg-gray-700 dark:text-white"
data-darkmode-toggle="">
<label class="switch">
<span class="sr-only">Dark mode toggle</span>
<input type="checkbox">
<span class="slider fs-5"></span>
</label>
</div> -->
<a class="btn btn-sm bg-primary text-white w-40px h-40px rounded-circle" href="to_top.php" data-uc-backtotop>
<i class="icon-2 fa-solid fa-angle-up "></i>
</a>
</div>
<!-- Wrapper start -->
<div id="wrapper" class="wrap">
<!-- Section start -->
<div id="hero_header" class="hero-header section panel overflow-hidden">
<div class="section-outer panel py-6 xl:py-9 pt-9 lg:pt-10 bg-secondary dark:bg-gray-900">
<div class="position-absolute top-0 start-0 end-0 min-h-screen overflow-hidden d-none lg:d-block"
data-anime="onview: -100; targets: img; scale: [0.8, 1]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: anime.stagger(100, {start: 750});">
<div class="position-absolute top-0 start-0 rotate-45"
style="top: 35% !important; left: 47% !important">
<img class="w-32px text-gray-900 dark:text-white" src="../assets/images/template/star-1.svg"
alt="star-1" data-uc-svg>
</div>
<div class="position-absolute top-0 end-0 rotate-45"
style="top: 12% !important; right: 15% !important">
<img class="w-24px text-gray-900 dark:text-white" src="../assets/images/template/star-2.svg"
alt="star-2" data-uc-svg>
</div>
<div class="position-absolute top-0 start-0 translate-middle-y -rotate-12"
style="top: 15% !important; left: 35% !important">
<img class="w-48px xl:w-56px d-block dark:d-none"
src="../assets/images/template/icon-trophy.svg" alt="icon-trophy">
<img class="w-48px xl:w-56px d-none dark:d-block"
src="../assets/images/template/icon-trophy-dark.svg" alt="icon-trophy-dark">
</div>
<div class="position-absolute top-0 start-0 translate-middle-y rotate-45 ms-n3"
style="top: 35% !important">
<img class="w-48px xl:w-56px d-block dark:d-none"
src="../assets/images/template/icon-location.svg" alt="icon-location">
<img class="w-48px xl:w-56px d-none dark:d-block"
src="../assets/images/template/icon-location-dark.svg" alt="icon-location-dark">
</div>
<div class="position-absolute bottom-0 start-0 translate-middle-y"
style="bottom: 15% !important; left: 30% !important">
<img class="w-40px xl:w-48px d-block dark:d-none" src="../assets/images/template/icon-globe.svg"
alt="icon-globe">
<img class="w-40px xl:w-48px d-none dark:d-block"
src="../assets/images/template/icon-globe-dark.svg" alt="icon-globe-dark">
</div>
<div class="position-absolute bottom-0 ltr:end-0 rtl:start-0 translate-middle-y rotate-45"
style="bottom: 20% !important; right: 8% !important">
<img class="w-48px xl:w-56px d-block dark:d-none" src="../assets/images/template/icon-crown.svg"
alt="icon-crown">
<img class="w-48px xl:w-56px d-none dark:d-block"
src="../assets/images/template/icon-crown-dark.svg" alt="icon-crown-dark">
</div>
<div class="position-absolute top-0 end-0 translate-middle-y -rotate-12"
style="top: 60% !important; right: 48% !important">
<img class="w-48px xl:w-56px d-block dark:d-none"
src="../assets/images/template/icon-diamond.svg" alt="icon-diamond">
<img class="w-48px xl:w-56px d-none dark:d-block"
src="../assets/images/template/icon-diamond-dark.svg" alt="icon-diamond-dark">
</div>
<div class="position-absolute top-0 end-0 translate-middle-y -rotate-12 me-n3"
style="top: 35% !important">
<img class="w-48px xl:w-56px d-block dark:d-none" src="../assets/images/template/icon-chat.svg"
alt="icon-chat">
<img class="w-48px xl:w-56px d-none dark:d-block"
src="../assets/images/template/icon-chat-dark.svg" alt="icon-chat-dark">
</div>
</div>
<div class="container ">
<div class="section-inner panel py-4">
<div class="row child-cols justify-center lg:justify-between items-center gy-4 sm:gy-6 gx-0">
<div class="col-12 sm:col-9 lg:col-5">
<div class="vstack gap-2 mt-2 sm:mt-4 lg:mt-0 sm:text-center lg:text-start rtl:lg:text-end"
data-anime="targets: >*; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: anime.stagger(100, {start: 200});">
<span class="fs-6 fw-bold text-primary dark:text-secondary">One Powerful</span>
<h1 class="h2 sm:h1 lg:display-6 xl:display-5 mb-1 xl:mb-2">Platform to Grow
B2B Business</h1>
<div class="hstack gap-narrow fs-7 fw-bold">
<span class="px-1 py-narrow bg-white dark:bg-gray-800 rounded">Leads</span>
<span class="px-1 py-narrow bg-white dark:bg-gray-800 rounded">Chat &
Engage</span>
<span class="px-1 py-narrow bg-white dark:bg-gray-800 rounded">Meetings</span>
<span class="px-1 py-narrow bg-white dark:bg-gray-800 rounded">Automation</span>
</div>
<p class="fs-6 sm:fs-5 text-dark dark:text-white text-opacity-70">Keep data
consistent, with native CRM integrations that streamline your entire Tool
workflow.</p>
<!-- <form class="row child-cols g-1 mt-1 sm:mt-2">
<div>
<input
class="form-control h-48px lg:h-56px w-full bg-white dark:border-white dark:bg-opacity-10 dark:border-opacity-0 dark:text-white"
type="text" placeholder="Your email address" required="">
</div>
<div class="col-12 sm:col-auto">
<a class='btn btn-md h-48px lg:h-56px w-100 sm:min-w-150px btn-primary text-white'
href='pricing.php'>Start free trial</a>
</div>
</form> -->
<div class="vstack sm:hstack gap-1 lg:gap-2 mt-1 sm:mt-2">
<a class='btn btn-md lg:btn-lg btn-primary text-white' href='https://app.brexa.ai/signup'>Sign Up</a>
<a class='btn btn-md lg:btn-lg border-gray-900 rounded-default border-opacity-20 shadow-xs'
href='product-demo.php' target="_blank" id="">Request for Demo</a>
</div>
<p class="fs-7 text-dark dark:text-white text-opacity-70">No credit card required.
</p>
<div class="vstack md:hstack justify-center lg:justify-start gap-2">
<div class="hstack justify-center gap-0">
<img src="../assets/images/avatars/02.jpg" alt="Avatar-image"
class="w-40px h-40px rounded-circle border border-1 border-secondary dark:border-gray-900">
<img src="../assets/images/avatars/05.png" alt="Avatar-image"
class="w-40px h-40px rounded-circle border border-1 border-secondary dark:border-gray-900 ms-n2">
<img src="../assets/images/avatars/02.png" alt="Avatar-image"
class="w-40px h-40px rounded-circle border border-1 border-secondary dark:border-gray-900 ms-n2">
<img src="../assets/images/avatars/01.jpg" alt="Avatar-image"
class="w-40px h-40px rounded-circle border border-1 border-secondary dark:border-gray-900 ms-n2">
</div>
<div class="panel">
<ul class="nav-x justify-center md:justify-start gap-0">
<li><img src="../assets/images/common/star-rating.svg" alt="star-rating"
class="w-20px text-yellow" data-uc-svg></li>
<li><img src="../assets/images/common/star-rating.svg" alt="star-rating"
class="w-20px text-yellow" data-uc-svg></li>
<li><img src="../assets/images/common/star-rating.svg" alt="star-rating"
class="w-20px text-yellow" data-uc-svg></li>
<li><img src="../assets/images/common/star-rating.svg" alt="star-rating"
class="w-20px text-yellow" data-uc-svg></li>
<li><img src="../assets/images/common/star-rating.svg" alt="star-rating"
class="w-20px text-yellow" data-uc-svg></li>
<li><span class="fs-8 fw-medium ms-narrow">5.0</span></li>
</ul>
<span class="fs-7 fw-medium">Based on 200+ reviews</span>
</div>
</div>
</div>
</div>
<div class="col-12 lg:col-6 xl:col-7">
<div class="hero-scene panel rtl:me-6 rtl:ms-n6"
data-anime="targets: > *; scale: [0.9, 1]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: anime.stagger(100, {start: 750});">
<div class="panel overflow-hidden">
<img class="d-block dark:d-none" src="../assets/images/brexa-sample-2.png"
alt="Main hero image">
<!-- <img class="d-block dark:d-none" src="../assets/images/template/hero-two.png"
alt="Main hero image"> -->
<img class="d-none dark:d-block"
src="../assets/images/template/hero-two-dark.png" alt="Main hero image">
</div>
</div>
</div>
</div>
<div class="brands panel overflow-hidden mt-4 sm:mt-6 lg:mt-8 ">
<div class="block-panel panel" data-anime="opacity: [0, 1]; duration: 450; delay: 750;">
<div class="element-brands text-gray-900 dark:text-white">
<div class="swiper" data-uc-swiper="items: 2; center: true; center-bounds: true;"
data-uc-swiper-s="items: 4; center: false; center-bounds: false;"
data-uc-swiper-m="items: 7; gap: 30;">
<div class="swiper-wrapper items-center ease-linear">
<div class="brand-item swiper-slide text-center ">
<img class="brand-item-image h-70px"
src="../assets/images/brands/carz.png" alt="Proline" data-uc-svg>
</div>
<div class="brand-item swiper-slide text-center">
<img class="brand-item-image h-70px"
src="../assets/images/brands/ethniqs.png" alt="Iceberg" data-uc-svg>
</div>
<div class="brand-item swiper-slide text-center">
<img class="brand-item-image h-70px"
src="../assets/images/brands/invences.png" alt="PinPoint"
data-uc-svg>
</div>
<div class="brand-item swiper-slide text-center">
<img class="brand-item-image h-70px"
src="../assets/images/brands/luushy.png" alt="Clues" data-uc-svg>
</div>
<div class="brand-item swiper-slide text-center">
<img class="brand-item-image h-70px"
src="../assets/images/brands/mps.png" alt="Snowflake" data-uc-svg>
</div>
<div class="brand-item swiper-slide text-center">
<img class="brand-item-image h-70px"
src="../assets/images/brands/pobyte.png" alt="Proline" data-uc-svg>
</div>
<div class="brand-item swiper-slide text-center">
<img class="brand-item-image h-70px"
src="../assets/images/brands/sritech.png" alt="Proline" data-uc-svg>
</div>
<div class="brand-item swiper-slide text-center">
<img class="brand-item-image h-70px"
src="../assets/images/brands/syoft.png" alt="Proline" data-uc-svg>
</div>
<div class="brand-item swiper-slide text-center">
<img class="brand-item-image h-70px"
src="../assets/images/brands/zepul.png" alt="Proline" data-uc-svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Section end -->
<!-- Section start -->
<div id="main_features" class="key-features section panel overflow-hidden">
<div class="section-outer panel py-6 xl:py-9">
<div class="container ">
<div class="section-inner panel">
<div class="panel vstack items-center gap-2 xl:gap-3 mb-4 sm:mb-8 xl:mb-9 max-w-700px mx-auto text-center"
data-anime="targets: >*; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: anime.stagger(100, {start: 200});">
<h2 class="h3 lg:h2 xl:h1 m-0">A whole new way to generate <span
class="d-inline-flex px-1 bg-primary text-white -rotate-1 lg:-rotate-2 rounded-1 lg:rounded-1-5">
pipeline</span> on your website</h2>
<!-- <p class="fs-6 xl:fs-5 text-dark dark:text-white text-opacity-70">Automatically engage
visitors, capture leads, and book meetings, 24x7.</p> -->
</div>
<div
class="row child-cols-12 sm:child-cols-6 xl:child-cols-6 col-match justify-center items-center bg-secondary rounded-2 g-2 lg:g-4">
<div class="mt-0">
<div class="feature-item panel px-3 lg:px-4 py-4 rounded-2 bg-secondary dark:bg-gray-800"
data-anime="onview: -200; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: 100;">
<div class="vstack gap-4 h-100">
<div class="panel">
<div class="panel vstack justify-center gap-4 h-100">
<div>
<div class="panel vstack gap-2">
<h2 class="h3 m-0">Meet Brexa the Inbound AI SDR</h2>
<p class="fs-6 lg:fs-5 opacity-70 dark:opacity-80">Transform
your sales process with the AI SDR, engaging visitors in
real-time and capturing leads effortlessly. Never miss an
opportunity as the AI SDR books meetings for you around the
clock, 24/7. Automate your outreach, nurture leads, and
drive conversions with Brexa's AI SDR, working tirelessly
day and night to elevate your business growth.</p>
<div class="vstack sm:hstack gap-1 lg:gap-2 mt-1 sm:mt-2">
<a class='btn btn-md lg:btn-lg btn-primary text-white'
href='https://app.brexa.ai/signup'>Sign Up</a>
<a class='btn btn-md lg:btn-lg border-gray-900 rounded-default border-opacity-20 shadow-xs'
href='product-demo.php' target="_blank">Request for Demo</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mt-0">
<div class="feature-item panel px-3 lg:px-4 py-4 rounded-2 bg-secondary dark:bg-gray-800"
data-anime="onview: -200; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: 100;">
<div class="vstack gap-4 h-100">
<div class="panel w-100 rounded lg:rounded-2 overflow-hidden">
<img src="../assets/images/ai-sdr.png"
alt="Connect every part of your entire business">
</div>
</div>
</div>
</div>
</div>
<!--<div-->
<!-- class="row child-cols-12 sm:child-cols-6 xl:child-cols-6 col-match justify-center items-center bg-secondary rounded-2 mt-6 g-2 lg:g-4">-->
<!-- <div class="">-->
<!-- <div class="feature-item panel px-3 lg:px-4 py-4 rounded-2 bg-secondary dark:bg-gray-800"-->
<!-- data-anime="onview: -200; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: 100;">-->
<!-- <div class="vstack gap-4 h-100">-->
<!-- <div class="panel w-100 rounded lg:rounded-2 overflow-hidden">-->
<!-- <img src="../assets/images/outbound-img.png"-->
<!-- alt="Connect every part of your entire business">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="">-->
<!-- <div class="feature-item panel px-3 lg:px-4 py-4 rounded-2 bg-secondary dark:bg-gray-800"-->
<!-- data-anime="onview: -200; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: 100;">-->
<!-- <div class="vstack gap-4 h-100">-->
<!-- <div class="panel">-->
<!-- <div class="panel vstack justify-center gap-4 h-100">-->
<!-- <div>-->
<!-- <div class="panel vstack gap-2">-->
<!-- <h2 class="h3 m-0">Outbound AI SDR</h2>-->
<!-- <h4 class="m-0">Brexa gets you leads on autopilot</h4>-->
<!-- <p class="fs-6 lg:fs-5 opacity-70 dark:opacity-80">Automate-->
<!-- every step of your outreach process, from finding and-->
<!-- researching prospects to personalising messages and booking-->
<!-- meetings. Brexa will have access to every buyer on earth,-->
<!-- Brexa will prioritise and matches you with your dream-->
<!-- customers that would need your solutions now.</p>-->
<!-- <div class="vstack sm:hstack gap-1 lg:gap-2 mt-1 sm:mt-2">-->
<!-- <a class='btn btn-md lg:btn-lg btn-primary text-white'-->
<!-- href='#'>Coming soon</a>-->
<!-- <a class='btn btn-md lg:btn-lg border-gray-900 rounded-default border-opacity-20 shadow-xs'-->
<!-- href='#'>Schedule a demo</a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
</div>
<div
class="row child-cols-12 sm:child-cols-6 xl:child-cols-6 col-match justify-center mt-2 g-2 lg:g-4">
<div>
<div class="feature-item panel px-3 lg:px-4 py-4 rounded-2 bg-secondary dark:bg-gray-800"
data-anime="onview: -200; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: 100;">
<div class="vstack gap-4 h-100">
<div class="panel w-100 rounded lg:rounded-2 overflow-hidden">
<img src="../assets/images/ai-email.png"
alt="Connect every part of your entire business">
</div>
<div class="panel">
<div class="panel vstack justify-center gap-4 h-100">
<div>
<div class="panel vstack gap-2">
<h2 class="h3 m-0">AI Email</h2>
<p class="fs-6 lg:fs-5 opacity-70 dark:opacity-80">Follow up
with inbound leads with timely, contextual emails that drive
toward conversion.</p>
<!-- <a href="#" class="uc-link fw-bold hstack gap-narrow">
<span>See all integrations</span>
<i
class="position-relative icon icon-1 unicon-arrow-right rtl:rotate-180 translate-y-px"></i>
</a> -->
</div>
</div>
</div>
</div>
<div class="vstack sm:hstack gap-1 lg:gap-2 mt-1 sm:mt-2">
<a class='btn btn-md lg:btn-lg btn-primary text-white' href='https://app.brexa.ai/signup'>Sign Up</a>
<a class='btn btn-md lg:btn-lg border-gray-900 rounded-default border-opacity-20 shadow-xs'
href='product-demo.php' target="_blank">Request for Demo</a>
</div>
</div>
</div>
</div>
<div>
<div class="feature-item panel px-3 lg:px-4 py-4 rounded-2 bg-secondary dark:bg-gray-800"
data-anime="onview: -200; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: 100;">
<div class="vstack gap-4 h-100">
<div class="panel w-100 rounded lg:rounded-2 overflow-hidden">
<img src="../assets/images/ai-meetings.png"
alt="Maintain compliance and control your apps">
</div>
<div class="panel">
<div class="panel vstack justify-center gap-4 h-100">
<div>
<div class="panel vstack gap-2">
<h2 class="h3 m-0">AI Meetings</h2>
<p class="fs-6 lg:fs-5 opacity-70 dark:opacity-80">Invite your
best buyers to schedule meetings with your sales team in
just a few clicks.
</p>
</div>
</div>
</div>
</div>
<div class="vstack sm:hstack gap-1 lg:gap-2 mt-1 sm:mt-2">
<a class='btn btn-md lg:btn-lg btn-primary text-white' href='https://app.brexa.ai/signup'>Sign Up</a>
<a class='btn btn-md lg:btn-lg border-gray-900 rounded-default border-opacity-20 shadow-xs'
href='product-demo.php' target="_blank">Request for Demo</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Section end -->
<!-- Section start -->
<div id="main_features" class="key-features section panel overflow-hidden">
<div class="section-outer panel pb-6 xl:pb-9">
<div class="container ">
<div class="section-inner panel">
<div class="panel vstack items-center gap-2 xl:gap-3 mb-4 sm:mb-8 xl:mb-9 max-w-700px mx-auto text-center"
data-anime="targets: >*; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: anime.stagger(100, {start: 200});">
<h2 class="h3 lg:h2 xl:h1 m-0">Smart <span
class="d-inline-flex px-1 bg-primary text-white -rotate-1 lg:-rotate-2 rounded-1 lg:rounded-1-5">
features</span> for your business</h2>
<p class="fs-6 xl:fs-5 text-dark dark:text-white text-opacity-70">We focus on helping you to
make useful content more accessible with an utlimate goal for a good sharing profit as a
content creator.</p>
</div>
<div class="row child-cols-12 sm:child-cols-6 xl:child-cols-4 col-match justify-center g-2 lg:g-4">
<div>
<div class="feature-item panel px-3 lg:px-4 py-4 rounded-2 bg-secondary dark:bg-gray-800"
data-anime="onview: -200; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: 100;">
<div class="vstack gap-4 h-100">
<div class="panel w-100 rounded lg:rounded-2 overflow-hidden">
<img src="../assets/images/feature-1.png"
alt="Share tools quickly and confidently in minutes">
</div>
<div class="panel">
<div class="panel vstack justify-center gap-4 h-100">
<div>
<div class="panel vstack gap-2">
<h3 class="h4 m-0">CRM</h3>
<!-- <p class="fs-6 lg:fs-5 opacity-70 dark:opacity-80">This
powerfull tool eliminates the need to leave Salesforce to
get things done as I can create a custom proposal with
dynamic pricing tables. You can also customize your own
dynamic versions.</p> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="feature-item panel px-3 lg:px-4 py-4 rounded-2 bg-secondary dark:bg-gray-800"
data-anime="onview: -200; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: 100;">
<div class="vstack gap-4 h-100">
<div class="panel w-100 rounded lg:rounded-2 overflow-hidden">
<img src="../assets/images/feature-3.png"
alt="Maintain compliance and control your apps">
</div>
<div class="panel">
<div class="panel vstack justify-center gap-4 h-100">
<div>
<div class="panel vstack gap-2">
<h3 class="h4 m-0">Flows or Build Your Processes</h3>
<!-- <p class="fs-6 lg:fs-5 opacity-70 dark:opacity-80">Improve
security and trust with built-in legally binding
e-Signatures. Create pre-approved templates, content blocks
and lock all legal information to prevent costly mistakes.
</p> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="feature-item panel px-3 lg:px-4 py-4 rounded-2 bg-secondary dark:bg-gray-800"
data-anime="onview: -200; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: 100;">
<div class="vstack gap-4 h-100">
<div class="panel w-100 rounded lg:rounded-2 overflow-hidden">
<img src="../assets/images/feature-4.png"
alt="Share tools quickly and confidently in minutes">
</div>
<div class="panel">
<div class="panel vstack justify-center gap-4 h-100">
<div>
<div class="panel vstack gap-2">
<h3 class="h4 m-0">Meetings</h3>
<!-- <p class="fs-6 lg:fs-5 opacity-70 dark:opacity-80">This
powerfull tool eliminates the need to leave Salesforce to
get things done as I can create a custom proposal with
dynamic pricing tables. You can also customize your own
dynamic versions.</p> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="row child-cols-12 sm:child-cols-6 xl:child-cols-4 col-match justify-center mt-1 g-2 lg:g-4">
<div>
<div class="feature-item panel px-3 lg:px-4 py-4 rounded-2 bg-secondary dark:bg-gray-800"
data-anime="onview: -200; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: 100;">
<div class="vstack gap-4 h-100">
<div class="panel w-100 rounded lg:rounded-2 overflow-hidden">
<img src="../assets/images/feature-5.png"
alt="Connect every part of your entire business">
</div>
<div class="panel">
<div class="panel vstack justify-center gap-4 h-100">
<div>
<div class="panel vstack gap-2">
<h3 class="h4 m-0">Task Boards</h3>
<!-- <p class="fs-6 lg:fs-5 opacity-70 dark:opacity-80">Keep data
consistent, with native CRM integrations that streamline
your entire Tool workflow.</p>
<a href="#" class="uc-link fw-bold hstack gap-narrow">
<span>See all integrations</span>
<i
class="position-relative icon icon-1 unicon-arrow-right rtl:rotate-180 translate-y-px"></i>
</a> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="feature-item panel px-3 lg:px-4 py-4 rounded-2 bg-secondary dark:bg-gray-800"
data-anime="onview: -200; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: 100;">
<div class="vstack gap-4 h-100">
<div class="panel w-100 rounded lg:rounded-2 overflow-hidden">
<img src="../assets/images/feature-6.png"
alt="Maintain compliance and control your apps">
</div>
<div class="panel">
<div class="panel vstack justify-center gap-4 h-100">
<div>
<div class="panel vstack gap-2">
<h3 class="h4 m-0">Marekting Automation</h3>
<!-- <p class="fs-6 lg:fs-5 opacity-70 dark:opacity-80">Improve
security and trust with built-in legally binding
e-Signatures. Create pre-approved templates, content blocks
and lock all legal information to prevent costly mistakes.
</p> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="feature-item panel px-3 lg:px-4 py-4 rounded-2 bg-secondary dark:bg-gray-800"
data-anime="onview: -200; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: 100;">
<div class="vstack gap-4 h-100">
<div class="panel w-100 rounded lg:rounded-2 overflow-hidden">
<img src="../assets/images/feature-7.png"
alt="Share tools quickly and confidently in minutes">
</div>
<div class="panel">
<div class="panel vstack justify-center gap-4 h-100">
<div>
<div class="panel vstack gap-2">
<h3 class="h4 m-0">Flow Automation</h3>
<!-- <p class="fs-6 lg:fs-5 opacity-70 dark:opacity-80">This
powerfull tool eliminates the need to leave Salesforce to
get things done as I can create a custom proposal with
dynamic pricing tables. You can also customize your own
dynamic versions.</p> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="row child-cols-12 sm:child-cols-6 xl:child-cols-4 col-match justify-center mt-1 g-2 lg:g-4">
<div>
<div class="feature-item panel px-3 lg:px-4 py-4 rounded-2 bg-secondary dark:bg-gray-800"
data-anime="onview: -200; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: 100;">
<div class="vstack gap-4 h-100">
<div class="panel w-100 rounded lg:rounded-2 overflow-hidden">
<img src="../assets/images/feature-8.png"
alt="Connect every part of your entire business">
</div>
<div class="panel">
<div class="panel vstack justify-center gap-4 h-100">
<div>
<div class="panel vstack gap-2">
<h3 class="h4 m-0">Live Chat</h3>
<!-- <p class="fs-6 lg:fs-5 opacity-70 dark:opacity-80">Keep data
consistent, with native CRM integrations that streamline
your entire Tool workflow.</p>
<a href="#" class="uc-link fw-bold hstack gap-narrow">
<span>See all integrations</span>
<i
class="position-relative icon icon-1 unicon-arrow-right rtl:rotate-180 translate-y-px"></i>
</a> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="feature-item panel px-3 lg:px-4 py-4 rounded-2 bg-secondary dark:bg-gray-800"
data-anime="onview: -200; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: 100;">
<div class="vstack gap-4 h-100">
<div class="panel w-100 rounded lg:rounded-2 overflow-hidden">
<img src="../assets/images/feature-10.png"
alt="Share tools quickly and confidently in minutes">
</div>
<div class="panel">
<div class="panel vstack justify-center gap-4 h-100">
<div>
<div class="panel vstack gap-2">
<h3 class="h4 m-0">Client Management & Client Portal</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div>
<div class="feature-item panel px-3 lg:px-4 py-4 rounded-2 bg-secondary dark:bg-gray-800"
data-anime="onview: -200; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: 100;">
<div class="vstack gap-4 h-100">
<div class="panel w-100 rounded lg:rounded-2 overflow-hidden">
<img src="../assets/images/feature-11.png"
alt="Connect every part of your entire business">
</div>
<div class="panel">
<div class="panel vstack justify-center gap-4 h-100">
<div>
<div class="panel vstack gap-2">
<h3 class="h4 m-0">Client Portal</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div> -->
<div>
<div class="feature-item panel px-3 lg:px-4 py-4 rounded-2 bg-secondary dark:bg-gray-800"
data-anime="onview: -200; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: 100;">
<div class="vstack gap-4 h-100">
<div class="panel w-100 rounded lg:rounded-2 overflow-hidden">
<img src="../assets/images/feature-12.png"
alt="Maintain compliance and control your apps">
</div>
<div class="panel">
<div class="panel vstack justify-center gap-4 h-100">
<div>
<div class="panel vstack gap-2">
<h3 class="h4 m-0">Web Forms & Smart Forms</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Section end -->
<!-- Section start -->
<div id="main_features" class="key-features section panel overflow-hidden">
<div class="section-outer panel pb-6 xl:pb-9">
<div class="container ">
<div class="section-inner panel">
<div
class="row child-cols-12 sm:child-cols-6 xl:child-cols-6 col-match justify-center items-center bg-secondary rounded-2 mt-6 g-2 lg:g-4">
<div class=" mt-0">
<div class="feature-item panel px-3 lg:px-4 py-4 rounded-2 bg-secondary dark:bg-gray-800"
data-anime="onview: -200; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: 100;">
<div class="vstack gap-4 h-100">
<div class="panel w-100 rounded lg:rounded-2 overflow-hidden">
<img src="../assets/images/outbound-img.png"
alt="Connect every part of your entire business">
</div>
</div>
</div>
</div>
<div class="">
<div class="feature-item panel px-3 lg:px-4 py-4 rounded-2 bg-secondary dark:bg-gray-800"
data-anime="onview: -200; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: 100;">
<div class="vstack gap-4 h-100">
<div class="panel">
<div class="panel vstack justify-center gap-4 h-100">
<div>
<div class="panel vstack gap-2">
<h2 class="h3 m-0">Outbound AI SDR</h2>
<h4 class="m-0">Brexa gets you leads on autopilot</h4>
<p class="fs-6 lg:fs-5 opacity-70 dark:opacity-80">Automate
every step of your outreach process, from finding and
researching prospects to personalising messages and booking
meetings. Brexa will have access to every buyer on earth,
Brexa will prioritise and matches you with your dream
customers that would need your solutions now.</p>
<!-- <div class="vstack sm:hstack gap-1 lg:gap-2 mt-1 sm:mt-2">
<a class='btn btn-md lg:btn-lg btn-primary text-white'
href='pricing.php'>Coming soon</a>
<a href="#"
class="btn btn-md lg:btn-lg dark:text-white border-gray-900 dark:border-white border-opacity-20 hover:border-opacity-40"
data-uc-toggle>Schedule a demo</a>
</div> -->
<div class="vstack sm:hstack gap-1 lg:gap-2 mt-1 sm:mt-2">
<a class='btn btn-md lg:btn-lg btn-primary text-white'
href='#'>Coming soon</a>
<a class='btn btn-md lg:btn-lg border-gray-900 rounded-default border-opacity-20 shadow-xs'
href='product-demo.php' target="_blank">Request for Demo</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Section end -->
<!-- Section start -->
<div id="builder_elements" class="builder-elements section panel bg-gray-800">
<div class=" section-outer panel py-6 lg:py-8 xl:py-10">
<div class="container ">
<div class="section-inner panel vstack items-center gap-3 xl:gap-4 text-center max-w-100"
data-anime="onview: -100; targets: > *; translateY: [-40, 0]; opacity: [0, 1]; easing: easeOutCubic; duration: 500; delay: anime.stagger(200);">
<!-- <h4 class="h4 m-0">100+ Pro Elements and Widgets</h4> -->
<div class="panel text-white vstack items-center gap-2 xl:gap-3 mb-4 lg:mb-6 max-w-650px mx-auto text-center"
data-anime="onview: -100; targets: >*; translateY: [48, 0]; opacity: [0, 1]; easing: easeOutCubic; duration: 500; delay: anime.stagger(100, {start: 200});">
<!-- <div class="cstack gap-1 py-1 px-2 border rounded-pill">
<span
class="d-inline-block w-4px h-4px rounded-circle bg-primary dark:bg-secondary"></span>
<span class="fs-8 fw-bold text-uppercase">Main features</span>
</div> -->
<h2 class="h3 lg:h2 xl:h1 m-0 px-2 text-white">Seamless <span class=" d-inline-flex px-1 bg-secondary text-primary -rotate-1 lg:-rotate-2
rounded-1 lg:rounded-1-5">Integrations</span>
</h2>
<p class="fs-6 xl:fs-5 text-black text-white text-opacity-70">Connect with Your
Preferred Apps to Maintain Continuity
& Simplify Processes Across Your Business.</p>
</div>
<div class="panel w-100">
<div class="swiper mask-x"
data-uc-swiper="items: 2.5; gap: 16; center: true; center-bounds: true; autoplay: 20000; loop: true; speed: 20000; autoplay-delay: -1; autoplay-disableOnInteraction: true; allowTouchMove: false;"
data-uc-swiper-m="items: 1; gap: 20;" data-uc-swiper-l="items: 1; gap: 24;">
<div class="swiper-wrapper items-center ease-linear">
<div class="swiper-slide w-100 md:w-100 lg:w-100">
<div class="cstack int-icons">
<img class="icon text-white dark:text-secondary"
src="../assets/images/client-1.svg" alt="">
</div>
</div>
<div class="swiper-slide w-100 md:w-100 lg:w-100">
<div class="cstack int-icons">
<img class="icon text-white dark:text-secondary"
src="../assets/images/client-1.svg" alt="">
</div>
</div>
</div>
</div>
<div class="swiper mask-x my-2 md:my-3"
data-uc-swiper="items: 2.5; gap: 16; center: true; center-bounds: true; autoplay: 20000; loop: true; speed: 20000; autoplay-delay: -1; autoplay-disableOnInteraction: true; autoplay-reverseDirection: true; allowTouchMove: false;"
data-uc-swiper-m="items: 1; gap: 20;" data-uc-swiper-l="items: 1; gap: 24;">
<div class="swiper-wrapper items-center ease-linear">
<div class="swiper-slide w-100 md:w-100 lg:w-100">
<div class="cstack int-icons">
<img class="icon text-white dark:text-secondary"
src="../assets/images/client-2.svg" alt="">
</div>
</div>
<div class="swiper-slide w-100 md:w-100 lg:w-100">
<div class="cstack int-icons">
<img class="icon text-white dark:text-secondary"
src="../assets/images/client-2.svg" alt="">
</div>
</div>
</div>
</div>
<div class="swiper mask-x my-2 md:my-3"
data-uc-swiper="items: 2.5; gap: 16; center: true; center-bounds: true; autoplay: 20000; loop: true; speed: 20000; autoplay-delay: -1; autoplay-disableOnInteraction: true; allowTouchMove: false;"
data-uc-swiper-m="items: 1; gap: 20;" data-uc-swiper-l="items: 1; gap: 24;">
<div class="swiper-wrapper items-center ease-linear">
<div class="swiper-slide w-100 md:w-100 lg:w-100">
<div class="cstack int-icons">
<img class="icon text-white dark:text-secondary"
src="../assets/images/client-3.svg" alt="">
</div>
</div>
<div class="swiper-slide w-100 md:w-100 lg:w-100">
<div class="cstack int-icons">
<img class="icon text-white dark:text-secondary"
src="../assets/images/client-3.svg" alt="">
</div>
</div>
</div>
</div>
<div class="swiper mask-x "
data-uc-swiper="items: 2.5; gap: 16; center: true; center-bounds: true; autoplay: 20000; loop: true; speed: 20000; autoplay-delay: -1; autoplay-disableOnInteraction: true; autoplay-reverseDirection: true; allowTouchMove: false;"
data-uc-swiper-m="items: 1; gap: 20;" data-uc-swiper-l="items: 1; gap: 24;">
<div class="swiper-wrapper items-center ease-linear">
<div class="swiper-slide w-100 md:w-100 lg:w-100">
<div class="cstack int-icons">
<img class="icon text-white dark:text-secondary"
src="../assets/images/client-2.svg" alt="">
</div>
</div>
<div class="swiper-slide w-100 md:w-100 lg:w-100">
<div class="cstack int-icons">
<img class="icon text-white dark:text-secondary"
src="../assets/images/client-2.svg" alt="">
</div>
</div>
</div>
</div>
</div>
<!-- <a href="#" class="btn btn-sm lg:btn-md btn-primary px-3 md:mt-2 lg:mt-4">
<span>View all elements</span>
<i class="fa-solid fa-arrow-right rtl:rotate-180"></i>
</a> -->
</div>
</div>
</div>
</div>
<!-- Section end -->
<!-- Section start -->
<div id="integrations" class="integrations section panel overflow-hidden">
<div class="section-outer panel py-6 xl:py-9 bg-secondary dark:bg-primary dark:text-white">
<div class="container max-w-lg">
<div class="section-inner panel">
<div class="panel vstack items-center gap-4 sm:gap-6 xl:gap-8"
data-anime="onview: -100; targets: >*; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: anime.stagger(100, {start: 100});">
<div class="panel vstack items-center gap-2 xl:gap-3 text-center">
<h2 class="h3 lg:h2 xl:h1 m-0">Meet your <span
class="d-inline-flex px-1 bg-primary text-white -rotate-1 lg:-rotate-2 rounded-1 lg:rounded-1-5">
customers</span> in the apps they already use</h2>
<p class="fs-6 xl:fs-5 text-dark dark:text-white text-opacity-70">Customers live,
breathe, and chat on these apps daily. So, why not make their lives easier when they
need to get in touch with you? Brexa Agent is extremely easy to integrate these
messaging apps into your sales, marketing, and customer support strategy. It's like
rolling out a red carpet to your customers, all on the messaging platforms they
already use and love."</p>
</div>
<div class="row child-cols-12 sm:child-cols-6 lg:child-cols-4 col-match g-2 lg:g-4 justify-between"
data-anime="onview: -100; targets: > *; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: anime.stagger(100, {start: 200});">
<div>
<div
class="panel vstack justify-between gap-4 p-3 rounded lg:rounded-2 bg-white text-dark">
<div class="vstack gap-3">
<div class="hstack justify-between items-center">
<div class="vstack">
<h5 class="h5 m-0 text-dark">WhatsApp</h5>
<!-- <span class="fs-7 opacity-70 dark:opacity-80">Productivity</span> -->
</div>
<img class="w-32px lg:w-40px" src="../assets/images/template/Whatsapp.svg"
alt="Slack">
</div>
<p class="fs-6 opacity-70 dark:opacity-80">Integration with WhatsApp
Business API (Official) and QR code.</p>
</div>
<!--<a class='uc-link fw-bold fs-7 d-inline-flex items-center gap-narrow' href='#'>-->
<!-- <span>Start free trail</span>-->
<!-- <i class="fa-solid fa-arrow-right rtl:rotate-180"></i>-->
<!--</a>-->
</div>
</div>
<div>
<div
class="panel vstack justify-between gap-4 p-3 rounded lg:rounded-2 bg-white text-dark">
<div class="vstack gap-3">
<div class="hstack justify-between items-center">
<div class="vstack">
<h5 class="h5 m-0 text-dark">Instagram</h5>
<!-- <span class="fs-7 opacity-70 dark:opacity-80">CRM </span> -->
</div>
<img class="w-32px lg:w-40px" src="../assets/images/template/instagram.svg"
alt="Salesforce">
</div>
<p class="fs-6 opacity-70 dark:opacity-80">Direct message, automate tasks,
and customer support on Instagram.</p>
</div>
<!--<a class='uc-link fw-bold fs-7 d-inline-flex items-center gap-narrow' href='#'>-->
<!-- <span>Start free trail</span>-->
<!-- <i class="fa-solid fa-arrow-right rtl:rotate-180"></i>-->
<!--</a>-->
</div>
</div>
<div>
<div
class="panel vstack justify-between gap-4 p-3 rounded lg:rounded-2 bg-white text-dark">
<div class="vstack gap-3">
<div class="hstack justify-between items-center">
<div class="vstack">
<h5 class="h5 m-0 text-dark">Messenger</h5>
<!-- <span class="fs-7 opacity-70 dark:opacity-80">Payment</span> -->
</div>
<img class="w-32px lg:w-40px" src="../assets/images/template/Messenger.svg"
alt="Stripe">
</div>
<p class="fs-6 opacity-70 dark:opacity-80">Chat, automate tasks, and
customer support on Messenger.</p>
</div>
<!--<a class='uc-link fw-bold fs-7 d-inline-flex items-center gap-narrow' href='#'>-->
<!-- <span>Start free trail</span>-->
<!-- <i class="fa-solid fa-arrow-right rtl:rotate-180"></i>-->
<!--</a>-->
</div>
</div>
<div>
<div
class="panel vstack justify-between gap-4 p-3 rounded lg:rounded-2 bg-white text-dark">
<div class="vstack gap-3">
<div class="hstack justify-between items-center">
<div class="vstack">
<h5 class="h5 m-0 text-dark">Telegram</h5>
<!-- <span class="fs-7 opacity-70 dark:opacity-80">Payment</span> -->
</div>
<img class="w-32px lg:w-40px" src="../assets/images/template/Telegram.svg"
alt="PayPal">
</div>
<p class="fs-6 opacity-70 dark:opacity-80">Chat, automate tasks, and
customer support on Telegram.</p>
</div>
<!--<a class='uc-link fw-bold fs-7 d-inline-flex items-center gap-narrow' href='#'>-->
<!-- <span>Start free trail</span>-->
<!-- <i class="fa-solid fa-arrow-right rtl:rotate-180"></i>-->
<!--</a>-->
</div>
</div>
<div>
<div
class="panel vstack justify-between gap-4 p-3 rounded lg:rounded-2 bg-white text-dark">
<div class="vstack gap-3">
<div class="hstack justify-between items-center">
<div class="vstack">
<h5 class="h5 m-0 text-dark">Website Live Chat</h5>
</div>
<img class="w-32px lg:w-40px" src="../assets/images/template/SMS.svg"
alt="HubSpot">
</div>
<p class="fs-6 opacity-70 dark:opacity-80">Not using a messaging app? No
problem! We offer website live chat for you to install on your website.
</p>
</div>
<!--<a class='uc-link fw-bold fs-7 d-inline-flex items-center gap-narrow' href='#'>-->
<!-- <span>Start free trail</span>-->
<!-- <i class="fa-solid fa-arrow-right rtl:rotate-180"></i>-->
<!--</a>-->
</div>
</div>
<div>
<div
class="panel vstack justify-between gap-4 p-3 rounded lg:rounded-2 bg-white text-dark">
<div class="vstack gap-3">
<div class="hstack justify-between items-center">
<div class="vstack">
<h5 class="h5 m-0 text-dark">Voice</h5>
<!-- <span class="fs-7 opacity-70 dark:opacity-80">Integration
platforms</span> -->
</div>
<img class="w-32px lg:w-40px" src="../assets/images/template/call.svg"
alt="Zapier">
</div>
<p class="fs-6 opacity-70 dark:opacity-80">Automate tasks, and customer
support with automated calling.</p>
</div>
<!--<a class='uc-link fw-bold fs-7 d-inline-flex items-center gap-narrow' href='#'>-->
<!-- <span>Start free trail</span>-->
<!-- <i class="fa-solid fa-arrow-right rtl:rotate-180"></i>-->
<!--</a>-->
</div>
</div>
</div>
<!-- <a class='uc-link fw-bold d-inline-flex items-center gap-narrow dark:text-white' href='#'>
<span>Explore all integrations</span>
<i class="icon icon-1 unicon-arrow-right rtl:rotate-180"></i>
</a> -->
</div>
</div>
</div>
</div>
</div>
<!-- Section end -->
<!-- Section start -->
<div id="main_features" class="main-features section panel overflow-hidden">
<div class="section-outer panel py-4 md:py-6 xl:py-9">
<div class="container ">
<div class="section-inner panel">
<div class="panel vstack items-center gap-2 xl:gap-3 mx-auto text-center"
data-anime="onview: -200; targets: >*; translateY: [48, 0]; opacity: [0, 1]; easing: easeOutCubic; duration: 500; delay: anime.stagger(100, {start: 200});">
<span
class="fw-bold py-narrow px-2 bg-dark text-white rounded-pill text-primary dark:text-secondary">Features</span>
<h2 class="h3 sm:h2 lg:h1 m-0">Recognized by the <span
class="d-inline-flex px-1 bg-primary text-white -rotate-1 lg:-rotate-2 rounded-1 lg:rounded-1-5">
experts</span></h2>
<p class="fs-6 xl:fs-5">Offers a unified platform that
fosters innovation while providing end-to-end data management. See how we help your team
solve today’s biggest challenges.</p>
</div>
<div class="features-items row child-cols-12 sm:child-cols-6 lg:child-cols-4 g-0 col-match"
data-anime="onview: -100; targets: >*; translateY: [48, 0]; opacity: [0, 1]; easing: easeOutCubic; duration: 500; delay: anime.stagger(100, {start: 400});">
<div class="order-1 lg:order-0">
<div class="features-item vstack justify-between gap-6 xl:gap-8 p-4 xl:p-6 rounded-1-5">
<div class="icon-box w-48px h-48px rounded-1-5 cstack feature-icon bg-primary">
<img class="w-20px xl:w-24px text-white" src="../assets/images/common/icons/zap.svg"
alt="feature-icon" data-uc-svg>
</div>
<div class="panel">
<div class="vstack gap-1">
<h3 class="title h5 xl:h4 m-0">Fast and Secure</h3>
<p class="desc fs-7 xl:fs-6 text-opacity-70">Brexa.ai is built on a robust
infrastructure, ensuring fast response times & industry-standard
security measures to protect your data.</p>
<!-- <a class='uc-link dark:text-secondary fs-7 xl:fs-6 fw-bold hstack gap-1 sm:mt-1'
href='#'>
<span>Learn more</span>
<i class="fa-solid fa-arrow-right rtl:rotate-180"></i>
</a> -->
</div>
</div>
</div>
</div>
<div class="order-0">
<div
class="features-item vstack justify-between gap-6 xl:gap-8 p-4 xl:p-6 rounded-1-5 bg-gradient-45 from-secondary to-transparent dark:from-gray-700 sm:rounded-bottom-end-0 lg:rounded-bottom-0">
<div class="icon-box w-48px h-48px rounded-1-5 cstack feature-icon bg-primary">
<img class="w-20px xl:w-24px text-white"
src="../assets/images/common/icons/database.svg" alt="feature-icon" data-uc-svg>
</div>
<div class="panel">
<div class="vstack gap-1">
<h3 class="title h5 xl:h4 m-0">99.9% Uptime Guarantee</h3>
<p class="desc fs-7 xl:fs-6 text-opacity-70">Reliable performance with
minimal downtime, so you’re always available to your customers.</p>
<!-- <a class='uc-link dark:text-secondary fs-7 xl:fs-6 fw-bold hstack gap-1 sm:mt-1'
href='#'>
<span>Learn more</span>
<i class="fa-solid fa-arrow-right rtl:rotate-180"></i>
</a> -->
</div>
</div>
</div>
</div>
<div class="order-2 sm:order-1 lg:order-0">
<div class="features-item vstack justify-between gap-6 xl:gap-8 p-4 xl:p-6 rounded-1-5">
<div class="icon-box w-48px h-48px rounded-1-5 cstack feature-icon bg-primary">
<img class="w-20px xl:w-24px text-white"
src="../assets/images/common/icons/puzzle.svg" alt="feature-icon" data-uc-svg>
</div>
<div class="panel">
<div class="vstack gap-1">
<h3 class="title h5 xl:h4 m-0">Seamless Integration</h3>
<p class="desc fs-7 xl:fs-6 text-opacity-70">Easily integrates with your
existing tools and platforms, making it effortless to set up and use.
</p>
<!-- <a class='uc-link dark:text-secondary fs-7 xl:fs-6 fw-bold hstack gap-1 sm:mt-1'
href='#'>
<span>Learn more</span>
<i class="fa-solid fa-arrow-right rtl:rotate-180"></i>
</a> -->
</div>
</div>
</div>
</div>
<div class="order-1 lg:order-0">
<div
class="features-item vstack justify-between gap-6 xl:gap-8 p-4 xl:p-6 rounded-1-5 bg-gradient-45 from-secondary to-transparent dark:from-gray-700 sm:rounded-start-0 lg:rounded-top-end-0 lg:rounded-start-1-5">
<div class="icon-box w-48px h-48px rounded-1-5 cstack feature-icon bg-primary">
<img class="w-20px xl:w-24px text-white"
src="../assets/images/common/icons/target.svg" alt="feature-icon" data-uc-svg>
</div>
<div class="panel">
<div class="vstack gap-1">
<h3 class="title h5 xl:h4 m-0">AI-Powered Efficiency</h3>
<p class="desc fs-7 xl:fs-6 text-opacity-70">Automates routine tasks,
allowing your team to focus on high-value activities.</p>
<!-- <a class='uc-link dark:text-secondary fs-7 xl:fs-6 fw-bold hstack gap-1 sm:mt-1'
href='#'>
<span>Learn more</span>
<i class="fa-solid fa-arrow-right rtl:rotate-180"></i>
</a> -->
</div>
</div>
</div>
</div>
<div class="order-3 lg:order-0">
<div class="features-item vstack justify-between gap-6 xl:gap-8 p-4 xl:p-6 rounded-1-5">
<div class="icon-box w-48px h-48px rounded-1-5 cstack feature-icon bg-primary">
<img class="w-20px xl:w-24px text-white"
src="../assets/images/common/icons/line-chart.svg" alt="feature-icon"
data-uc-svg>
</div>
<div class="panel">
<div class="vstack gap-1">
<h3 class="title h5 xl:h4 m-0">Customizable and Scalable</h3>
<p class="desc fs-7 xl:fs-6 text-opacity-70">Tailor the chatbot to your
brand’s unique voice and scale effortlessly as your business grows.</p>
<!-- <a class='uc-link dark:text-secondary fs-7 xl:fs-6 fw-bold hstack gap-1 sm:mt-1'
href='#'>
<span>Learn more</span>
<i class="fa-solid fa-arrow-right rtl:rotate-180"></i>
</a> -->
</div>
</div>
</div>
</div>
<div class="order-2 lg:order-0">
<div
class="features-item vstack justify-between gap-6 xl:gap-8 p-4 xl:p-6 rounded-1-5 bg-gradient-45 from-secondary to-transparent dark:from-gray-700 sm:rounded-top-end-0 lg:rounded-top-start-0 lg:rounded-top-end-1-5">
<div class="icon-box w-48px h-48px rounded-1-5 cstack feature-icon bg-primary">
<img class="w-20px xl:w-24px text-white"
src="../assets/images/common/icons/settings.svg" alt="feature-icon" data-uc-svg>
</div>
<div class="panel">
<div class="vstack gap-1">
<h3 class="title h5 xl:h4 m-0">Continuous Updates</h3>
<p class="desc fs-7 xl:fs-6 text-opacity-70">Benefit from our ongoing
product enhancements and new features at no additional cost.</p>
<!-- <a class='uc-link dark:text-secondary fs-7 xl:fs-6 fw-bold hstack gap-1 sm:mt-1'
href='#'>
<span>Learn more</span>
<i class="fa-solid fa-arrow-right rtl:rotate-180"></i>
</a> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Section end -->
<!--Section start -->
<!--<div id="hero_header" class="hero-header section panel overflow-hidden">-->
<!-- <div class="position-absolute top-0 start-0 end-0 min-h-screen overflow-hidden d-none lg:d-block"-->
<!-- data-anime="targets: >*; scale: [0, 1]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: anime.stagger(100, {start: 750});">-->
<!-- <div class="position-absolute top-0 start-0 rotate-45" style="top: 30% !important; left: 18% !important">-->
<!-- <img class="w-32px text-gray-900 dark:text-white" src="../assets/images/template/star-1.svg"-->
<!-- alt="star-1" data-uc-svg>-->
<!-- </div>-->
<!-- <div class="position-absolute top-0 end-0 rotate-45" style="top: 15% !important; right: 18% !important">-->
<!-- <img class="w-24px text-gray-900 dark:text-white" src="../assets/images/template/star-2.svg"-->
<!-- alt="star-2" data-uc-svg>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="section-outer panel ">-->
<!-- <div class="container ">-->
<!-- <div class="section-inner panel mt-2 sm:mt-4 lg:mt-0">-->
<!-- <div class="vstack items-center gap-3 lg:gap-3 mb-3 sm:mb-4 lg:mb-6 max-w-750px mx-auto text-center"-->
<!-- data-anime="targets: >*; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: anime.stagger(100, {start: 200});">-->
<!-- <h2 class="h3 sm:h2 lg:h1 m-0">Simple, scalable <span-->
<!-- class="d-inline-flex px-1 bg-primary text-white -rotate-1 lg:-rotate-2 rounded-1 lg:rounded-1-5">-->
<!-- pricing.</span></h2>-->
<!-- <p class="fs-6 xl:fs-5 text-dark dark:text-white text-opacity-70">No extra charges. No-->
<!-- hidden fees.</p>-->
<!-- <ul class="uc-switcher-nav nav-x gap-0 p-narrow border rounded-2 fs-7 fw-medium"-->
<!-- data-uc-switcher="connect: .pricing-switcher;">-->
<!-- <li><a href="#" class="text-none w-128px cstack p-1">Monthly</a></li>-->
<!-- <li><a href="#" class="text-none w-128px cstack p-1">Yearly</a></li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- <div class="uc-switcher pricing-switcher mt-4">-->
<!-- <div>-->
<!-- <div class="row child-cols-12 sm:child-cols-6 xl:child-cols-3 col-match justify-center g-2 lg:g-4"-->
<!-- data-anime="onview: -100; targets: >*; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: anime.stagger(100, {start: 400});">-->
<!-- <div>-->
<!-- <div-->
<!-- class="tier panel vstack gap-2 xl:gap-4 px-3 py-4 sm:p-4 lg:p-4 rounded lg:rounded-2 bg-secondary dark:bg-gray-800">-->
<!-- <div class="panel">-->
<!-- <h3 class="title h5 sm:h4 dark:text-white">Free Tier</h3>-->
<!-- <p class="desc dark:text-whiteopacity-70 dark:opacity-80">For creating-->
<!-- tools that generate results.</p>-->
<!-- </div>-->
<!-- <div class="panel">-->
<!-- <div class="panel vstack gap-narrow">-->
<!-- <h5 class="title h3 sm:h2 m-0 dark:text-white">$0</h5>-->
<!-- <span class="fs-7 opacity-70">Cost per month</span>-->
<!-- <div class="vstack gap-1 justify-center text-center mt-3">-->
<!-- <a class='btn btn-md sm:btn-sm lg:btn-md btn-primary text-white'-->
<!-- href='#'>Start a free trial</a>-->
<!-- <span class="fs-7 opacity-70 min-h-24px">No credit card-->
<!-- required</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="panel">-->
<!-- <div class="panel vstack gap-2">-->
<!-- <span class="fs-6 fw-bold dark:text-white">Key features:</span>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>Unlimited Users</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>Everything in Brexa</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>200 Contacts</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>No Restrictions</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>No Contracts / No Risk</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>Upgrade at any time</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div>-->
<!-- <div-->
<!-- class="tier panel vstack gap-2 xl:gap-4 px-3 py-4 sm:p-4 lg:p-4 rounded lg:rounded-2 bg-secondary dark:bg-gray-800">-->
<!-- <span-->
<!-- class="position-absolute top-0 ltr:end-0 rtl:start-0 m-2 d-inline-flex py-narrow px-1 bg-primary rounded-1 text-white fs-7 fw-medium">Popular</span>-->
<!-- <div class="panel">-->
<!-- <h3 class="title h5 sm:h4 dark:text-white">Ignite</h3>-->
<!-- <p class="desc dark:text-whiteopacity-70 dark:opacity-80">For seamless-->
<!-- integrations and sending tools in bulk.</p>-->
<!-- </div>-->
<!-- <div class="panel">-->
<!-- <div class="panel vstack gap-narrow">-->
<!-- <h5 class="title h3 sm:h2 m-0 dark:text-white">$149</h5>-->
<!-- <span class="fs-7 opacity-70">Cost per month</span>-->
<!-- <div class="vstack gap-1 justify-center text-center mt-3">-->
<!-- <a class='btn btn-md sm:btn-sm lg:btn-md btn-primary text-white'-->
<!-- href='#'>Start a free trial</a>-->
<!-- <span class="fs-7 opacity-70 min-h-24px">No credit card-->
<!-- required</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="panel">-->
<!-- <div class="panel vstack gap-2">-->
<!-- <span class="fs-6 fw-bold dark:text-white">Key features:</span>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>Unlimited Users</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>Everything in Brexa</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>1500 Contacts</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>$15 For every 200 Contacts</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>No Restrictions</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>No Contracts / No Risk</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>Upgrade at any time</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div>-->
<!-- <div-->
<!-- class="tier panel vstack gap-2 xl:gap-4 px-3 py-4 sm:p-4 lg:p-4 rounded lg:rounded-2 bg-secondary dark:bg-gray-800">-->
<!-- <div class="panel">-->
<!-- <h3 class="title h5 sm:h4 dark:text-white">Grow</h3>-->
<!-- <p class="desc dark:text-whiteopacity-70 dark:opacity-80">For seamless-->
<!-- integrations and sending tools in bulk.</p>-->
<!-- </div>-->
<!-- <div class="panel">-->
<!-- <div class="panel vstack gap-narrow">-->
<!-- <h5 class="title h3 sm:h2 m-0 dark:text-white">$249</h5>-->
<!-- <span class="fs-7 opacity-70">Cost per month</span>-->
<!-- <div class="vstack gap-1 justify-center text-center mt-3">-->
<!-- <a class='btn btn-md sm:btn-sm lg:btn-md btn-primary text-white'-->
<!-- href='#'>Start a free trial</a>-->
<!-- <span class="fs-7 opacity-70 min-h-24px">No credit card-->
<!-- required</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="panel">-->
<!-- <div class="panel vstack gap-2">-->
<!-- <span class="fs-6 fw-bold dark:text-white">Key features:</span>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>Unlimited Users</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>Everything in Brexa</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>3000 Contacts</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>$10 for every 200 contacts</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>No Contracts / No Risk</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>Upgrade at any time</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div>-->
<!-- <div-->
<!-- class="tier panel vstack gap-2 xl:gap-4 px-3 py-4 sm:p-4 lg:p-4 rounded lg:rounded-2 bg-secondary dark:bg-gray-800 justify-center text-center">-->
<!-- <div class="panel">-->
<!-- <h3 class="title h5 sm:h4 dark:text-white">Scale</h3>-->
<!-- <p class="desc dark:text-whiteopacity-70 dark:opacity-80">For large-->
<!-- companies with complex Tool workflows.</p>-->
<!-- </div>-->
<!-- <div class="panel">-->
<!-- <div class="panel vstack gap-narrow">-->
<!-- <h5 class="title h3 sm:h2 m-0 dark:text-white">Let’s talk</h5>-->
<!-- <span class="fs-7 opacity-70">Per‑month or per‑year pricing</span>-->
<!-- <div class="vstack gap-1 justify-center text-center mt-3">-->
<!-- <a class='btn btn-md sm:btn-sm lg:btn-md btn-dark text-white dark:bg-white dark:text-dark dark:hover:bg-secondary'-->
<!-- href='#'>Talk to us</a>-->
<!-- <span class="fs-7 opacity-70 min-h-24px">Respond within 24 hrs-->
<!-- max</span>-->
<!-- </div>-->
<!-- <div class="mt-3 mx-auto">-->
<!-- <img class="w-200px lg:w-228px d-block dark:d-none"-->
<!-- src="../assets/images/template/money.svg" alt="money">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div>-->
<!-- <div class="row child-cols-12 sm:child-cols-6 xl:child-cols-3 col-match justify-center g-2 lg:g-4"-->
<!-- data-anime="onview: -100; targets: >*; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: anime.stagger(100, {start: 400});">-->
<!-- <div>-->
<!-- <div-->
<!-- class="tier panel vstack gap-2 xl:gap-4 px-3 py-4 sm:p-4 lg:p-4 rounded lg:rounded-2 bg-secondary dark:bg-gray-800">-->
<!-- <div class="panel">-->
<!-- <h3 class="title h5 sm:h4 dark:text-white">Free Tier</h3>-->
<!-- <p class="desc dark:text-whiteopacity-70 dark:opacity-80">For creating-->
<!-- tools that generate results.</p>-->
<!-- </div>-->
<!-- <div class="panel">-->
<!-- <div class="panel vstack gap-narrow">-->
<!-- <h5 class="title h3 sm:h2 m-0 dark:text-white">$0</h5>-->
<!-- <span class="fs-7 opacity-70">Cost per month</span>-->
<!-- <div class="vstack gap-1 justify-center text-center mt-3">-->
<!-- <a class='btn btn-md sm:btn-sm lg:btn-md btn-primary text-white'-->
<!-- href='#'>Start a free trial</a>-->
<!-- <span class="fs-7 opacity-70 min-h-24px">No credit card-->
<!-- required</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="panel">-->
<!-- <div class="panel vstack gap-2">-->
<!-- <span class="fs-6 fw-bold dark:text-white">Key features:</span>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>Unlimited Users</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>Everything in Brexa</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>200 Contacts</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>No Restrictions</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>No Contracts / No Risk</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>Upgrade at any time</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div>-->
<!-- <div-->
<!-- class="tier panel vstack gap-2 xl:gap-4 px-3 py-4 sm:p-4 lg:p-4 rounded lg:rounded-2 bg-secondary dark:bg-gray-800">-->
<!-- <span-->
<!-- class="position-absolute top-0 ltr:end-0 rtl:start-0 m-2 d-inline-flex py-narrow px-1 bg-primary rounded-1 text-white fs-7 fw-medium">Popular</span>-->
<!-- <div class="panel">-->
<!-- <h3 class="title h5 sm:h4 dark:text-white">Ignite</h3>-->
<!-- <p class="desc dark:text-whiteopacity-70 dark:opacity-80">For seamless-->
<!-- integrations and sending tools in bulk.</p>-->
<!-- </div>-->
<!-- <div class="panel">-->
<!-- <div class="panel vstack gap-narrow">-->
<!-- <h5 class="title h3 sm:h2 m-0 dark:text-white">$1788 <small-->
<!-- class="fs-5 text-primary">20%-->
<!-- Off</small> </h5>-->
<!-- <span class="fs-7 opacity-70">Cost per year</span>-->
<!-- <div class="vstack gap-1 justify-center text-center mt-3">-->
<!-- <a class='btn btn-md sm:btn-sm lg:btn-md btn-primary text-white'-->
<!-- href='#'>Start a free trial</a>-->
<!-- <span class="fs-7 opacity-70 min-h-24px">No credit card-->
<!-- required</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="panel">-->
<!-- <div class="panel vstack gap-2">-->
<!-- <span class="fs-6 fw-bold dark:text-white">Key features:</span>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>Unlimited Users</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>Everything in Brexa</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>1500 Contacts</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>$15 For every 200 Contacts</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>No Restrictions</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>No Contracts / No Risk</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>Upgrade at any time</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div>-->
<!-- <div-->
<!-- class="tier panel vstack gap-2 xl:gap-4 px-3 py-4 sm:p-4 lg:p-4 rounded lg:rounded-2 bg-secondary dark:bg-gray-800">-->
<!-- <div class="panel">-->
<!-- <h3 class="title h5 sm:h4 dark:text-white">Grow</h3>-->
<!-- <p class="desc dark:text-whiteopacity-70 dark:opacity-80">For seamless-->
<!-- integrations and sending tools in bulk.</p>-->
<!-- </div>-->
<!-- <div class="panel">-->
<!-- <div class="panel vstack gap-narrow">-->
<!-- <h5 class="title h3 sm:h2 m-0 dark:text-white">$2988 <small-->
<!-- class="fs-5 text-primary">20%-->
<!-- Off</small> </h5>-->
<!-- <span class="fs-7 opacity-70">Cost per year</span>-->
<!-- <div class="vstack gap-1 justify-center text-center mt-3">-->
<!-- <a class='btn btn-md sm:btn-sm lg:btn-md btn-primary text-white'-->
<!-- href='#'>Start a free trial</a>-->
<!-- <span class="fs-7 opacity-70 min-h-24px">No credit card-->
<!-- required</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="panel">-->
<!-- <div class="panel vstack gap-2">-->
<!-- <span class="fs-6 fw-bold dark:text-white">Key features:</span>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>Unlimited Users</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>Everything in Brexa</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>3000 Contacts</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>$10 for every 200 contacts</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>No Contracts / No Risk</span>-->
<!-- </div>-->
<!-- <div class="hstack gap-1 fs-7">-->
<!-- <i class="fa-solid fa-circle-check text-primary fa-lg"></i>-->
<!-- <span>Upgrade at any time</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div>-->
<!-- <div-->
<!-- class="tier panel vstack gap-2 xl:gap-4 px-3 py-4 sm:p-4 lg:p-4 rounded lg:rounded-2 bg-secondary dark:bg-gray-800 justify-center text-center">-->
<!-- <div class="panel">-->
<!-- <h3 class="title h5 sm:h4 dark:text-white">Scale</h3>-->
<!-- <p class="desc dark:text-whiteopacity-70 dark:opacity-80">For large-->
<!-- companies with complex Tool workflows.</p>-->
<!-- </div>-->
<!-- <div class="panel">-->
<!-- <div class="panel vstack gap-narrow">-->
<!-- <h5 class="title h3 sm:h2 m-0 dark:text-white">Let’s talk</h5>-->
<!-- <span class="fs-7 opacity-70">Per‑month or per‑year pricing</span>-->
<!-- <div class="vstack gap-1 justify-center text-center mt-3">-->
<!-- <a class='btn btn-md sm:btn-sm lg:btn-md btn-dark text-white dark:bg-white dark:text-dark dark:hover:bg-secondary'-->
<!-- href='#'>Talk to us</a>-->
<!-- <span class="fs-7 opacity-70 min-h-24px">Respond within 24 hrs-->
<!-- max</span>-->
<!-- </div>-->
<!-- <div class="mt-3 mx-auto">-->
<!-- <img class="w-200px lg:w-228px d-block dark:d-none"-->
<!-- src="../assets/images/template/money.svg" alt="money">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <p class="text-center text-gray-900 dark:text-white text-opacity-70 mt-4 sm:mt-6 xl:mt-8"-->
<!-- data-anime="onview: -100; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: 0;">-->
<!-- Prices exclude any applicable taxes.</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
<!--Pricing secttion start-->
<div id="hero_header" class="hero-header section panel overflow-hidden">
<div class="position-absolute top-0 start-0 end-0 min-h-screen overflow-hidden d-none lg:d-block"
data-anime="targets: >*; scale: [0, 1]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: anime.stagger(100, {start: 750});">
<div class="position-absolute top-0 start-0 rotate-45" style="top: 30% !important; left: 18% !important">
<img class="w-32px text-gray-900 dark:text-white" src="../assets/images/template/star-1.svg"
alt="star-1" data-uc-svg>
</div>
<div class="position-absolute top-0 end-0 rotate-45" style="top: 15% !important; right: 18% !important">
<img class="w-24px text-gray-900 dark:text-white" src="../assets/images/template/star-2.svg"
alt="star-2" data-uc-svg>
</div>
</div>
<div class="section-outer panel">
<div class="container ">
<div class="section-inner panel mt-2 sm:mt-4 lg:mt-0">
<div class="vstack items-center gap-3 lg:gap-3 mb-3 sm:mb-4 lg:mb-6 max-w-750px mx-auto text-center"
data-anime="targets: >*; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: anime.stagger(100, {start: 200});">
<h2 class="h3 sm:h2 lg:h1 m-0">Simple, scalable <span
class="d-inline-flex px-1 bg-primary text-white -rotate-1 lg:-rotate-2 rounded-1 lg:rounded-1-5">
pricing.</span></h2>
<p class="fs-6 xl:fs-5 text-dark dark:text-white text-opacity-70">No extra charges. No
hidden fees.</p>
<ul class="uc-switcher-nav nav-x gap-0 p-narrow border rounded-2 fs-7 fw-medium"
data-uc-switcher="connect: .pricing-switcher;">
<li><a href="#" class="text-none w-128px cstack p-1">Monthly</a></li>
<li><a href="#" class="text-none w-128px cstack p-1">Yearly</a></li>
<!-- <li><a href="#" class="text-none w-128px cstack p-1">Lifetime Deals</a></li> -->
</ul>
<ul class="uc-switcher-nav nav-x gap-0 p-narrow border rounded-2 fs-8 fw-medium currency-switcher">
<li><a href="#" class="text-none w-100px cstack p-1 active" data-currency="USD">USD</a></li>
<li><a href="#" class="text-none w-100px cstack p-1" data-currency="INR">INR</a></li>
</ul>
</div>
<div class="uc-switcher pricing-switcher mt-4">
<div>
<div class="row child-cols-12 sm:child-cols-6 xl:child-cols-4 col-match justify-center g-2 lg:g-4"
data-anime="onview: -100; targets: >*; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: anime.stagger(100, {start: 400});">
<div>
<div
class="tier panel vstack gap-2 xl:gap-4 px-3 py-4 sm:p-4 lg:p-4 rounded lg:rounded-2 bg-secondary dark:bg-gray-800">
<div class="panel">
<h3 class="title h5 sm:h4 dark:text-white">Ignite</h3>
</div>
<div class="panel">
<div class="panel vstack gap-narrow">
<h5 class="title h3 sm:h2 m-0 dark:text-white" id="priceIgniteId" data-price-usd="59" data-price-inr="4999">₹4999</h5>
<span class="fs-7 opacity-70">Cost per month</span>
<div class="vstack gap-1 justify-center text-center mt-3">
<a class='btn btn-md sm:btn-sm lg:btn-md btn-primary text-white'
href='https://app.brexa.ai/signup'>Sign Up</a>
<span class="fs-7 opacity-70 min-h-24px">No credit card
required</span>
</div>
</div>
</div>
<div class="panel">
<div class="panel vstack gap-2">
<span class="fs-6 fw-bold dark:text-white">Key features:</span>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Staff</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Agents</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>2000 Contacts</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>CRM</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Flows or Pipelines</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Sell Products or Services</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Appointments & Meetings Scheduler</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Task Boards</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Web & Smart Forms</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Shared Team Inbox</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Omni Channel Conversations & Live Chat</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Work Flow Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Whats app+ SMS+ Cold Email Outreach Marketing Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Advanced Chat bot Builder</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>AI Assist</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>24/7 Live Chat Support</span>
</div>
</div>
</div>
</div>
</div>
<div>
<div
class="tier panel vstack gap-2 xl:gap-4 px-3 py-4 sm:p-4 lg:p-4 rounded lg:rounded-2 bg-secondary dark:bg-gray-800">
<span
class="position-absolute top-0 ltr:end-0 rtl:start-0 m-2 d-inline-flex py-narrow px-1 bg-primary rounded-1 text-white fs-7 fw-medium">Popular</span>
<div class="panel">
<h3 class="title h5 sm:h4 dark:text-white">Grow</h3>
</div>
<div class="panel">
<div class="panel vstack gap-narrow">
<h5 class="title h3 sm:h2 m-0 dark:text-white" id="priceGrowId" data-price-usd="99" data-price-inr="8499">₹8499</h5>
<span class="fs-7 opacity-70">Cost per month</span>
<div class="vstack gap-1 justify-center text-center mt-3">
<a class='btn btn-md sm:btn-sm lg:btn-md btn-primary text-white'
href='https://app.brexa.ai/signup'>Sign Up</a>
<span class="fs-7 opacity-70 min-h-24px">No credit card
required</span>
</div>
</div>
</div>
<div class="panel">
<div class="panel vstack gap-2">
<span class="fs-6 fw-bold dark:text-white">Key features:</span>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Staff</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Agents</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>4000 Contacts</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>CRM</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Flows or Pipelines</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Sell Products or Services</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Appointments & Meetings Scheduler</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Task Boards</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Web & Smart Forms</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Shared Team Inbox</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Omni Channel Conversations & Live Chat</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Work Flow Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Whats app+ SMS+ Cold Email Outreach Marketing Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Advanced Chat bot Builder</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>AI Assist</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>24/7 Live Chat Support</span>
</div>
</div>
</div>
</div>
</div>
<div>
<div
class="tier panel vstack gap-2 xl:gap-4 px-3 py-4 sm:p-4 lg:p-4 rounded lg:rounded-2 bg-secondary dark:bg-gray-800">
<div class="panel">
<h3 class="title h5 sm:h4 dark:text-white">Scale</h3>
</div>
<div class="panel">
<div class="panel vstack gap-narrow">
<h5 class="title h3 sm:h2 m-0 dark:text-white" id="priceScaleId" data-price-usd="199" data-price-inr="12499">₹12499</h5>
<span class="fs-7 opacity-70">Cost per month</span>
<div class="vstack gap-1 justify-center text-center mt-3">
<a class='btn btn-md sm:btn-sm lg:btn-md btn-primary text-white'
href='https://app.brexa.ai/signup'>Sign Up</a>
<span class="fs-7 opacity-70 min-h-24px">No credit card
required</span>
</div>
</div>
</div>
<div class="panel">
<div class="panel vstack gap-2">
<span class="fs-6 fw-bold dark:text-white">Key features:</span>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Staff</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Agents</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>10000 Contacts</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>CRM</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Flows or Pipelines</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Sell Products or Services</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Appointments & Meetings Scheduler</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Task Boards</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Web & Smart Forms</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Shared Team Inbox</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Omni Channel Conversations & Live Chat</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Work Flow Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Whats app+ SMS+ Cold Email Outreach Marketing Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Advanced Chat bot Builder</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>AI Assist</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>24/7 Live Chat Support</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="row child-cols-12 sm:child-cols-6 xl:child-cols-4 col-match justify-center g-2 lg:g-4"
data-anime="onview: -100; targets: >*; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: anime.stagger(100, {start: 400});">
<div>
<div
class="tier panel vstack gap-2 xl:gap-4 px-3 py-4 sm:p-4 lg:p-4 rounded lg:rounded-2 bg-secondary dark:bg-gray-800">
<div class="panel">
<h3 class="title h5 sm:h4 dark:text-white">Ignite</h3>
</div>
<div class="panel">
<div class="panel vstack gap-narrow">
<h5 class="title h3 sm:h2 m-0 dark:text-white" id="priceIgniteIdy" data-price-usd="566" data-price-inr="47599">₹47599 </h5>
<span class="fs-5 text-primary fw-bold"><small> 20% Off</small></span>
<span class="fs-7 opacity-70">Cost per year</span>
<div class="vstack gap-1 justify-center text-center mt-3">
<a class='btn btn-md sm:btn-sm lg:btn-md btn-primary text-white'
href='https://app.brexa.ai/signup'>Sign Up</a>
<span class="fs-7 opacity-70 min-h-24px">No credit card
required</span>
</div>
</div>
</div>
<div class="panel">
<div class="panel vstack gap-2">
<span class="fs-6 fw-bold dark:text-white">Key features:</span>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Staff</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Agents</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>2000 Contacts</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>CRM</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Flows or Pipelines</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Sell Products or Services</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Appointments & Meetings Scheduler</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Task Boards</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Web & Smart Forms</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Shared Team Inbox</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Omni Channel Conversations & Live Chat</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Work Flow Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Whats app+ SMS+ Cold Email Outreach Marketing Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Advanced Chat bot Builder</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>AI Assist</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>24/7 Live Chat Support</span>
</div>
</div>
</div>
</div>
</div>
<div>
<div
class="tier panel vstack gap-2 xl:gap-4 px-3 py-4 sm:p-4 lg:p-4 rounded lg:rounded-2 bg-secondary dark:bg-gray-800">
<span
class="position-absolute top-0 ltr:end-0 rtl:start-0 m-2 d-inline-flex py-narrow px-1 bg-primary rounded-1 text-white fs-7 fw-medium">Popular</span>
<div class="panel">
<h3 class="title h5 sm:h4 dark:text-white">Grow</h3>
</div>
<div class="panel">
<div class="panel vstack gap-narrow">
<h5 class="title h3 sm:h2 m-0 dark:text-white" id="priceGrowIdy" data-price-usd="950" data-price-inr="79999">₹79999 </h5>
<span class="fs-5 text-primary fw-bold"><small> 20% Off</small></span>
<span class="fs-7 opacity-70">Cost per year</span>
<div class="vstack gap-1 justify-center text-center mt-3">
<a class='btn btn-md sm:btn-sm lg:btn-md btn-primary text-white'
href='https://app.brexa.ai/signup'>Sign Up</a>
<span class="fs-7 opacity-70 min-h-24px">No credit card
required</span>
</div>
</div>
</div>
<div class="panel">
<div class="panel vstack gap-2">
<span class="fs-6 fw-bold dark:text-white">Key features:</span>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Staff</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Agents</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>4000 Contacts</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>CRM</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Flows or Pipelines</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Sell Products or Services</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Appointments & Meetings Scheduler</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Task Boards</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Web & Smart Forms</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Shared Team Inbox</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Omni Channel Conversations & Live Chat</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Work Flow Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Whats app+ SMS+ Cold Email Outreach Marketing Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Advanced Chat bot Builder</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>AI Assist</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>24/7 Live Chat Support</span>
</div>
</div>
</div>
</div>
</div>
<div>
<div
class="tier panel vstack gap-2 xl:gap-4 px-3 py-4 sm:p-4 lg:p-4 rounded lg:rounded-2 bg-secondary dark:bg-gray-800">
<div class="panel">
<h3 class="title h5 sm:h4 dark:text-white">Scale</h3>
</div>
<div class="panel">
<div class="panel vstack gap-narrow">
<h5 class="title h3 sm:h2 m-0 dark:text-white" id="priceScaleIdy" data-price-usd="1400" data-price-inr="118499">₹118499</h5>
<span class="fs-5 text-primary fw-bold"><small> 20% Off</small></span>
<span class="fs-7 opacity-70">Cost per year</span>
<div class="vstack gap-1 justify-center text-center mt-3">
<a class='btn btn-md sm:btn-sm lg:btn-md btn-primary text-white'
href='https://app.brexa.ai/signup'>Sign Up</a>
<span class="fs-7 opacity-70 min-h-24px">No credit card
required</span>
</div>
</div>
</div>
<div class="panel">
<div class="panel vstack gap-2">
<span class="fs-6 fw-bold dark:text-white">Key features:</span>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Staff</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Agents</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>10000 Contacts</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>CRM</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Flows or Pipelines</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Sell Products or Services</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Appointments & Meetings Scheduler</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Task Boards</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Web & Smart Forms</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Shared Team Inbox</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Omni Channel Conversations & Live Chat</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Work Flow Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Whats app+ SMS+ Cold Email Outreach Marketing Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Advanced Chat bot Builder</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>AI Assist</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>24/7 Live Chat Support</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div>
<div class="row child-cols-12 sm:child-cols-6 xl:child-cols-4 col-match justify-center g-2 lg:g-4"
data-anime="onview: -100; targets: >*; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: anime.stagger(100, {start: 400});">
<div>
<div
class="tier panel vstack gap-2 xl:gap-4 px-3 py-4 sm:p-4 lg:p-4 rounded lg:rounded-2 bg-secondary dark:bg-gray-800">
<div class="panel">
<h3 class="title h5 sm:h4 dark:text-white">Ignite</h3>
</div>
<div class="panel">
<div class="panel vstack gap-narrow">
<h5 class="title h3 sm:h2 m-0 dark:text-white" id="pricelifeIgniteId" data-price-usd="97" data-price-inr="8199">₹8199</h5>
<span class="fs-7 opacity-70">One time payment</span>
<div class="vstack gap-1 justify-center text-center mt-3">
<a class='btn btn-md sm:btn-sm lg:btn-md btn-primary text-white'
href='#'>Start a free trial</a>
<span class="fs-7 opacity-70 min-h-24px">No credit card
required</span>
</div>
</div>
</div>
<div class="panel">
<div class="panel vstack gap-2">
<span class="fs-6 fw-bold dark:text-white">Key features:</span>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Staff</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Agents</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>3000 Contacts</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>CRM</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Flows or Pipelines</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Sell Products or Services</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Appointments & Meetings Scheduler</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Task Boards</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Web & Smart Forms</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Shared Team Inbox</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Omni Channel Conversations & Live Chat</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Work Flow Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Whats app+ SMS+ Cold Email Outreach Marketing Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Advanced Chat bot Builder</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>AI Assist</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>24/7 Live Chat Support</span>
</div>
</div>
</div>
</div>
</div>
<div>
<div
class="tier panel vstack gap-2 xl:gap-4 px-3 py-4 sm:p-4 lg:p-4 rounded lg:rounded-2 bg-secondary dark:bg-gray-800">
<span
class="position-absolute top-0 ltr:end-0 rtl:start-0 m-2 d-inline-flex py-narrow px-1 bg-primary rounded-1 text-white fs-7 fw-medium">Popular</span>
<div class="panel">
<h3 class="title h5 sm:h4 dark:text-white">Grow</h3>
</div>
<div class="panel">
<div class="panel vstack gap-narrow">
<h5 class="title h3 sm:h2 m-0 dark:text-white" id="pricelifeGrowId" data-price-usd="147" data-price-inr="12399">₹12399</h5>
<span class="fs-7 opacity-70">One time payment</span>
<div class="vstack gap-1 justify-center text-center mt-3">
<a class='btn btn-md sm:btn-sm lg:btn-md btn-primary text-white'
href='#'>Start a free trial</a>
<span class="fs-7 opacity-70 min-h-24px">No credit card
required</span>
</div>
</div>
</div>
<div class="panel">
<div class="panel vstack gap-2">
<span class="fs-6 fw-bold dark:text-white">Key features:</span>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Staff</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Agents</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>6000 Contacts</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>CRM</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Flows or Pipelines</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Sell Products or Services</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Appointments & Meetings Scheduler</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Task Boards</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Web & Smart Forms</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Shared Team Inbox</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Omni Channel Conversations & Live Chat</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Work Flow Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Whats app+ SMS+ Cold Email Outreach Marketing Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Advanced Chat bot Builder</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>AI Assist</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>24/7 Live Chat Support</span>
</div>
</div>
</div>
</div>
</div>
<div>
<div
class="tier panel vstack gap-2 xl:gap-4 px-3 py-4 sm:p-4 lg:p-4 rounded lg:rounded-2 bg-secondary dark:bg-gray-800">
<div class="panel">
<h3 class="title h5 sm:h4 dark:text-white">Scale</h3>
</div>
<div class="panel">
<div class="panel vstack gap-narrow">
<h5 class="title h3 sm:h2 m-0 dark:text-white" id="pricelifeScaleId" data-price-usd="197" data-price-inr="16599">₹16599</h5>
<span class="fs-7 opacity-70">One time payment</span>
<div class="vstack gap-1 justify-center text-center mt-3">
<a class='btn btn-md sm:btn-sm lg:btn-md btn-primary text-white'
href='#'>Start a free trial</a>
<span class="fs-7 opacity-70 min-h-24px">No credit card
required</span>
</div>
</div>
</div>
<div class="panel">
<div class="panel vstack gap-2">
<span class="fs-6 fw-bold dark:text-white">Key features:</span>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Staff</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Agents</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>10000 Contacts</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>CRM</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Flows or Pipelines</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Sell Products or Services</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Appointments & Meetings Scheduler</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Task Boards</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Web & Smart Forms</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Shared Team Inbox</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Omni Channel Conversations & Live Chat</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Work Flow Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Whats app+ SMS+ Cold Email Outreach Marketing Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Advanced Chat bot Builder</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>AI Assist</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>24/7 Live Chat Support</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div> -->
</div>
<p class="text-center text-gray-900 dark:text-white text-opacity-70 mt-4 sm:mt-4 xl:mt-4"
data-anime="onview: -100; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: 0;">
Prices exclude any applicable taxes.</p>
</div>
</div>
</div>
</div>
<!-- <div id="hero_header" class="hero-header section panel overflow-hidden">
<div class="position-absolute top-0 start-0 end-0 min-h-screen overflow-hidden d-none lg:d-block"
data-anime="targets: >*; scale: [0, 1]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: anime.stagger(100, {start: 750});">
<div class="position-absolute top-0 start-0 rotate-45" style="top: 30% !important; left: 18% !important">
<img class="w-32px text-gray-900 dark:text-white" src="../assets/images/template/star-1.svg"
alt="star-1" data-uc-svg>
</div>
<div class="position-absolute top-0 end-0 rotate-45" style="top: 15% !important; right: 18% !important">
<img class="w-24px text-gray-900 dark:text-white" src="../assets/images/template/star-2.svg"
alt="star-2" data-uc-svg>
</div>
</div>
<div class="section-outer panel ">
<div class="container ">
<div class="section-inner panel mt-2 sm:mt-4 lg:mt-0">
<div class="vstack items-center gap-3 lg:gap-3 mb-3 sm:mb-4 lg:mb-6 max-w-750px mx-auto text-center"
data-anime="targets: >*; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: anime.stagger(100, {start: 200});">
<h2 class="h3 sm:h2 lg:h1 m-0">Simple, scalable <span
class="d-inline-flex px-1 bg-primary text-white -rotate-1 lg:-rotate-2 rounded-1 lg:rounded-1-5">
pricing.</span></h2>
<p class="fs-6 xl:fs-5 text-dark dark:text-white text-opacity-70">No extra charges. No
hidden fees.</p>
<ul class="uc-switcher-nav nav-x gap-0 p-narrow border rounded-2 fs-7 fw-medium"
data-uc-switcher="connect: .pricing-switcher;">
<li><a href="#" class="text-none w-128px cstack p-1">Monthly</a></li>
<li><a href="#" class="text-none w-128px cstack p-1">Yearly</a></li>
</ul>
</div>
<div class="uc-switcher pricing-switcher mt-4">
<div>
<div class="row child-cols-12 sm:child-cols-6 xl:child-cols-4 col-match justify-center g-2 lg:g-4"
data-anime="onview: -100; targets: >*; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: anime.stagger(100, {start: 400});">
<div>
<div
class="tier panel vstack gap-2 xl:gap-4 px-3 py-4 sm:p-4 lg:p-4 rounded lg:rounded-2 bg-secondary dark:bg-gray-800">
<div class="panel">
<h3 class="title h5 sm:h4 dark:text-white">Ignite</h3>
</div>
<div class="panel">
<div class="panel vstack gap-narrow">
<h5 class="title h3 sm:h2 m-0 dark:text-white" id="priceIgniteId">$59</h5>
<span class="fs-7 opacity-70">Cost per month</span>
<div class="vstack gap-1 justify-center text-center mt-3">
<a class='btn btn-md sm:btn-sm lg:btn-md btn-primary text-white'
href='https://app.brexa.ai/signup'>Sign Up</a>
<span class="fs-7 opacity-70 min-h-24px">No credit card
required</span>
</div>
</div>
</div>
<div class="panel">
<div class="panel vstack gap-2">
<span class="fs-6 fw-bold dark:text-white">Key features:</span>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Staff</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Agents</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>2000 Contacts</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>CRM</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Flows or Pipelines</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Sell Products or Services</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Appointments & Meetings Scheduler</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Task Boards</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Web & Smart Forms</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Shared Team Inbox</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Omni Channel Conversations & Live Chat</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Work Flow Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Whats app+ SMS+ Cold Email Outreach Marketing Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Advanced Chat bot Builder</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>AI Assist</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>24/7 Live Chat Support</span>
</div>
</div>
</div>
</div>
</div>
<div>
<div
class="tier panel vstack gap-2 xl:gap-4 px-3 py-4 sm:p-4 lg:p-4 rounded lg:rounded-2 bg-secondary dark:bg-gray-800">
<span
class="position-absolute top-0 ltr:end-0 rtl:start-0 m-2 d-inline-flex py-narrow px-1 bg-primary rounded-1 text-white fs-7 fw-medium">Popular</span>
<div class="panel">
<h3 class="title h5 sm:h4 dark:text-white">Grow</h3>
</div>
<div class="panel">
<div class="panel vstack gap-narrow">
<h5 class="title h3 sm:h2 m-0 dark:text-white" id="priceGrowId">$99</h5>
<span class="fs-7 opacity-70">Cost per month</span>
<div class="vstack gap-1 justify-center text-center mt-3">
<a class='btn btn-md sm:btn-sm lg:btn-md btn-primary text-white'
href='https://app.brexa.ai/signup'>Sign Up</a>
<span class="fs-7 opacity-70 min-h-24px">No credit card
required</span>
</div>
</div>
</div>
<div class="panel">
<div class="panel vstack gap-2">
<span class="fs-6 fw-bold dark:text-white">Key features:</span>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Staff</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Agents</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>4000 Contacts</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>CRM</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Flows or Pipelines</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Sell Products or Services</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Appointments & Meetings Scheduler</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Task Boards</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Web & Smart Forms</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Shared Team Inbox</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Omni Channel Conversations & Live Chat</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Work Flow Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Whats app+ SMS+ Cold Email Outreach Marketing Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Advanced Chat bot Builder</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>AI Assist</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>24/7 Live Chat Support</span>
</div>
</div>
</div>
</div>
</div>
<div>
<div
class="tier panel vstack gap-2 xl:gap-4 px-3 py-4 sm:p-4 lg:p-4 rounded lg:rounded-2 bg-secondary dark:bg-gray-800">
<div class="panel">
<h3 class="title h5 sm:h4 dark:text-white">Scale</h3>
</div>
<div class="panel">
<div class="panel vstack gap-narrow">
<h5 class="title h3 sm:h2 m-0 dark:text-white" id="priceScaleId">$147</h5>
<span class="fs-7 opacity-70">Cost per month</span>
<div class="vstack gap-1 justify-center text-center mt-3">
<a class='btn btn-md sm:btn-sm lg:btn-md btn-primary text-white'
href='https://app.brexa.ai/signup'>Sign Up</a>
<span class="fs-7 opacity-70 min-h-24px">No credit card
required</span>
</div>
</div>
</div>
<div class="panel">
<div class="panel vstack gap-2">
<span class="fs-6 fw-bold dark:text-white">Key features:</span>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Staff</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Agents</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>10000 Contacts</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>CRM</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Flows or Pipelines</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Sell Products or Services</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Appointments & Meetings Scheduler</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Task Boards</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Web & Smart Forms</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Shared Team Inbox</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Omni Channel Conversations & Live Chat</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Work Flow Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Whats app+ SMS+ Cold Email Outreach Marketing Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Advanced Chat bot Builder</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>AI Assist</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>24/7 Live Chat Support</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="row child-cols-12 sm:child-cols-6 xl:child-cols-4 col-match justify-center g-2 lg:g-4"
data-anime="onview: -100; targets: >*; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: anime.stagger(100, {start: 400});">
<div>
<div
class="tier panel vstack gap-2 xl:gap-4 px-3 py-4 sm:p-4 lg:p-4 rounded lg:rounded-2 bg-secondary dark:bg-gray-800">
<div class="panel">
<h3 class="title h5 sm:h4 dark:text-white">Ignite</h3>
</div>
<div class="panel">
<div class="panel vstack gap-narrow">
<h5 class="title h3 sm:h2 m-0 dark:text-white" id="priceIgniteIdy">$566 <small
class="fs-5 text-primary">20%
Off</small></h5>
<span class="fs-7 opacity-70">Cost per year</span>
<div class="vstack gap-1 justify-center text-center mt-3">
<a class='btn btn-md sm:btn-sm lg:btn-md btn-primary text-white'
href='https://app.brexa.ai/signup'>Sign Up</a>
<span class="fs-7 opacity-70 min-h-24px">No credit card
required</span>
</div>
</div>
</div>
<div class="panel">
<div class="panel vstack gap-2">
<span class="fs-6 fw-bold dark:text-white">Key features:</span>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Staff</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Agents</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>2000 Contacts</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>CRM</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Flows or Pipelines</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Sell Products or Services</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Appointments & Meetings Scheduler</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Task Boards</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Web & Smart Forms</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Shared Team Inbox</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Omni Channel Conversations & Live Chat</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Work Flow Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Whats app+ SMS+ Cold Email Outreach Marketing Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Advanced Chat bot Builder</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>AI Assist</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>24/7 Live Chat Support</span>
</div>
</div>
</div>
</div>
</div>
<div>
<div
class="tier panel vstack gap-2 xl:gap-4 px-3 py-4 sm:p-4 lg:p-4 rounded lg:rounded-2 bg-secondary dark:bg-gray-800">
<span
class="position-absolute top-0 ltr:end-0 rtl:start-0 m-2 d-inline-flex py-narrow px-1 bg-primary rounded-1 text-white fs-7 fw-medium">Popular</span>
<div class="panel">
<h3 class="title h5 sm:h4 dark:text-white">Grow</h3>
</div>
<div class="panel">
<div class="panel vstack gap-narrow">
<h5 class="title h3 sm:h2 m-0 dark:text-white" id="priceGrowIdy">$950 <small
class="fs-5 text-primary">20%
Off</small> </h5>
<span class="fs-7 opacity-70">Cost per year</span>
<div class="vstack gap-1 justify-center text-center mt-3">
<a class='btn btn-md sm:btn-sm lg:btn-md btn-primary text-white'
href='https://app.brexa.ai/signup'>Sign Up</a>
<span class="fs-7 opacity-70 min-h-24px">No credit card
required</span>
</div>
</div>
</div>
<div class="panel">
<div class="panel vstack gap-2">
<span class="fs-6 fw-bold dark:text-white">Key features:</span>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Staff</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Agents</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>4000 Contacts</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>CRM</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Flows or Pipelines</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Sell Products or Services</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Appointments & Meetings Scheduler</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Task Boards</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Web & Smart Forms</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Shared Team Inbox</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Omni Channel Conversations & Live Chat</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Work Flow Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Whats app+ SMS+ Cold Email Outreach Marketing Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Advanced Chat bot Builder</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>AI Assist</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>24/7 Live Chat Support</span>
</div>
</div>
</div>
</div>
</div>
<div>
<div
class="tier panel vstack gap-2 xl:gap-4 px-3 py-4 sm:p-4 lg:p-4 rounded lg:rounded-2 bg-secondary dark:bg-gray-800">
<div class="panel">
<h3 class="title h5 sm:h4 dark:text-white">Scale</h3>
</div>
<div class="panel">
<div class="panel vstack gap-narrow">
<h5 class="title h3 sm:h2 m-0 dark:text-white" id="priceScaleIdy">$1411 <small
class="fs-5 text-primary">20%
Off</small> </h5>
<span class="fs-7 opacity-70">Cost per year</span>
<div class="vstack gap-1 justify-center text-center mt-3">
<a class='btn btn-md sm:btn-sm lg:btn-md btn-primary text-white'
href='https://app.brexa.ai/signup'>Sign Up</a>
<span class="fs-7 opacity-70 min-h-24px">No credit card
required</span>
</div>
</div>
</div>
<div class="panel">
<div class="panel vstack gap-2">
<span class="fs-6 fw-bold dark:text-white">Key features:</span>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Staff</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Unlimited Agents</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>10000 Contacts</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>CRM</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Flows or Pipelines</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Sell Products or Services</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Appointments & Meetings Scheduler</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Task Boards</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Web & Smart Forms</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Shared Team Inbox</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Omni Channel Conversations & Live Chat</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Work Flow Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Whats app+ SMS+ Cold Email Outreach Marketing Automation</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Advanced Chat bot Builder</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>AI Assist</span>
</div>
<div class="hstack gap-1 fs-7">
<i class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>24/7 Live Chat Support</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<p class="text-center text-gray-900 dark:text-white text-opacity-70 mt-4 sm:mt-6 xl:mt-8"
data-anime="onview: -100; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: 0;">
Prices exclude any applicable taxes.</p>
</div>
</div>
</div>
</div> -->
<!-- Pricing Section end -->
<!-- Section start -->
<div id="main_features" class="main-features section panel overflow-hidden">
<div class="section-outer panel pt-6 xl:pt-9">
<div class="container ">
<div class="section-inner panel">
<div class="row child-cols-12 g-6 md:g-8 xl:g-6"
data-uc-scrollspy="target: >*; delay: 500; cls: uc-animation-slide-bottom-medium">
<div>
<div class="feature-item panel">
<div class="row child-cols items-center justify-between g-2 md:g-4">
<div class="col-12 md:col-5 lg:col-5">
<div class="panel overflow-hidden">
<figure class="featured-image m-0 overflow-hidden">
<img class="image" src="../assets/images/brexa-BA-image.png" alt="">
</figure>
</div>
</div>
<div class="col-12 md:col-7 lg:col-7">
<div class="panel">
<div class="panel vstack justify-center gap-4 h-100 sm:p-3 lg:p-4">
<div>
<div class="panel vstack gap-2">
<span
class="cstack w-48px h-48px bg-primary text-secondary rounded-1-5 mb-2 d-none lg:d-inline-flex">
<i class="fa-regular fa-clock"></i>
</span>
<span class="fw-bold text-primary dark:text-secondary">Business
Automation</span>
<h3 class="h4 sm:h3 xl:h2 m-0">Meet growth goals with
complete business automation</h3>
<p class="fs-6 lg:fs-5 opacity-70 dark:opacity-80">
Businesses that reach their goals are more likely to
automate tasks and processes like customer follow-up,
analytics, and employee onboarding. Brexa customers who
use automation save 10 hours per week on average, and
report a 38% increase in revenue.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Section end -->
<!-- Section start -->
<div id="main_features" class="main-features section panel overflow-hidden">
<div class="section-outer panel py-6 xl:py-9">
<div class="container ">
<div class="section-inner panel">
<div class="row child-cols-12 g-6 md:g-8 xl:g-6"
data-uc-scrollspy="target: >*; delay: 500; cls: uc-animation-slide-bottom-medium">
<div>
<div class="feature-item panel">
<div class="row child-cols items-center justify-between g-2 md:g-4">
<div class="col-12 md:col-6 lg:col-6">
<div class="panel">
<div class="panel vstack justify-center gap-4 h-100 sm:p-3 lg:p-4">
<div>
<div class="panel vstack gap-2">
<span
class="cstack w-48px h-48px bg-primary text-secondary rounded-1-5 mb-2 d-none lg:d-inline-flex">
<i class="fa-solid fa-chart-column"></i>
</span>
<h3 class="h4 sm:h3 xl:h2 m-0">Grow faster with support at
every turn</h3>
<p class="fs-6 lg:fs-5 opacity-70 dark:opacity-80">
Track important metrics,
patterns, and download reports
for detailed insights.</p>
<div class="panel vstack gap-2">
<div class="hstack gap-1 fs-7">
<i
class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>U.S.-based phone support & 24/7 chat</span>
</div>
<div class="hstack gap-1 fs-7">
<i
class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Free on-demand product training</span>
</div>
<div class="hstack gap-1 fs-7">
<i
class="fa-solid fa-circle-check text-primary fa-lg"></i>
<span>Pro services by automation experts</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 md:col-6 lg:col-6">
<div class="panel overflow-hidden">
<figure class="featured-image m-0 overflow-hidden">
<img class="image" src="../assets/images/support1.png" alt="">
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Section end -->
<!-- Section start -->
<div id="blog_posts"
class="blog-posts section panel overflow-hidden gap-3 bg-secondary dark:bg-white dark:bg-opacity-5 rounded-1-5 lg:rounded-2 swiper-parent">
<div class="section-outer panel py-4 md:py-6 xl:py-9">
<div class="container ">
<div class="section-inner panel">
<div class="row child-cols-12 g-4 sm:g-6 xl:g-8"
data-anime="onview: -200; targets: >*; translateY: [48, 0]; opacity: [0, 1]; easing: easeOutCubic; duration: 500; delay: anime.stagger(100, {start: 200});">
<div>
<div class="heading vstack sm:hstack gap-4 justify-between md:items-end panel"
data-anime="onview: -200; targets: >*; translateY: [48, 0]; opacity: [0, 1]; easing: easeOutCubic; duration: 500; delay: anime.stagger(100, {start: 200});">
<div class="vstack gap-2">
<span class="fw-bold text-primary dark:text-secondary">Latest posts</span>
<h2 class="h3 sm:h2 lg:h1 m-0">Latest from <span
class="d-inline-flex px-1 bg-primary text-white -rotate-1 lg:-rotate-2 rounded-1 lg:rounded-1-5">
insights</span></h2>
<p class="desc fs-6 sm:fs-5 xl:fs-4 opacity-70">Interviews, tips, guides,
industry best practices, and news.</p>
</div>
<div class="d-none sm:d-block">
<a class='btn btn-sm lg:btn-md btn-primary rounded-default' href='blogs.php'>View
all posts</a>
</div>
</div>
</div>
<div>
<div class="content panel expand-container ltr:ms-0 rtl:me-0">
<div class="swiper"
data-uc-swiper="items: 1.1; gap: 16; loop: true; next: .swiper-nav-next; prev: .swiper-nav-prev;"
data-uc-swiper-s="items: 2.3; gap: 24;" data-uc-swiper-m="items: 3.22; gap: 24;"
data-uc-swiper-l="items: 3.22; gap: 32;">
<div class="swiper-wrapper">
<div class="swiper-slide">
<article class="post type-post panel overflow-hidden vstack gap-3">
<figure
class="featured-image m-0 rounded ratio ratio-4x3 rounded-1-5 uc-transition-toggle overflow-hidden">
<img class="media-cover image uc-transition-scale-up uc-transition-opaque"
src="../assets/images/blog/blog-1.png"
alt="UX review presentations">
<a class='position-cover' data-caption='UX review presentations'
href='#'></a>
</figure>
<div class="panel vstack gap-1">
<a class='text-none' href='#'>
<h3 class="post-title h5 xl:h4 m-0 ltr:pe-4 rtl:ps-4">
<span>What is Brexa? How does it help
businesses?</span>
</h3>
</a>
<p class="post-excrept fs-7 xl:fs-6 opacity-70">Brexa CRM, short
for Customer Relationship Management, is a vital component
of the Brexa platform that helps businesses effectively..
</p>
<a class='uc-link dark:text-secondary fs-7 xl:fs-6 fw-bold hstack gap-1 sm:mt-1 xl:mt-2'
href='#'>
<span>Read post</span>
<i class="fa-solid fa-arrow-right rtl:rotate-180"></i>
<!-- <i
class="position-relative icon unicon-arrow-up-right fw-bold rtl:-rotate-90 translate-y-px"></i> -->
</a>
</div>
</article>
</div>
<div class="swiper-slide">
<article class="post type-post panel overflow-hidden vstack gap-3">
<figure
class="featured-image m-0 rounded ratio ratio-4x3 rounded-1-5 uc-transition-toggle overflow-hidden">
<img class="media-cover image uc-transition-scale-up uc-transition-opaque"
src="../assets/images/blog/blog-2.jpg"
alt="Migrating to Linear 101">
<a class='position-cover' data-caption='Migrating to Linear 101'
href='#'></a>
</figure>
<div class="panel vstack gap-1">
<a class='text-none' href='#'>
<h3 class="post-title h5 xl:h4 m-0 ltr:pe-4 rtl:ps-4">
<span>5 Ways to Leverage WhatsApp for Customer
Service</span>
</h3>
</a>
<p class="post-excrept fs-7 xl:fs-6 opacity-70">WhatsApp has
become an integral part of our daily communication, and
businesses can leverage its features to provide excellent
customer service..</p>
<a class='uc-link dark:text-secondary fs-7 xl:fs-6 fw-bold hstack gap-1 sm:mt-1 xl:mt-2'
href='#'>
<span>Read post</span><i
class="fa-solid fa-arrow-right rtl:rotate-180"></i>
</a>
</div>
</article>
</div>
<div class="swiper-slide">
<article class="post type-post panel overflow-hidden vstack gap-3">
<figure
class="featured-image m-0 rounded ratio ratio-4x3 rounded-1-5 uc-transition-toggle overflow-hidden">
<img class="media-cover image uc-transition-scale-up uc-transition-opaque"
src="../assets/images/blog/blog-3.png"
alt="Building your API stack">
<a class='position-cover' data-caption='Building your API stack'
href='#'></a>
</figure>
<div class="panel vstack gap-1">
<a class='text-none' href='#'>
<h3 class="post-title h5 xl:h4 m-0 ltr:pe-4 rtl:ps-4">
<span>10 tips on how to increase sales for your small
business</span>
</h3>
</a>
<p class="post-excrept fs-7 xl:fs-6 opacity-70">Increasing sales
is crucial for the growth and success of any small business.
Here are 10 tips to help you boost sales and drive revenue..
</p>
<a class='uc-link dark:text-secondary fs-7 xl:fs-6 fw-bold hstack gap-1 sm:mt-1 xl:mt-2'
href='#'>
<span>Read post</span><i
class="fa-solid fa-arrow-right rtl:rotate-180"></i>
</a>
</div>
</article>
</div>
<div class="swiper-slide">
<article class="post type-post panel overflow-hidden vstack gap-3">
<figure
class="featured-image m-0 rounded ratio ratio-4x3 rounded-1-5 uc-transition-toggle overflow-hidden">
<img class="media-cover image uc-transition-scale-up uc-transition-opaque"
src="../assets/images/blog/blog-4.png"
alt="UX review presentations">
<a class='position-cover' data-caption='UX review presentations'
href='#'></a>
</figure>
<div class="panel vstack gap-1">
<a class='text-none' href='#'>
<h3 class="post-title h5 xl:h4 m-0 ltr:pe-4 rtl:ps-4">
<span>What is Brexa Mobile App Widget? How is it placed
on website?</span>
</h3>
</a>
<p class="post-excrept fs-7 xl:fs-6 opacity-70">The Brexa Mobile
App Widget is a tool that allows businesses to integrate
their Brexa mobile app directly onto their website.. </p>
<a class='uc-link dark:text-secondary fs-7 xl:fs-6 fw-bold hstack gap-1 sm:mt-1 xl:mt-2'
href='#'>
<span>Read post</span><i
class="fa-solid fa-arrow-right rtl:rotate-180"></i>
</a>
</div>
</article>
</div>
<div class="swiper-slide">
<article class="post type-post panel overflow-hidden vstack gap-3">
<figure
class="featured-image m-0 rounded ratio ratio-4x3 rounded-1-5 uc-transition-toggle overflow-hidden">
<img class="media-cover image uc-transition-scale-up uc-transition-opaque"
src="../assets/images/blog/blog-5.png"
alt="Migrating to Linear 101">
<a class='position-cover' data-caption='Migrating to Linear 101'
href='#'></a>
</figure>
<div class="panel vstack gap-1">
<a class='text-none' href='#'>
<h3 class="post-title h5 xl:h4 m-0 ltr:pe-4 rtl:ps-4">
<span>What are customisable pipelines in Brexa?</span>
</h3>
</a>
<p class="post-excrept fs-7 xl:fs-6 opacity-70">Customizable
pipelines in Brexa refer to the ability to create and
configure tailored workflows for managing and tracking
various processes within your business..</p>
<a class='uc-link dark:text-secondary fs-7 xl:fs-6 fw-bold hstack gap-1 sm:mt-1 xl:mt-2'
href='#'>
<span>Read post</span><i
class="fa-solid fa-arrow-right rtl:rotate-180"></i>
</a>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="panel hstack justify-between gap-2">
<div class="panel hstack items-end gap-narrow xl:gap-1 rtl:flex-row-reverse">
<a href="#"
class="swiper-nav swiper-nav-prev btn w-40px xl:w-48px h-40px xl:h-48px rounded-circle text-primary dark:text-white hover:text-white bg-white dark:bg-gray-700 hover:bg-primary shadow-xs order-1">
<span class="icon-1 xl:icon-2 fa-solid fa-arrow-left"></span>
</a>
<a href="#"
class="swiper-nav swiper-nav-next btn w-40px xl:w-48px h-40px xl:h-48px rounded-circle text-primary dark:text-white hover:text-white bg-white dark:bg-gray-700 hover:bg-primary shadow-xs order-2 rtl:order-0">
<span class="icon-1 xl:icon-2 fa-solid fa-arrow-right"></span>
<!-- <i class="fa-solid fa-arrow-right"></i> -->
</a>
</div>
<div class="sm:d-none">
<a class='btn btn-sm lg:btn-md btn-primary rounded-default' href='blogs.php'>View
all posts</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Section end -->
<!-- Section start -->
<div id="faq" class="faq section panel overflow-hidden">
<div class="section-outer panel py-4 md:py-6 xl:py-9">
<div class="container max-w-lg">
<div class="section-inner panel"
data-anime="onview: -100; targets: >*; translateY: [48, 0]; opacity: [0, 1]; easing: easeOutCubic; duration: 500; delay: anime.stagger(100, {start: 200});">
<div class="panel vstack gap-6 xl:gap-8">
<!-- <div class="vstack gap-2 text-center">
<span
class="fw-bold py-narrow px-2 bg-dark text-white rounded-pill text-primary dark:text-secondary">FAQ</span>
<h2 class="h4 sm:h3 xl:h2 m-0 text-center">Frequenlty asked <span
class="d-inline-flex px-1 bg-dark text-white -rotate-1 lg:-rotate-2 rounded-1 lg:rounded-1-5">Questions</span>
</h2>
<p class="fs-6 xl:fs-5">Everything you need to know about the product and billing.</p>
</div> -->
<div class="panel vstack items-center gap-2 xl:gap-3 mx-auto text-center"
data-anime="onview: -200; targets: >*; translateY: [48, 0]; opacity: [0, 1]; easing: easeOutCubic; duration: 500; delay: anime.stagger(100, {start: 200});">
<span
class="fw-bold py-narrow px-2 bg-dark text-white rounded-pill text-primary dark:text-secondary">FAQ's</span>
<h2 class="h3 sm:h2 lg:h1 m-0">Frequenlty asked <span
class="d-inline-flex px-1 bg-primary text-white -rotate-1 lg:-rotate-2 rounded-1 lg:rounded-1-5">
Questions</span></h2>
<p class="fs-6 xl:fs-5">Everything you need to know about the product and billing.</p>
</div>
<div class="panel">
<ul class="uc-accordion-divider gap-5" data-uc-accordion="targets: > li;"
style="--divider-gap: 40px">
<li class="panel uc-open">
<a class="uc-accordion-title fs-5 sm:fs-4" href="#">What is Brexa?</a>
<div class="uc-accordion-content">
<p>Brexa is a comprehensive business management platform designed to
streamline operations, increase efficiency, and improve customer
engagement.</p>
</div>
</li>
<li class="panel">
<a class="uc-accordion-title fs-5 sm:fs-4" href="#">What are the key features of
Brexa?</a>
<div class="uc-accordion-content">
<p>Brexa offers a variety of powerful features, including automation,
chatbot builder, sales CRM, branded scheduling portal, omni-channel live
chat, web forms, customizable pipelines, appointment & meeting
scheduler, client & project management, invoices, time tracking, task
management, knowledge base, and more.</p>
</div>
</li>
<li class="panel">
<a class="uc-accordion-title fs-5 sm:fs-4" href="#">Is Brexa user-friendly?</a>
<div class="uc-accordion-content">
<p>Absolutely! Brexa is designed with a user-friendly interface and
intuitive navigation, making it easy for businesses to adopt and use the
platform without extensive training or technical expertise.</p>
</div>
</li>
<li class="panel">
<a class="uc-accordion-title fs-5 sm:fs-4" href="#">Can Brexa be customized to
suit specific business needs?</a>
<div class="uc-accordion-content">
<p>Yes, Brexa offers customizable features and workflows to adapt to your
unique business requirements. You can tailor pipelines, forms, and other
elements to align with your specific processes.</p>
</div>
</li>
<li class="panel">
<a class="uc-accordion-title fs-5 sm:fs-4" href="#">Does Brexa offer customer
support?</a>
<div class="uc-accordion-content">
<p>Absolutely! Brexa offers dedicated customer support to assist users with
any questions or technical issues they may encounter. You can reach out
to our support team via email, chat, or phone.</p>
</div>
</li>
<li class="panel">
<a class="uc-accordion-title fs-5 sm:fs-4" href="#">What industries can benefit
from Brexa?</a>
<div class="uc-accordion-content">
<p>Brexa caters to a wide range of industries, including consulting,
staffing, software agencies, retail, coaching, legal, accounting, event
planning, real estate, beauty & wellness, freelancers, and many more.
</p>
</div>
</li>
<li class="panel">
<a class="uc-accordion-title fs-5 sm:fs-4" href="#">Can Brexa integrate with
other tools and platforms?</a>
<div class="uc-accordion-content">
<p>Yes, Brexa provides seamless integration with popular tools and platforms
such as email marketing services, payment gateways, calendar
applications, and project management tools to ensure smooth workflow and
data synchronization.</p>
</div>
</li>
<li class="panel">
<a class="uc-accordion-title fs-5 sm:fs-4" href="#">Is Brexa secure and
reliable?</a>
<div class="uc-accordion-content">
<p>Brexa prioritizes data security and reliability. The platform implements
advanced security measures, data encryption, and regular backups to
safeguard your business information.</p>
</div>
</li>
<li class="panel">
<a class="uc-accordion-title fs-5 sm:fs-4" href="#">How does Brexa help improve
customer engagement?</a>
<div class="uc-accordion-content">
<p>Brexa provides various tools like chatbots, live chat, and client portals
to enhance customer engagement. These features enable instant
communication, self-service options, and personalized interactions,
improving overall customer satisfaction.</p>
</div>
</li>
<li class="panel">
<a class="uc-accordion-title fs-5 sm:fs-4" href="#">How can I get started with
Brexa?</a>
<div class="uc-accordion-content">
<p>Getting started with Brexa is simple. You can sign up for a free trial or
contact our sales team to discuss your business needs and explore the
best plan options for your organization.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Wrapper end -->
<!--header section start-->
<?php include 'footer.php'; ?>
<!--header section End-->
<!-- include jquery & bootstrap js -->
<script defer src="../assets/js/libs/jquery.min.js"></script>
<script defer src="../assets/js/libs/bootstrap.min.js"></script>
<!-- include scripts -->
<script defer src="../assets/js/libs/anime.min.js"></script>
<script defer src="../assets/js/libs/swiper-bundle.min.js"></script>
<script defer src="../assets/js/libs/scrollmagic.min.js"></script>
<script defer src="../assets/js/helpers/data-attr-helper.js"></script>
<script defer src="../assets/js/helpers/swiper-helper.js"></script>
<script defer src="../assets/js/helpers/anime-helper.js"></script>
<script defer src="../assets/js/helpers/anime-helper-defined-timelines.js"></script>
<script defer src="../assets/js/uikit-components-bs.js"></script>
<!-- include app script -->
<script defer src="../assets/js/app.js"></script>
<script>
// Schema toggle via URL
const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
const getSchema = urlParams.get("schema");
if (getSchema === "dark") {
setDarkMode(1);
} else if (getSchema === "light") {
setDarkMode(0);
}
</script>
<!-- price change -->
<!-- <script>
let countryTimezone = ""
const fetchFingerPrint = async () => {
try {
// Initialize the agent at application startup.
const FingerprintJS = await import(
"https://openfpcdn.io/fingerprintjs/v4"
).then((module) => module.load());
// Get the visitor identifier when you need it.
const result = await FingerprintJS.get();
countryTimezone = result.components.timezone.value
console.log("countryTimezone", countryTimezone)
const priceIgnitePriceHeading = document.getElementById('priceIgniteId');
const priceGrowPriceHeading = document.getElementById('priceGrowId');
const priceScalePriceHeading = document.getElementById('priceScaleId');
const priceIgniteyPriceHeading = document.getElementById('priceIgniteIdy');
const priceGrowyPriceHeading = document.getElementById('priceGrowIdy');
const priceScaleyPriceHeading = document.getElementById('priceScaleIdy');
if (countryTimezone === 'Asia/Calcutta') {
priceIgnitePriceHeading.textContent = '₹4956';
priceGrowPriceHeading.textContent = '₹8316';
priceScalePriceHeading.textContent = '₹12348';
priceIgniteyPriceHeading.textContent = '₹47544';
priceGrowyPriceHeading.textContent = '₹79800';
priceScaleyPriceHeading.textContent = '₹118524';
} else {
priceIgnitePriceHeading.textContent = '$59';
priceGrowPriceHeading.textContent = '$99';
priceScalePriceHeading.textContent = '$147';
priceIgniteyPriceHeading.textContent = '$566';
priceGrowyPriceHeading.textContent = '$950';
priceScaleyPriceHeading.textContent = '$1411';
}
// This is the visitor identifier:
const visitorId = result.visitorId;
return result;
} catch (error) {
console.error(error);
return null;
}
};
//const fingerprintMetrics = fetchFingerPrint();
//console.log("fingerprintMetrics", fingerprintMetrics)
window.addEventListener("message", async (event) => {
const fingerprintMetrics = await fetchFingerPrint();
console.log("fingerprintMetrics", fingerprintMetrics)
});
</script> -->
<!-- Start Currency Switcher -->
<script>
document.addEventListener('DOMContentLoaded', function() {
// Function to update prices based on the selected currency
function updateCurrency(currency) {
// Select all the price elements that need updating
const prices = document.querySelectorAll('[id^="price"]');
// Loop through each price element and update its text
prices.forEach(priceElement => {
// Get the price values stored in data attributes
const priceInUSD = priceElement.getAttribute('data-price-usd');
const priceInINR = priceElement.getAttribute('data-price-inr');
// Update the text based on the selected currency
if (currency === 'USD') {
priceElement.textContent = `$${priceInUSD}`;
} else if (currency === 'INR') {
priceElement.textContent = `₹${priceInINR}`;
}
});
}
// Trigger the currency update for USD on page load
updateCurrency('USD'); // Default to USD
// Attach event listeners to the currency switcher buttons
document.querySelectorAll('.currency-switcher a').forEach(button => {
button.addEventListener('click', function(event) {
event.preventDefault(); // Prevent default link behavior
// Remove active class from all buttons
document.querySelectorAll('.currency-switcher a').forEach(btn => {
btn.classList.remove('active');
});
// Add active class to the clicked button
this.classList.add('active');
// Get the selected currency from the button's data attribute
const selectedCurrency = this.getAttribute('data-currency');
// Update prices to the selected currency
updateCurrency(selectedCurrency);
});
});
});
</script>
<!-- End Currency Switcher -->
<script src="
https://automations.brexa.ai/widget.js"
data-orgname="brexa" data-orgid="ea9a361d-5838-4524-9295-965e14dfdaf7" data-chatbotid="66e1b199836bf7a85c6e0e20" data-appId=66e1b199836bf7a85c6e0e23 data-showWelcomeMessage=true data-showEnquiry=true data-showScheduleAppointment=true type="application/javascript"></script>
<script type="module" data-calendar-button-id="Request Demo" data-calendar-id="team" data-env="prod"
src="
https://automations.brexa.ai/iframe/calendar.js"
defer></script>
</body>
</html>