<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Glorious Brows & Nails</title>
<meta name="author" content="Glorious Brows & Nails">
<meta name="description" content="Glorious Brows & Nails">
<meta name="keywords" content="Glorious Brows & Nails">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicons/favicon-16x16.png">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="assets/img/favicons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<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=Cormorant+Garamond:wght@400;500;600;700&amp;family=DM+Sans:wght@400;500;700&amp;display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/fontawesome.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.min.css">
<link rel="stylesheet" href="assets/css/slick.min.css">
<link rel="stylesheet" href="assets/css/odometer-theme-default.css">
<link rel="stylesheet" href="assets/css/jquery.flipster.min.css">
<link rel="stylesheet" href="assets/css/jquery.datetimepicker.min.css">
<link rel="stylesheet" href="assets/css/style.css">
	<script>
  document.addEventListener("contextmenu", function(e){
      e.stopPropagation();   // cancel theme listener
  }, true);
</script>
<style>
  /* Floating Widget */
.floating-widget {
    position: fixed;
    right: 0;
    top: 40%;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Chat Now Button */
.chat-box {
    background: #ff6600;
    color: #fff;
    padding: 12px 15px;
    width: 120px;
    text-align: center;
    border-radius: 8px 0 0 8px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
    cursor: pointer;
    position: relative;
}

.chat-box:hover {
    padding-right: 25px;
}

/* WhatsApp Button */
.whatsapp-box {
    background: #25D366;
    padding: 12px;
    border-radius: 8px 0 0 8px;
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.whatsapp-box img {
    width: 30px;
}

/* Mobile Adjustments */
@media(max-width: 768px) {
    .floating-widget {
        top: auto;
        bottom: 20px;
        right: 10px;
    }

    .chat-box {
        width: auto;
        padding: 10px 12px;
    }
}


</style>
</head>
<body>
<div class="floating-widget">
   
    <a href="https://wa.me/447356232374?text=Hello%20Glorious%20Brows%20%26%20Nails,%20I%20want%20to%20book%20an%20appointment."
       class="whatsapp-box" target="_blank">
        <img src="assets/img/WhatsApp.svg" alt="WhatsApp">
    </a>
</div>


<div class="preloader">
<!--  <button class="th-btn style3 preloaderCls">Cancel Preloader</button>-->
  <div class="preloader-inner"><img src="assets/img/newlogo.png" alt="Glorious Brows & Nails"> <span class="loader"></span></div>
</div>

<?php include __DIR__ . '/header.php'; ?>
<?php include __DIR__ . '/slider.php'; ?>
<?php
  if (isset($content)) {
   echo $content;
   }
?>
<?php include __DIR__ . '/footer.php'; ?>

<script src="assets/js/vendor/jquery-3.7.1.min.js"></script><script src="assets/js/slick.min.js"></script><script src="assets/js/bootstrap.min.js"></script><script src="assets/js/jquery.magnific-popup.min.js"></script><script src="assets/js/jquery-ui.min.js"></script><script src="assets/js/imagesloaded.pkgd.min.js"></script><script src="assets/js/isotope.pkgd.min.js"></script><script src="assets/js/jquery.flipster.min.js"></script><script src="assets/js/odometer.js"></script><script src="assets/js/appear-2.js"></script><script src="assets/js/nice-select.min.js"></script><script src="assets/js/jquery.datetimepicker.min.js"></script><script src="assets/js/tilt.min.js"></script><script src="assets/js/wow.min.js"></script><script src="assets/js/main.js"></script>
</body>

</html>