| 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>
</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.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="section-outer panel pt-9 lg:pt-10">
<div class="container">
<div class="section-inner panel mt-2 sm:mt-4 lg:mt-0">
<div class="feature-item panel px-3 lg:px-4 py-4 rounded-2 bg-gray-25 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="row child-cols col-match justify-between g-4 lg:g-8 xl:g-10">
<div class="order-0 lg:order-1">
<div class="panel w-100 rounded lg:rounded-2 overflow-hidden">
<img src="../assets/images/template/feature-02.svg"
alt="Connect every part of your entire business">
</div>
</div>
<div class="order-1 lg:order-0 col-6 sm:col-6">
<div class="panel vstack justify-center gap-4 h-100">
<div>
<div class="panel vstack gap-2">
<!-- <span class="fs-6 fw-bold m-0 text-primary">02.</span> -->
<h1 class="h2 sm:h1 lg:display-6 xl:display-5 m-0">Integrations</h1>
<p class="fs-6 lg:fs-5 opacity-70 dark:opacity-80">Easily sync up Brexa
with your preferred tools in a matter of moments. Seamlessly link up
with the tools you rely on daily to enhance your workflow.</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='#integrations'>See All Integrations</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Section end -->
<!-- Section start -->
<div id="integrations" class="hero-header section panel overflow-hidden">
<div class="section-outer panel pt-6 lg:pt-8 pb-6 sm:pb-8 lg:pb-9">
<div class="container max-w-lg">
<div class="section-inner panel mt-2 sm:mt-4 lg:mt-0">
<div class="panel">
<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 border">
<div class="vstack gap-3">
<div class="hstack justify-between items-center">
<div class="vstack">
<h5 class="h5 m-0">Microsoft Outlook Sync</h5>
<!-- <span class="fs-7 opacity-70 dark:opacity-80">Productivity</span> -->
</div>
<img class="w-32px lg:w-40px" src="../assets/images/template/outlook.png"
alt="Slack">
</div>
<p class="fs-6 opacity-70 dark:opacity-80">Want to see your Microsoft Outlook
account emails and contacts from the Brexa dashboard? If so, then sync
your Microsoft Outlook account with the platform and enjoy two-way
communication straight..</p>
</div>
<!-- <a class='uc-link fw-bold fs-7 d-inline-flex items-center gap-narrow'
href='page-integrations.php'>
<span>Explore</span>
<i class="icon icon-narrow unicon-arrow-right rtl:rotate-180"></i>
</a> -->
</div>
</div>
<div>
<div class="panel vstack justify-between gap-4 p-3 rounded lg:rounded-2 border">
<div class="vstack gap-3">
<div class="hstack justify-between items-center">
<div class="vstack">
<h5 class="h5 m-0">All Email Sync</h5>
<!-- <span class="fs-7 opacity-70 dark:opacity-80">CRM </span> -->
</div>
<img class="w-32px lg:w-40px" src="../assets/images/template/email.svg"
alt="Salesforce">
</div>
<p class="fs-6 opacity-70 dark:opacity-80">Want to send and receive emails from
the Brexa dashboard? If so, then sync your email account with our platform
and enjoy two-way communication straight from the CRM.</p>
</div>
<!-- <a class='uc-link fw-bold fs-7 d-inline-flex items-center gap-narrow'
href='page-integrations.php'>
<span>Explore</span>
<i class="icon icon-narrow unicon-arrow-right rtl:rotate-180"></i>
</a> -->
</div>
</div>
<div>
<div class="panel vstack justify-between gap-4 p-3 rounded lg:rounded-2 border">
<div class="vstack gap-3">
<div class="hstack justify-between items-center">
<div class="vstack">
<h5 class="h5 m-0">Gmail Sync</h5>
<!-- <span class="fs-7 opacity-70 dark:opacity-80">Payment</span> -->
</div>
<img class="w-32px lg:w-40px" src="../assets/images/template/gmail.png"
alt="Stripe">
</div>
<p class="fs-6 opacity-70 dark:opacity-80">Want to send and receive emails for
your Gmail account from the Brexa dashboard? If so, then sync your Gmail
account with the platform and enjoy two-way communication straight from the
CRM.</p>
</div>
<!-- <a class='uc-link fw-bold fs-7 d-inline-flex items-center gap-narrow'
href='page-integrations.php'>
<span>Explore</span>
<i class="icon icon-narrow unicon-arrow-right rtl:rotate-180"></i>
</a> -->
</div>
</div>
<div>
<div class="panel vstack justify-between gap-4 p-3 rounded lg:rounded-2 border">
<div class="vstack gap-3">
<div class="hstack justify-between items-center">
<div class="vstack">
<h5 class="h5 m-0">LinkedIn Extension</h5>
<!-- <span class="fs-7 opacity-70 dark:opacity-80">Payment</span> -->
</div>
<img class="w-32px lg:w-40px" src="../assets/images/template/linkein.png"
alt="PayPal">
</div>
<p class="fs-6 opacity-70 dark:opacity-80">Do you want to target key
decision-makers but don’t have the contact details to reach out to them?
With Brexa LinkedIn Extension, you can acquire accurate details about your
prospects and get in..</p>
</div>
<!-- <a class='uc-link fw-bold fs-7 d-inline-flex items-center gap-narrow'
href='page-integrations.php'>
<span>Explore</span>
<i class="icon icon-narrow unicon-arrow-right rtl:rotate-180"></i>
</a> -->
</div>
</div>
<div>
<div class="panel vstack justify-between gap-4 p-3 rounded lg:rounded-2 border">
<div class="vstack gap-3">
<div class="hstack justify-between items-center">
<div class="vstack">
<h5 class="h5 m-0">Webhook</h5>
<!-- <span class="fs-7 opacity-70 dark:opacity-80">CRM</span> -->
</div>
<img class="w-32px lg:w-40px" src="../assets/images/template/webhook.png"
alt="HubSpot">
</div>
<p class="fs-6 opacity-70 dark:opacity-80">Want to stay updated about every
little change that happens with your data? Set up custom Webhooks to receive
notifications from Brexa about the changes happening to your data as they
occur.</p>
</div>
<!-- <a class='uc-link fw-bold fs-7 d-inline-flex items-center gap-narrow'
href='page-integrations.php'>
<span>Explore</span>
<i class="icon icon-narrow unicon-arrow-right rtl:rotate-180"></i>
</a> -->
</div>
</div>
<div>
<div class="panel vstack justify-between gap-4 p-3 rounded lg:rounded-2 border">
<div class="vstack gap-3">
<div class="hstack justify-between items-center">
<div class="vstack">
<h5 class="h5 m-0">API</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/api.png"
alt="Zapier">
</div>
<p class="fs-6 opacity-70 dark:opacity-80">Are you a developer and want to shape
Brexa as per your needs? Use REST APIs to integrate our platform with
other services and make the most of it.</p>
</div>
<!-- <a class='uc-link fw-bold fs-7 d-inline-flex items-center gap-narrow'
href='page-integrations.php'>
<span>Explore</span>
<i class="icon icon-narrow unicon-arrow-right rtl:rotate-180"></i>
</a> -->
</div>
</div>
<div>
<div class="panel vstack justify-between gap-4 p-3 rounded lg:rounded-2 border">
<div class="vstack gap-3">
<div class="hstack justify-between items-center">
<div class="vstack">
<h5 class="h5 m-0">Leadbot</h5>
<!-- <span class="fs-7 opacity-70 dark:opacity-80">Productivity</span> -->
</div>
<img class="w-32px lg:w-40px" src="../assets/images/template/leadbot.png"
alt="Slack">
</div>
<p class="fs-6 opacity-70 dark:opacity-80">Are you looking for a modern way to
collect user data? Then use Brexa to build custom Forms you can
personalize for every situation, be it HR, customer survey, or lead
acquisition.</p>
</div>
<!-- <a class='uc-link fw-bold fs-7 d-inline-flex items-center gap-narrow'
href='page-integrations.php'>
<span>Explore</span>
<i class="icon icon-narrow unicon-arrow-right rtl:rotate-180"></i>
</a> -->
</div>
</div>
<div>
<div class="panel vstack justify-between gap-4 p-3 rounded lg:rounded-2 border">
<div class="vstack gap-3">
<div class="hstack justify-between items-center">
<div class="vstack">
<h5 class="h5 m-0">Zapier</h5>
<!-- <span class="fs-7 opacity-70 dark:opacity-80">CRM </span> -->
</div>
<img class="w-32px lg:w-40px" src="../assets/images/template/zapier.svg"
alt="Zapier">
</div>
<p class="fs-6 opacity-70 dark:opacity-80">Are you currently using Zapier and
don’t want to move your data manually to Brexa? No worries! Simply
integrate Brexa with Zapier and automatically import your data from your
favorite apps quickly</p>
</div>
<!-- <a class='uc-link fw-bold fs-7 d-inline-flex items-center gap-narrow'
href='page-integrations.php'>
<span>Explore</span>
<i class="icon icon-narrow unicon-arrow-right rtl:rotate-180"></i>
</a> -->
</div>
</div>
<div>
<div class="panel vstack justify-between gap-4 p-3 rounded lg:rounded-2 border">
<div class="vstack gap-3">
<div class="hstack justify-between items-center">
<div class="vstack">
<h5 class="h5 m-0">Pabbly Connect</h5>
<!-- <span class="fs-7 opacity-70 dark:opacity-80">Payment</span> -->
</div>
<img class="w-32px lg:w-40px" src="../assets/images/template/pabbly.png"
alt="Pabbly">
</div>
<p class="fs-6 opacity-70 dark:opacity-80">Want to integrate external apps with
Brexa to further streamline your daily operations? Use Pabbly Connect and
choose from its 1000+ apps to connect with Brexa – all with a click of a
button!</p>
</div>
<!-- <a class='uc-link fw-bold fs-7 d-inline-flex items-center gap-narrow'
href='page-integrations.php'>
<span>Explore</span>
<i class="icon icon-narrow unicon-arrow-right rtl:rotate-180"></i>
</a> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Section end -->
<!-- Section start -->
<?php include 'blogs_common.php'; ?>
<!-- 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>
</body>
</html>