| 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">
<!-- Added by HTTrack -->
<meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Brexa - industries</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>
/*
==============================
CARD LAYOUT and STYLING
============================== */
.cards {
display: grid;
grid-gap: 1.7rem;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
/* padding: .5rem; */
}
.card {
box-shadow: 0px 1px 5px #555;
box-shadow: 10px 15px 10px rgba(0, 0, 0, 0.08);
border-radius: 15px;
overflow: hidden;
visibility: visible;
opacity: 1;
transition: visibility 500ms, opacity 500ms;
}
.card.hidden {
visibility: hidden;
display: none;
opacity: 0;
transition: visibility 0s linear 500ms, opacity 500ms;
}
.card_text {
padding: 1rem;
}
figure {
padding: 0;
margin: 0;
}
/*
==============================
BUTTONS
============================== */
.filters {
padding: .5rem;
}
/* from Phantom Template, see footer for link */
/* .button {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
cursor: pointer;
display: inline-block;
overflow: hidden;
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
margin-bottom: .5rem;
} */
/* .button.active {
background-color: #1f9177;
color: #ffffff !important;
} */
</style>
</head>
<body class="uni-body panel bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-200 overflow-x-hidden">
<!--header section start-->
<?php include 'header.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 left-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="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 py-9 lg:py-10">
<div class="container">
<div class="section-inner panel mt-2 sm:mt-4 lg:mt-0">
<div class="row child-cols-12 g-4 sm:g-6 xl:g-8">
<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">Our <span
class="d-inline-flex px-1 bg-primary text-white -rotate-1 lg:-rotate-2 rounded-1 lg:rounded-1-5">
Industries</span></h2>
<p class="desc fs-6 sm:fs-5 xl:fs-4 opacity-70">We can make you an awesome app
just like these</p>
</div>
<div class="">
<div class="filterable">
<div class="filters">
<button
class="button btn btn-md btn-primary rounded-default text-white shadow-xs active"
data-type="all">All</button>
<button
class="button btn btn-md rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs"
data-type="business">By Business Type</button>
<button
class="button btn btn-md rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs"
data-type="usecases">By Usecases</button>
<!-- <button
class="button btn btn-md rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs"
data-type="education">Education</button>
<button
class="button btn btn-md rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs"
data-type="transportation">Transportation</button>
<button
class="button btn btn-md rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs"
data-type="automobiles">Automobiles</button> -->
</div>
</div>
</div>
</div>
</div>
<div>
<div class="cards content panel ltr:ms-0 rtl:me-0">
<!-- <div
class="row child-cols-12 sm:child-cols-6 xl:child-cols-3 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="h5 m-0">CRM</h3>
<div class="hstack justify-center justify-between gap-4 lg:gap-4 mt-3"
style="transform: translateY(0px); opacity: 1;">
<a href="#"
class="btn btn-sm rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs"
data-uc-toggle="" role="button">
<span>Web View</span>
</a>
<a class="btn btn-sm rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs"
href="#">Mobile View</a>
</div>
</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-2.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="h5 m-0">Scheduler</h3>
<div class="hstack justify-center justify-between gap-4 lg:gap-4 mt-3"
style="transform: translateY(0px); opacity: 1;">
<a href="#"
class="btn btn-xs rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs">
<span>Web View</span>
</a>
<a class="btn btn-xs rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs"
href="#">Mobile View</a>
</div>
</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="h5 m-0">Flows or Build Your Processes
</h3>
<div class="hstack justify-center justify-between gap-4 lg:gap-4 mt-3"
style="transform: translateY(0px); opacity: 1;">
<a href="#"
class="btn btn-xs rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs">
<span>Web View</span>
</a>
<a class="btn btn-xs rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs"
href="#">Mobile View</a>
</div>
</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="h5 m-0">Flows or Build Your Processes
</h3>
<div class="hstack justify-center justify-between gap-4 lg:gap-4 mt-3"
style="transform: translateY(0px); opacity: 1;">
<a href="#"
class="btn btn-xs rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs">
<span>Web View</span>
</a>
<a class="btn btn-xs rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs"
href="#">Mobile View</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div> -->
<div class="card" data-type="business" data-location="NYC">
<figure class="card_image">
<img src="https://picsum.photos/seed/1232132/400/300" alt="">
</figure>
<div class="card_text">
<h3 class="h5 m-0">Grocery</h3>
<div class="hstack justify-center justify-between gap-4 lg:gap-4 mt-3"
style="transform: translateY(0px); opacity: 1;">
<a href="#"
class="btn btn-sm rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs">
<span>Web View</span>
</a>
<a class="btn btn-sm rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs"
href="#">Mobile View</a>
</div>
</div>
</div>
<div class="card" data-type="business">
<figure class="card_image">
<img src="https://picsum.photos/seed/abcd/400/300" alt="">
</figure>
<div class="card_text">
<h3 class="h5 m-0">Grocery</h3>
<div class="hstack justify-center justify-between gap-4 lg:gap-4 mt-3"
style="transform: translateY(0px); opacity: 1;">
<a href="#"
class="btn btn-sm rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs">
<span>Web View</span>
</a>
<a class="btn btn-sm rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs"
href="#">Mobile View</a>
</div>
</div>
</div>
<div class="card" data-type="usecases">
<figure class="card_image"><img src="https://picsum.photos/seed/xyz/400/300"
alt="">
</figure>
<div class="card_text">
<h3 class="h5 m-0">Grocery</h3>
<div class="hstack justify-center justify-between gap-4 lg:gap-4 mt-3"
style="transform: translateY(0px); opacity: 1;">
<a href="#"
class="btn btn-sm rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs">
<span>Web View</span>
</a>
<a class="btn btn-sm rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs"
href="#">Mobile View</a>
</div>
</div>
</div>
<div class="card" data-type="business">
<figure class="card_image"><img src="https://picsum.photos/seed/ccc/400/300"
alt="">
</figure>
<div class="card_text">
<h3 class="h5 m-0">Grocery</h3>
<div class="hstack justify-center justify-between gap-4 lg:gap-4 mt-3"
style="transform: translateY(0px); opacity: 1;">
<a href="#"
class="btn btn-sm rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs">
<span>Web View</span>
</a>
<a class="btn btn-sm rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs"
href="#">Mobile View</a>
</div>
</div>
</div>
<div class="card" data-type="usecases">
<figure class="card_image"><img src="https://picsum.photos/seed/678/400/300"
alt="">
</figure>
<div class="card_text">
<h3 class="h5 m-0">Grocery</h3>
<div class="hstack justify-center justify-between gap-4 lg:gap-4 mt-3"
style="transform: translateY(0px); opacity: 1;">
<a href="#"
class="btn btn-sm rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs">
<span>Web View</span>
</a>
<a class="btn btn-sm rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs"
href="#">Mobile View</a>
</div>
</div>
</div>
<div class="card" data-type="usecases">
<figure class="card_image"><img src="https://picsum.photos/seed/111ddd/400/300"
alt="">
</figure>
<div class="card_text">
<h3 class="h5 m-0">Grocery</h3>
<div class="hstack justify-center justify-between gap-4 lg:gap-4 mt-3"
style="transform: translateY(0px); opacity: 1;">
<a href="#"
class="btn btn-sm rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs">
<span>Web View</span>
</a>
<a class="btn btn-sm rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs"
href="#">Mobile View</a>
</div>
</div>
</div>
<div class="card" data-type="usecases">
<figure class="card_image"><img src="https://picsum.photos/seed/2ddd/400/300"
alt="">
</figure>
<div class="card_text">
<h3 class="h5 m-0">Grocery</h3>
<div class="hstack justify-center justify-between gap-4 lg:gap-4 mt-3"
style="transform: translateY(0px); opacity: 1;">
<a href="#"
class="btn btn-sm rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs">
<span>Web View</span>
</a>
<a class="btn btn-sm rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs"
href="#">Mobile View</a>
</div>
</div>
</div>
<div class="card" data-type="business">
<figure class="card_image"><img src="https://picsum.photos/seed/3ddd/400/300"
alt="">
</figure>
<div class="card_text">
<h3 class="h5 m-0">Grocery</h3>
<div class="hstack justify-center justify-between gap-4 lg:gap-4 mt-3"
style="transform: translateY(0px); opacity: 1;">
<a href="#"
class="btn btn-sm rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs">
<span>Web View</span>
</a>
<a class="btn btn-sm rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs"
href="#">Mobile View</a>
</div>
</div>
</div>
<div class="card" data-type="usecases">
<figure class="card_image"><img src="https://picsum.photos/seed/dddf/400/300"
alt="">
</figure>
<div class="card_text">
<h3 class="h5 m-0">Grocery</h3>
<div class="hstack justify-center justify-between gap-4 lg:gap-4 mt-3"
style="transform: translateY(0px); opacity: 1;">
<a href="#"
class="btn btn-sm rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs">
<span>Web View</span>
</a>
<a class="btn btn-sm rounded-default bg-white border-gray-900 border-opacity-20 hover:border-opacity-40 shadow-xs"
href="#">Mobile View</a>
</div>
</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 max-w-xl">
<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 CRM? 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>
<!-- Section end -->
</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>
<!-- Start Filter Buttons -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
//only run the jQuery code when the document is ready
$(document).ready(function() {
//code to respond to clicking one of the buttons in div.filters
$('.filters .button').click(function() {
// remove active class from other buttons
$('.filters .button').removeClass('active');
// add active class to this button
$(this).addClass('active');
// fetch the value of the data-type attribute of the button clicked
let btnType = $(this).attr('data-type');
console.log(btnType); //this is just for testing to see if we have the attribute value we expect
//if they click a button with data-type="all" then show all cards
if (btnType === 'all') {
// show all our items
$('.cards .card').show();
} else {
let attribute = '[data-type="' + btnType + '"]'; //this is not necessary, but saves us having to write it out twice below.
//hide everything that does not have the attribute of the button
$('.cards .card').not(attribute).hide();
//show everything that does have the attribute
$('.cards .card').filter(attribute).show();
}
return false;
});
});
</script>
<!-- End Filter Buttons -->
</body>
</html>