<!DOCTYPE html>
<html lang="en" ontouchmove>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
<link rel="icon" href="https://venuewise.com/assets/favicon/favicon-white.png">
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>venuewise.com - Find the Best Venues in UAE - Top Event Spaces and Locations</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="canonical" href="https://venuewise.com/">
<meta name="author" content="Venue Wsie">
<meta name="theme-color" content="#C8D200">
<!-- Open Graph Meta Tags -->
<meta property="og:url" content="https://venuewise.com/">
<meta property="og:title" content="venuewise.com - Find the Best Venues in UAE - Top Event Spaces and Locations">
<meta property="og:description" content="">
<meta property="og:type" content="website">
<meta property="og:site_name" content="venuewise.com">
<meta property="og:locale" content="en_US">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:type" content="image/jpeg">
<!-- Additional Meta Tags for Facebook -->
<!-- Additional Meta Tags for Twitter -->
<!-- Additional Meta Tags for LinkedIn -->
<meta property="og:linkedin:url" content="https://venuewise.com/">
<meta property="og:linkedin:title" content="venuewise.com - Find the Best Venues in UAE - Top Event Spaces and Locations">
<meta property="og:linkedin:description" content="">
<!-- Additional Meta Tags for Pinterest -->
<meta name="pinterest-rich-pin" content="true">
<meta property="og:pinterest" content="nopin">
<!-- Main and Final CSS File -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<link rel="stylesheet" href="https://venuewise.com/style/main.css?v=0.0.4" />
<!-- Google Map CDN + API Key -->
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBmkGZ_bmBlqv3njsS1bddxnzzxy8LW99k" ></script>
<!-- Google Tag Manager -->
<!-- Style For home BG -->
<style>
body {
background-color: #fff !important;
}
</style>
<style>
/*
.disabledLink {
pointer-events: none;
color: gray;
text-decoration: none;
cursor: not-allowed;
}
.venue-marker-card-image {
position: relative;
overflow: hidden;
}
.image-container {
position: relative;
width: 100%;
height: 100%;
}
.image-container img {
width: 100%;
height: 100%;
object-fit: cover;
} */
</style>
<script src="https://recaptcha.net/recaptcha/api.js?render=6LdupEAqAAAAALmorCPwUuM46JkbrPVZCDiujbxu"></script>
<script src="https://unpkg.com/lenis@1.1.9/dist/lenis.min.js"></script>
<style>
.grecaptcha-badge {
visibility: hidden;
}
.bezio-error {
text-align: left;
color: red;
}
</style>
<style>
body{
font-family: 'Vazir',sans-serif;
}
/* Absolute Center Spinner */
.loading {
position: fixed;
z-index: 1200000;
height: 2em;
width: 2em;
overflow: show;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
/* Transparent Overlay */
.loading:before {
content: '';
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1200000;
background-color: rgba(0,0,0,0.3);
}
/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
/* hide "loading..." text */
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.loading:not(:required):after {
content: '';
display: block;
font-size: 10px;
width: 1em;
height: 1em;
margin-top: -0.5em;
-webkit-animation: spinner 1500ms infinite linear;
-moz-animation: spinner 1500ms infinite linear;
-ms-animation: spinner 1500ms infinite linear;
-o-animation: spinner 1500ms infinite linear;
animation: spinner 1500ms infinite linear;
border-radius: 0.5em;
-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}
/* Animation */
@-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
</style>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KHKKGBTP');</script>
<!-- End Google Tag Manager -->
<script>
// Helper function to delay opening a URL until a gtag event is sent.
// Call it in response to an action that should navigate to a URL.
function gtagSendEvent(url) {
var callback = function () {
if (typeof url === 'string') {
window.location = url;
}
};
gtag('event', 'ads_conversion_About_Us_1', {
'event_callback': callback,
'event_timeout': 2000,
// <event_parameters>
});
return false;
}
</script>
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "nxx95img6n");
</script>
</head>
<body class="bg-[#F9F9F9] relative " data-favorite-count="0" tabIndex=0>
<div id="loadingDiv"></div>
<!-- Loading Section -->
<section class="loading_wrapper">
<div class="w-full h-full relative">
<h1 class="loading_title_front">VENUE WISE</h1>
<span class="loading_title_back">VENUE WISE</span>
<div class="loading_progress">
<span></span>
</div>
</div>
</section>
<!-- Cursor -->
<div class="cursor-wrapper invisible lg:visible">
<div class="relative">
<div class="cursor-arrow">
<!-- prettier-ignore -->
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_434_2721" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="30" height="30">
<rect x="0.882812" y="0.882324" width="28.2353" height="28.2353" fill="#D9D9D9" />
</mask>
<g mask="url(#mask0_434_2721)">
<path d="M8.48266 22.2909L6.60352 20.4117L17.7359 9.27938H7.85031V6.60291H22.2915V21.0441H19.615V11.1586L8.48266 22.2909Z" fill="#181A1B" />
</g>
</svg>
</div>
</div>
</div>
<!-- Expert Modal -->
<section data-modal-name="expert_modal" class="!flex-col gap-2 !justify-start lg:!justify-center pt-3 lg:pt-0">
<div class="flex justify-end w-[95vw] lg:!w-[70vw]">
<img src="https://venuewise.com/assets/SVGs/icons/white-close.svg" class="w-[30px] cursor-pointer" />
</div>
<div class="relative modal__inner flex flex-col lg:flex-row justify-between gap-6 lg:pb-0 pb-8 w-[95vw] lg:!w-[70vw] max-h-[90vh] h-auto bg-white overflow-auto">
<div class="hidden lg:w-[48%] lg:flex flex-col items-center justify-center gap-2 p-7 lg:p-10 bg-[#C8D200] ">
<h4 class="text-4xl font-neue-text font-bold text-black">
Ask a venue advisor
</h4>
<p class="text-[16px] lg:text-2xl font-neue text-black text-center mb-5 lg:mb-10">
Venue Wise have a team of experts in the venue and event to
respond to you as soon as possible.
</p>
<img src="https://venuewise.com/assets/images/layout/photos-frame.png" alt="ask a venue advisor" class="inline w-96 mx-10" alt="" />
</div>
<div class="w-full lg:w-[52%] h-full px-10 py-7 lg:py-10 lg:max-h-[90vh]">
<h3 class="block lg:hidden text-center text-[28px] font-neue-text font-bold">Ask a venue advisor</h3>
<div class="w-full lg:pb-4 lg:border-b border-black text-balck font-neue lg:font-neue-text text-center lg:text-left lg:font-bold text-[14px] lg:text-[24px] tablet:text-[18px] leading-[120%]">
Tell us about your event! These details will
<br class="block lg:hidden">
help your request
receive fast and accurate quotes.
</div>
<form action="#" class="flex flex-col gap-y-4 py-6">
<div class="w-full flex flex-col lg:flex-row gap-4">
<div class="flex flex-col gap-1 w-full lg:w-1/2">
<label for="" class="input-label hidden lg:block">Name</label>
<input type="text" placeholder="Enter your full name" class="input-outline !h-[50px]" id="adviser_fullname"/>
</div>
<div class="flex flex-col gap-1 w-full lg:w-1/2">
<label for="" class="input-label hidden lg:block">Email</label>
<input type="email" placeholder="Enter your email address" class="input-outline !h-[50px] invalid:border-[red]" id="adviser_email" />
</div>
</div>
<div class="w-full flex flex-col lg:flex-row gap-4">
<div class="flex flex-col gap-1 w-full lg:w-1/2">
<label for="" class="input-label hidden lg:block">Event Type</label>
<input placeholder="Choose"
id="adviser_activity"
name="adviser_activity"
class="vrf-dropdown"
data-combobox="adviser_activity"
data-search-disabled="true"
readonly required/>
<div class="autocomplete__container">
<ul class="autocomplete__results !max-h-[200px] !ml-0 !mt-1"
data-combobox-results="adviser_activity">
<li>-</li>
<li>Art Shows</li>
<li>Brand Activations</li>
<li>Concerts and Music Performances</li>
<li>Conferences</li>
<li>Corporate Events</li>
<li>Fashion Shows and Weeks</li>
<li>Festivals</li>
<li>Film Festivals</li>
<li>Gaming Tournaments</li>
<li>Graduation Events</li>
<li>Indoor Dinners/Awards/Galas</li>
<li>Meetings</li>
<li>Movie Premiere</li>
<li>Networking Events</li>
<li>Outdoor Dinners/Awards/Galas</li>
<li>Parties and Celebrations</li>
<li>Photo and Video Shoots</li>
<li>Product Launches and Demos</li>
<li>Seminars</li>
<li>Sports Tournaments</li>
<li>Team Building Activities</li>
<li>Theaters and Performances</li>
<li>Trade Shows & Exhibitions</li>
<li>Trainings and Workshops</li>
<li>Weddings-Indoor</li>
<li>Weddings-Outdoor</li>
</ul>
</div>
</div>
<div class="flex flex-col gap-1 w-full lg:w-1/2">
<label for="" class="input-label hidden lg:block">Attendees</label>
<input type="number" placeholder="Number of attendees" class="input-outline !h-[50px]" id="adviser_attendees" />
</div>
</div>
<div class="w-full flex flex-col gap-y-1 pb-2">
<label for="" class="input-label hidden lg:block">Description</label>
<textarea class="textarea-outline !h-20" placeholder="Tell us more about your event" cols="30" id="adviser_description" rows="10"></textarea>
</div>
<input type="button" value="Send" class="black-btn w-full !h-[50px]" id="adviser_send" />
</form>
<div class="w-full pt-5 tablet:pt-3 lg:pt-5 border-t border-gray-2 text-balck font-neue-text font-bold text-[18px] tablet:text-[16px] lg:text-[24px] leading-[120%] text-center lg:text-left">We are responding to you right now</div>
<div class="flex gap-x-4 w-full pt-6 tablet:pt-3 lg:pt-6 font-neue font-semibold text-white text-center">
<a href="mailto:support@venuewise.com" class="w-1/3 !h-[50px] black-btn"> Email </a>
<a href="tel:971585148688" class="w-1/3 !h-[50px] black-btn"> Call </a>
</div>
</div>
</div>
</section>
<!-- Create Collection Modal 1: add -->
<section data-modal-name="create_collection_modal1" id="create_collection_modal1" class="!items-end modal--animate__slide__up modal--slideup">
<div class="modal__inner fixed lg:static bottom-0 w-full justify-between bg-white rounded-t-[20px] rounded-b-none px-6 lg:px-0 py-8 lg:py-0 !h-[80vh] h-max-xs:!h-[90vh]">
<div class="block lg:hidden bg-gray-5/20 absolute top-4 left-1/2 -translate-x-1/2 h-1 w-20 rounded-full close--modal"></div>
<div class="create-collection-card-prev" id="create_collection_card_prev1"></div>
<div class="create-collection-body">
<div class="w-full h-[20%] border-b text-center py-10 lg:py-0">
<span class="block font-neue-text font-bold text-black text-[24px] lg:text-[40px] leading-[110%]">
Save your venue to a collection
and stay organized
</span>
</div>
<div id="errorModal" style="display: none;" ></div>
<div class="w-full flex flex-col py-5 gap-y-4 h-[45%] lg:h-[65%] overflow-y-scroll border-b border-black" id="collectionList"></div>
<div class="create-collection-action">
<input type="hidden" value="1" id="get_venueid" name="get_venueid">
<span id="create_new_collection" class="font-neue-text font-bold text-[18px] cursor-pointer hover:text-green transition-colors">
+ Create New Collection
</span>
<button type="button" class="black-btn w-full lg:w-[150px] py-5" id="collection_save_btn">Save</button>
<button type="button" class="outline-btn close--modal">Cancel</button>
</div>
</div>
</div>
</section>
<!-- Create Collection Modal 2: form -->
<section data-modal-name="create_collection_modal2" id="create_collection_modal2" class="!items-end modal--animate__slide__up modal--slideup">
<div class="modal__inner fixed lg:static bottom-0 w-full justify-between bg-white rounded-t-[20px] rounded-b-none px-6 lg:px-0 py-8 lg:py-0 !h-[80vh] h-max-xs:!h-[90vh]">
<div class="block lg:hidden bg-gray-5/20 absolute top-4 left-1/2 -translate-x-1/2 h-1 w-20 rounded-full close--modal"></div>
<div class="create-collection-card-prev" id="create_collection_card_prev2"></div>
<div class="create-collection-body">
<div class="w-full flex items-center justify-center lg:h-[20%] border-b text-center lg:py-0 py-10">
<h6 class="font-neue-text font-bold text-black text-[32px] lg:text-[40px] leading-[110%]">
Create New Collection
</h6>
</div>
<div id="errorModal" style="display: none;" >
<!-- Modal content goes here -->
</div>
<div class="w-full flex flex-col justify-between lg:h-[65%] lg:mt-0 mt-4">
<input type="hidden" id="save_venueid" name="save_venueid">
<div class="flex flex-col gap-3">
<div class="w-full flex flex-col lg:flex-row gap-4">
<div class="flex flex-col gap-y-2 w-full lg:w-1/2">
<label for=""
class="input-label">Collection Name</label>
<input type="text" required name="name" id="collection_name"
placeholder="Name your collection"
autocomplete="off" maxlength="50"
class="input-outline !h-[60px]" />
</div>
<div class="flex flex-col w-full lg:w-1/2">
<div class="flex flex-col gap-y-2 w-full">
<label for="" class="input-label">Event type</label>
<input type="text" placeholder="Enter your event type" class="input-outline !h-[60px]"
data-combobox="collection_type" data-combobox-check="false"
data-combobox-clear-el="button"
id="collection_type"
name="collection_type"
autocomplete="off"
required
/>
</div>
<div class="autocomplete__container">
<ul class="autocomplete__results z-[990] !ml-0" data-combobox-results="collection_type">
<li data-combobox-checked="false" data-combobox-checked-value="Art Shows">
Art Shows
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Brand Activations">
Brand Activations
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Concerts and Music Performances">
Concerts and Music Performances
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Conferences">
Conferences
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Corporate Events">
Corporate Events
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Fashion Shows and Weeks">
Fashion Shows and Weeks
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Festivals">
Festivals
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Film Festivals">
Film Festivals
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Gaming Tournaments">
Gaming Tournaments
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Graduation Events">
Graduation Events
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Indoor Dinners/Awards/Galas">
Indoor Dinners/Awards/Galas
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Meetings">
Meetings
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Movie Premiere">
Movie Premiere
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Networking Events">
Networking Events
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Outdoor Dinners/Awards/Galas">
Outdoor Dinners/Awards/Galas
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Parties and Celebrations">
Parties and Celebrations
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Photo and Video Shoots">
Photo and Video Shoots
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Product Launches and Demos">
Product Launches and Demos
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Seminars">
Seminars
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Sports Tournaments">
Sports Tournaments
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Team Building Activities">
Team Building Activities
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Theaters and Performances">
Theaters and Performances
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Trade Shows & Exhibitions">
Trade Shows & Exhibitions
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Trainings and Workshops">
Trainings and Workshops
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Weddings-Indoor">
Weddings-Indoor
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Weddings-Outdoor">
Weddings-Outdoor
</li>
</ul>
</div>
</div>
</div>
<div class="w-full flex gap-x-4">
<div class="flex flex-col gap-y-2 w-full">
<label for=""
class="input-label">Location</label>
<input type="text" name="location" id="collection_location"
value=""
placeholder="Enter location"
autocomplete="off" maxlength="50"
class="input-outline !h-[60px]" />
</div>
</div>
</div>
<div class="flex flex-col lg:flex-row justify-end items-center gap-x-20 gap-y-4 my-6">
<span
class="close--modal hidden lg:inline font-neue font-semibold text-[18px] cursor-pointer">Cancel</span>
<input type="button" id="collection_save2"
class="black-btn w-full lg:w-[150px] py-5 font-neue font-semibold text-[18px] collection_save2"
value="Save">
<button type="button"
class="close--modal outline-btn flex lg:hidden">Cancel</button>
</div>
</div>
</div>
</div>
</section>
<!-- Signup Modal -->
<section data-modal-name="signup_modal">
<div class="modal__inner flex flex-col justify-between w-[550px] bg-white px-12 py-16">
<div class="flex justify-end items-center gap-x-2 mb-20">
<span class="font-neue">Already have an account?</span>
<a data-modal-open="login_modal" class="black-link">Sign In</a>
</div>
<div class="flex flex-col items-center gap-y-4">
<span class="block font-neue-text font-bold text-[40px]">Sign Up</span>
<span class="font-neue">You’re almost there! Let us know who you are</span>
<div class="auth-message-box auth-message-box-error" style="display: none;" id="signupError">
Success: Updated members status
</div>
<form action="#" method="POST" class="flex flex-col gap-y-5 w-full border-black border-b-2 pb-6">
<input type="hidden" name="_token" value="Nf0tlAzSqWkYnTzYXGPDQvukRbWGo0AgQM51oWzk"> <input type="text" class="input-outline" name="fullname" id="fullname" required placeholder="Fullname" />
<input type="email" class="input-outline" name="email" id="email" placeholder="Email" />
<div class="password__input--wrapper">
<input type="text" name="password" id="password" class="input-outline h-16" placeholder="Password" autocomplete="current-password" required/>
<img src="https://venuewise.com/assets/SVGs/icons/eye.svg" class="password__input--icon" />
</div>
<div class="password__input--wrapper">
<input type="text" name="password_confirmation" id="password_confirmation" class="input-outline h-16" placeholder="Confirm your password" autocomplete="current-password" required/>
<img src="https://venuewise.com/assets/SVGs/icons/eye.svg" class="password__input--icon" />
</div>
<input type="button" id="signupBtn" class="flex primary-button" value="Sign Up" />
</form>
<div class="w-full flex flex-col gap-3">
<a href="/auth/google" class="group link-outline py-3">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M21 11.79C21 15.94 18.79 21 12.13 21C7.12461 21.0332 3.03852 17.0053 3 12C3.03852 6.99461 7.12461 2.9667 12.13 2.99996C14.2007 3.00764 16.2085 3.71213 17.83 4.99996C17.942 5.09149 18.0109 5.22557 18.02 5.36996C18.0206 5.51605 17.963 5.65637 17.86 5.75996C17.209 6.35516 16.5882 6.98261 16 7.63996C15.8289 7.82826 15.5422 7.85432 15.34 7.69996C14.4161 7.01624 13.2888 6.66394 12.14 6.69996C9.18528 6.69996 6.79 9.09524 6.79 12.05C6.79 15.0047 9.18528 17.4 12.14 17.4C15.14 17.4 16.41 16.12 17.07 13.85H12.5C12.2239 13.85 12 13.6261 12 13.35V10.7C12 10.4238 12.2239 10.2 12.5 10.2H20.5C20.7302 10.1985 20.9244 10.3711 20.95 10.6C20.9871 10.9955 21.0038 11.3927 21 11.79Z"
fill="#181A1B" class="group-hover:fill-white" />
</svg>
Sign Up with Google
</a>
<a href="#" class="group link-outline py-3" style="display: none;">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M22 12.3038C22 6.74719 17.5229 2.24268 12 2.24268C6.47715 2.24268 2 6.74719 2 12.3038C2 17.3255 5.65684 21.4879 10.4375 22.2427V15.2121H7.89844V12.3038H10.4375V10.0872C10.4375 7.56564 11.9305 6.1728 14.2146 6.1728C15.3088 6.1728 16.4531 6.36931 16.4531 6.36931V8.84529H15.1922C13.95 8.84529 13.5625 9.6209 13.5625 10.4166V12.3038H16.3359L15.8926 15.2121H13.5625V22.2427C18.3432 21.4879 22 17.3257 22 12.3038Z"
fill="#181A1B" class="group-hover:fill-white" />
</svg>
Sign Up with Facebook
</a>
</div>
</div>
</div>
</section>
<!-- Login Modal -->
<section data-modal-name="login_modal" id="login_modal" >
<div class="modal__inner flex flex-col justify-between w-[550px] bg-white px-12 py-16">
<div class="flex justify-end items-center gap-x-2 mb-20">
<span class="font-neue">Don't have an account?</span>
<a data-modal-open="signup_modal" class="black-link">Sign Up</a>
</div>
<div class="flex flex-col items-center gap-y-4">
<span class="block font-neue-text font-bold text-[40px]">Sign In</span>
<span class="font-neue"></span>
<div class="auth-message-box auth-message-box-error" style="display: none;" id="loginError">
Success: Updated members status
</div>
<form action="#" class="flex flex-col gap-y-5 w-full border-black border-b-2 pb-6">
<input type="hidden" name="_token" value="Nf0tlAzSqWkYnTzYXGPDQvukRbWGo0AgQM51oWzk">
<input type="email" name="email" id="loginemail" class="input-outline" required placeholder="Email" />
<div class="password__input--wrapper">
<input type="text" name="password" id="loginpassword" class="input-outline h-16" placeholder="Password" autocomplete="current-password" required/>
<img src="https://venuewise.com/assets/SVGs/icons/eye.svg" class="password__input--icon" />
</div>
<input type="button" class="flex primary-button" value="Sign In" id="loginBtn" />
<a data-modal-open="forget_password_modal"
class="!inline text-black font-neue-text font-bold hover:text-green hover:underline hover:underline-offset-2 transition-all">
Forget password
</a>
</form>
<div class="w-full flex flex-col gap-3">
<a href="/auth/google" class="group link-outline py-3">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M21 11.79C21 15.94 18.79 21 12.13 21C7.12461 21.0332 3.03852 17.0053 3 12C3.03852 6.99461 7.12461 2.9667 12.13 2.99996C14.2007 3.00764 16.2085 3.71213 17.83 4.99996C17.942 5.09149 18.0109 5.22557 18.02 5.36996C18.0206 5.51605 17.963 5.65637 17.86 5.75996C17.209 6.35516 16.5882 6.98261 16 7.63996C15.8289 7.82826 15.5422 7.85432 15.34 7.69996C14.4161 7.01624 13.2888 6.66394 12.14 6.69996C9.18528 6.69996 6.79 9.09524 6.79 12.05C6.79 15.0047 9.18528 17.4 12.14 17.4C15.14 17.4 16.41 16.12 17.07 13.85H12.5C12.2239 13.85 12 13.6261 12 13.35V10.7C12 10.4238 12.2239 10.2 12.5 10.2H20.5C20.7302 10.1985 20.9244 10.3711 20.95 10.6C20.9871 10.9955 21.0038 11.3927 21 11.79Z"
fill="#181A1B" class="group-hover:fill-white" />
</svg>
Sign In with Google
</a>
<a href="#" class="group link-outline py-3" style="display: none;">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M22 12.3038C22 6.74719 17.5229 2.24268 12 2.24268C6.47715 2.24268 2 6.74719 2 12.3038C2 17.3255 5.65684 21.4879 10.4375 22.2427V15.2121H7.89844V12.3038H10.4375V10.0872C10.4375 7.56564 11.9305 6.1728 14.2146 6.1728C15.3088 6.1728 16.4531 6.36931 16.4531 6.36931V8.84529H15.1922C13.95 8.84529 13.5625 9.6209 13.5625 10.4166V12.3038H16.3359L15.8926 15.2121H13.5625V22.2427C18.3432 21.4879 22 17.3257 22 12.3038Z"
fill="#181A1B" class="group-hover:fill-white" />
</svg>
Sign In with Facebook
</a>
</div>
</div>
</div>
</section>
<!-- Forget Password Modal -->
<section data-modal-name="forget_password_modal">
<div class="modal__inner flex flex-col justify-between w-[550px] bg-white px-12 py-16">
<div class="flex justify-end items-center gap-x-2 mb-20">
<span class="font-neue">Back to </span>
<a data-modal-open="login_modal" class="black-link">Sign In</a>
</div>
<div class="flex flex-col items-center gap-y-4">
<span class="block font-neue-text font-bold text-[40px]">Forget Password</span>
<span class="font-neue">Enter your email please</span>
<div class="auth-message-box auth-message-box-error" style="display: none;" id="forgotError" >
Success: Updated members status
</div>
<form action="#" class="flex flex-col gap-y-5 w-full pb-6">
<input type="email" id="forgotemail" class="input-outline" placeholder="Email" />
<input type="button" class="flex primary-button" value="Forget Password" id="forgetPasswordBtn"/>
<a class="inline-block text-black font-neue-text font-bold hover:text-green hover:underline hover:underline-offset-2 transition-all">Need help?</a>
</form>
</div>
</div>
</section>
<section id="deleteModal" data-modal-name="delete_confirmation_modal">
<div
class="modal__inner flex flex-col gap-y-8 justify-between items-center w-[90vw] lg:w-[620px] bg-white px-12 py-10">
<div class="flex flex-col items-center gap-y-10">
<h6 class="font-neue-text font-bold text-[40px] text-center mb-12">
Are you sure you want to delete this Collection?
</h6>
<div class="w-full flex justify-center gap-x-2">
<button class="close--modal link-outline !mt-0 !h-[60px] w-[200px]">
No
</button>
<button id="deleteCollectionYes"
class="close--modal black-btn !h-[60px] w-[200px]">
Yes
</button>
<input type="hidden" id="deleteCollectionId">
</div>
</div>
</div>
</section>
<section id="deleteModal2" data-modal-name="delete_confirmation_modal2">
<div
class="modal__inner flex flex-col gap-y-8 justify-between items-center w-[90vw] lg:w-[620px] bg-white px-12 py-10">
<div class="flex flex-col items-center gap-y-10">
<h6 class="font-neue-text font-bold text-[40px] text-center mb-12">
Are you sure you want to unfavorite?
</h6>
<div class="w-full flex justify-center gap-x-2">
<button class="close--modal link-outline !mt-0 !h-[60px] w-[200px]">
No
</button>
<button id="deleteCollectionYes"
class="close--modal black-btn !h-[60px] w-[200px]">
Yes
</button>
<input type="hidden" id="deleteCollectionId">
</div>
</div>
</div>
</section>
<!-- snackbar liked -->
<div id="snackbar">Venue successfully added to favorite list.</div>
<!-- Main Container Here -->
<main id="page_container" class="main relative page_container">
<!-- Nav -->
<nav class="navigation home-navigation !absolute !bg-black/0 [.desktop--search--focused_&]:-translate-y-full transition duration-300 ">
<div class="navigation-inner">
<div class="identity">
<a href="/">
<!-- Nav Logo -->
<img src="https://venuewise.com/assets/SVGs/venue-wise-logo-white.svg" class="h-[2rem] lg:h-[3.125rem]" alt="venuewise" />
</a>
<a href="/venues" class="nav-link">Discover venues</a>
<a href="/adviser-request-form" class="nav-link">Ask a venue advisor </a>
</div>
<!-- Actions -->
<div class="actions items-center">
<div class="fixed left-0 top-0 h-screen w-full bg-black/80 z-[2] opacity-0 transition-opacity duration-500 [.search-focus_&]:opacity-100 pointer-events-none"></div>
<a href="#" class="group " data-modal-open="login_modal">
<svg width="30" height="30" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_0_1222" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="25"
height="24">
<rect class="group-hover:fill-green" x="0.179199" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_0_1222)">
<path
d="M6.20231 17.2923C7.05231 16.6615 7.97826 16.1635 8.98018 15.7981C9.9821 15.4327 11.0484 15.25 12.1792 15.25C13.31 15.25 14.3763 15.4327 15.3782 15.7981C16.3801 16.1635 17.3061 16.6615 18.1561 17.2923C18.7779 16.609 19.2705 15.8179 19.634 14.9192C19.9975 14.0205 20.1792 13.0474 20.1792 12C20.1792 9.78331 19.4 7.89581 17.8417 6.33748C16.2834 4.77914 14.3959 3.99998 12.1792 3.99998C9.96254 3.99998 8.07504 4.77914 6.5167 6.33748C4.95837 7.89581 4.1792 9.78331 4.1792 12C4.1792 13.0474 4.36094 14.0205 4.7244 14.9192C5.08787 15.8179 5.5805 16.609 6.20231 17.2923ZM12.1795 12.75C11.2665 12.75 10.4965 12.4366 9.86961 11.8099C9.24269 11.1831 8.92923 10.4133 8.92923 9.50028C8.92923 8.58726 9.24259 7.81729 9.86931 7.19038C10.496 6.56346 11.2659 6.25 12.1789 6.25C13.0919 6.25 13.8619 6.56336 14.4888 7.19008C15.1157 7.81681 15.4292 8.58668 15.4292 9.49968C15.4292 10.4127 15.1158 11.1827 14.4891 11.8096C13.8624 12.4365 13.0925 12.75 12.1795 12.75ZM12.1792 21.5C10.86 21.5 9.62248 21.2519 8.46673 20.7557C7.31096 20.2596 6.30551 19.5839 5.45038 18.7288C4.59526 17.8737 3.91963 16.8682 3.42348 15.7125C2.92731 14.5567 2.67923 13.3192 2.67923 12C2.67923 10.6807 2.92731 9.44325 3.42348 8.2875C3.91963 7.13173 4.59526 6.12628 5.45038 5.27115C6.30551 4.41603 7.31096 3.7404 8.46673 3.24425C9.62248 2.74808 10.86 2.5 12.1792 2.5C13.4984 2.5 14.7359 2.74808 15.8917 3.24425C17.0474 3.7404 18.0529 4.41603 18.908 5.27115C19.7631 6.12628 20.4388 7.13173 20.9349 8.2875C21.4311 9.44325 21.6792 10.6807 21.6792 12C21.6792 13.3192 21.4311 14.5567 20.9349 15.7125C20.4388 16.8682 19.7631 17.8737 18.908 18.7288C18.0529 19.5839 17.0474 20.2596 15.8917 20.7557C14.7359 21.2519 13.4984 21.5 12.1792 21.5ZM12.1792 20C13.0818 20 13.952 19.8548 14.7898 19.5644C15.6276 19.274 16.3715 18.8679 17.0215 18.3461C16.3715 17.8436 15.6372 17.4519 14.8186 17.1711C14 16.8903 13.1202 16.75 12.1792 16.75C11.2382 16.75 10.3568 16.8887 9.53496 17.1663C8.71316 17.4439 7.98046 17.8371 7.33688 18.3461C7.98688 18.8679 8.7308 19.274 9.56863 19.5644C10.4064 19.8548 11.2766 20 12.1792 20ZM12.1792 11.25C12.6766 11.25 13.0927 11.0827 13.4273 10.7481C13.7619 10.4134 13.9292 9.99741 13.9292 9.49998C13.9292 9.00254 13.7619 8.58651 13.4273 8.25188C13.0927 7.91726 12.6766 7.74995 12.1792 7.74995C11.6818 7.74995 11.2657 7.91726 10.9311 8.25188C10.5965 8.58651 10.4292 9.00254 10.4292 9.49998C10.4292 9.99741 10.5965 10.4134 10.9311 10.7481C11.2657 11.0827 11.6818 11.25 12.1792 11.25Z"
fill="white" class="group-hover:fill-green"/>
</g>
</svg>
Sign in / Sign up
</a>
<a class="group button-outline" id="favorite_list_btn" href="/collection">
<span class="favorite-count-badge absolute -top-2 -right-2 hidden justify-center items-center bg-green text-black rounded-full w-5 h-5 text-xs font-neue-text font-semibold">0</span>
<svg width="21" height="19" viewBox="0 0 21 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.5976 13.0683C14.5143 14.1516 13.1367 15.447 11.4616 16.9563C11.4612 16.9567 11.4607 16.9571 11.4603 16.9575L10.6797 17.6573L9.89906 16.9575C9.89863 16.9571 9.8982 16.9567 9.89777 16.9563C8.22267 15.447 6.84511 14.1516 5.76179 13.0683C4.68306 11.9895 3.84391 11.0397 3.23243 10.2166C2.62017 9.39237 2.22501 8.67741 2.01038 8.06813C1.7891 7.44 1.67969 6.80227 1.67969 6.15039C1.67969 4.83271 2.1105 3.78379 2.96179 2.9325C3.81309 2.0812 4.86201 1.65039 6.17969 1.65039C6.90015 1.65039 7.58039 1.80166 8.23075 2.10608C8.88267 2.41123 9.44283 2.83931 9.91775 3.39804L10.6797 4.29444L11.4416 3.39804C11.9165 2.83931 12.4767 2.41123 13.1286 2.10608C13.779 1.80166 14.4592 1.65039 15.1797 1.65039C16.4974 1.65039 17.5463 2.0812 18.3976 2.9325C19.2489 3.78379 19.6797 4.83271 19.6797 6.15039C19.6797 6.80227 19.5703 7.44 19.349 8.06813C19.1344 8.67741 18.7392 9.39237 18.1269 10.2166C17.5155 11.0397 16.6763 11.9895 15.5976 13.0683Z"
class="group-hover:stroke-green" stroke="white" stroke-width="2"/>
</svg>
Your favorite venues
</a>
</div>
<!-- Mobile Menu Behzad-Edit -->
<div class="mobile-actions">
<a class="relative" id="mobile_favorite_icon" href="/collection">
<svg width="27" height="25" viewBox="0 0 21 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="heart_stroke_mb"
d="M15.5976 13.0683C14.5143 14.1516 13.1367 15.447 11.4616 16.9563C11.4612 16.9567 11.4607 16.9571 11.4603 16.9575L10.6797 17.6573L9.89906 16.9575C9.89863 16.9571 9.8982 16.9567 9.89777 16.9563C8.22267 15.447 6.84511 14.1516 5.76179 13.0683C4.68306 11.9895 3.84391 11.0397 3.23243 10.2166C2.62017 9.39237 2.22501 8.67741 2.01038 8.06813C1.7891 7.44 1.67969 6.80227 1.67969 6.15039C1.67969 4.83271 2.1105 3.78379 2.96179 2.9325C3.81309 2.0812 4.86201 1.65039 6.17969 1.65039C6.90015 1.65039 7.58039 1.80166 8.23075 2.10608C8.88267 2.41123 9.44283 2.83931 9.91775 3.39804L10.6797 4.29444L11.4416 3.39804C11.9165 2.83931 12.4767 2.41123 13.1286 2.10608C13.779 1.80166 14.4592 1.65039 15.1797 1.65039C16.4974 1.65039 17.5463 2.0812 18.3976 2.9325C19.2489 3.78379 19.6797 4.83271 19.6797 6.15039C19.6797 6.80227 19.5703 7.44 19.349 8.06813C19.1344 8.67741 18.7392 9.39237 18.1269 10.2166C17.5155 11.0397 16.6763 11.9895 15.5976 13.0683Z"
stroke="white" stroke-width="2"/>
</svg>
<span class="mobile-favorite-count favorite-count-badge">
</span>
</a>
<a href="/profile">
<svg class="mt-[0.25rem]" width="28" height="27" viewBox="0 0 28 27" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_5226_68146)">
<path d="M5.17249 21.0206C6.38038 20.1242 7.6962 19.4165 9.11999 18.8972C10.5438 18.378 12.059 18.1184 13.666 18.1184C15.2729 18.1184 16.7881 18.378 18.2119 18.8972C19.6357 19.4165 20.9515 20.1242 22.1595 21.0206C23.043 20.0496 23.743 18.9254 24.2596 17.6483C24.7762 16.3712 25.0343 14.9884 25.0343 13.5C25.0343 10.3499 23.9271 7.66777 21.7127 5.45326C19.4982 3.23877 16.816 2.13154 13.666 2.13154C10.516 2.13154 7.83369 3.23877 5.61926 5.45326C3.40479 7.66777 2.29755 10.3499 2.29755 13.5C2.29755 14.9884 2.55581 16.3712 3.0723 17.6483C3.58882 18.9254 4.28887 20.0496 5.17249 21.0206ZM13.6664 14.5658C12.3689 14.5658 11.2748 14.1204 10.3839 13.2298C9.49302 12.3391 9.04762 11.2452 9.04762 9.94771C9.04762 8.65032 9.49291 7.55618 10.3835 6.66527C11.2741 5.77438 12.3681 5.32894 13.6656 5.32894C14.963 5.32894 16.0572 5.77424 16.948 6.66484C17.8389 7.55544 18.2844 8.64947 18.2844 9.94685C18.2844 11.2443 17.839 12.3386 16.9484 13.2294C16.0578 14.1203 14.9638 14.5658 13.6664 14.5658ZM13.666 27C11.7913 27 10.0327 26.6474 8.39035 25.9423C6.74794 25.2373 5.31914 24.2771 4.10396 23.0619C2.8888 21.8468 1.92869 20.4179 1.22363 18.7756C0.518546 17.1331 0.166016 15.3746 0.166016 13.5C0.166016 11.6251 0.518546 9.86671 1.22363 8.22433C1.92869 6.58192 2.8888 5.15313 4.10396 3.93794C5.31914 2.72277 6.74794 1.76266 8.39035 1.05761C10.0327 0.352531 11.7913 0 13.666 0C15.5406 0 17.2992 0.352531 18.9417 1.05761C20.5839 1.76266 22.0128 2.72277 23.2279 3.93794C24.443 5.15313 25.4033 6.58192 26.1082 8.22433C26.8134 9.86671 27.1659 11.6251 27.1659 13.5C27.1659 15.3746 26.8134 17.1331 26.1082 18.7756C25.4033 20.4179 24.443 21.8468 23.2279 23.0619C22.0128 24.2771 20.5839 25.2373 18.9417 25.9423C17.2992 26.6474 15.5406 27 13.666 27ZM13.666 24.8684C14.9486 24.8684 16.1852 24.6621 17.3758 24.2494C18.5663 23.8367 19.6234 23.2596 20.5472 22.5181C19.6234 21.8041 18.5799 21.2474 17.4167 20.8484C16.2534 20.4493 15.0031 20.2499 13.666 20.2499C12.3288 20.2499 11.0762 20.4471 9.90835 20.8416C8.74057 21.236 7.6993 21.7948 6.78477 22.5181C7.70846 23.2596 8.76562 23.8367 9.95621 24.2494C11.1467 24.6621 12.3833 24.8684 13.666 24.8684ZM13.666 12.4342C14.3728 12.4342 14.9641 12.1964 15.4396 11.721C15.915 11.2453 16.1528 10.6542 16.1528 9.94728C16.1528 9.24045 15.915 8.64926 15.4396 8.1737C14.9641 7.69825 14.3728 7.46048 13.666 7.46048C12.9592 7.46048 12.3679 7.69825 11.8923 8.1737C11.4169 8.64926 11.1791 9.24045 11.1791 9.94728C11.1791 10.6542 11.4169 11.2453 11.8923 11.721C12.3679 12.1964 12.9592 12.4342 13.666 12.4342Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_5226_68146">
<rect width="28" height="27" fill="white"/>
</clipPath>
</defs>
</svg>
</a>
<div class="burger-menu mt-1">
<div class="burger-click-region pointer-events-auto top-8 [.menu--open_&]:fixed [.menu--animating_&]:fixed"
id="mobileMenuToggle">
<span class="burger-menu-piece top"></span>
<span class="burger-menu-piece middle"></span>
<span class="burger-menu-piece bottom"></span>
</div>
</div>
<div class="mobile-menu">
<div>
<ul class="mobile-menu-list border-b border-b-[#363636] font-bold">
<li><a href="/venues">Discover venues</a></li>
<li><a href="/adviser-request-form">Ask a venue advisor</a></li>
</ul>
<ul class="mobile-menu-list border-b border-b-[#363636]">
<li><a href="/venue-registration-form">Get your venue listed</a></li>
<li><a href="/agency-registration-form">Join us as an agency</a></li>
</ul>
<ul class="mobile-menu-list border-b border-b-[#363636]">
<li><a href="/about-us">About us</a></li>
<li><a href="/contact-us">Contact us</a></li>
</ul>
<ul class="mobile-menu-list">
<li><a href="/blog">Event & Venue insights</a></li>
</ul>
<ul class="mobile-menu-list">
<a href="profile/register" class="flex items-center gap-x-2">
<svg width="30" height="30" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_0_1222" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="25"
height="24">
<rect class="group-hover:fill-green" x="0.179199" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_0_1222)">
<path
d="M6.20231 17.2923C7.05231 16.6615 7.97826 16.1635 8.98018 15.7981C9.9821 15.4327 11.0484 15.25 12.1792 15.25C13.31 15.25 14.3763 15.4327 15.3782 15.7981C16.3801 16.1635 17.3061 16.6615 18.1561 17.2923C18.7779 16.609 19.2705 15.8179 19.634 14.9192C19.9975 14.0205 20.1792 13.0474 20.1792 12C20.1792 9.78331 19.4 7.89581 17.8417 6.33748C16.2834 4.77914 14.3959 3.99998 12.1792 3.99998C9.96254 3.99998 8.07504 4.77914 6.5167 6.33748C4.95837 7.89581 4.1792 9.78331 4.1792 12C4.1792 13.0474 4.36094 14.0205 4.7244 14.9192C5.08787 15.8179 5.5805 16.609 6.20231 17.2923ZM12.1795 12.75C11.2665 12.75 10.4965 12.4366 9.86961 11.8099C9.24269 11.1831 8.92923 10.4133 8.92923 9.50028C8.92923 8.58726 9.24259 7.81729 9.86931 7.19038C10.496 6.56346 11.2659 6.25 12.1789 6.25C13.0919 6.25 13.8619 6.56336 14.4888 7.19008C15.1157 7.81681 15.4292 8.58668 15.4292 9.49968C15.4292 10.4127 15.1158 11.1827 14.4891 11.8096C13.8624 12.4365 13.0925 12.75 12.1795 12.75ZM12.1792 21.5C10.86 21.5 9.62248 21.2519 8.46673 20.7557C7.31096 20.2596 6.30551 19.5839 5.45038 18.7288C4.59526 17.8737 3.91963 16.8682 3.42348 15.7125C2.92731 14.5567 2.67923 13.3192 2.67923 12C2.67923 10.6807 2.92731 9.44325 3.42348 8.2875C3.91963 7.13173 4.59526 6.12628 5.45038 5.27115C6.30551 4.41603 7.31096 3.7404 8.46673 3.24425C9.62248 2.74808 10.86 2.5 12.1792 2.5C13.4984 2.5 14.7359 2.74808 15.8917 3.24425C17.0474 3.7404 18.0529 4.41603 18.908 5.27115C19.7631 6.12628 20.4388 7.13173 20.9349 8.2875C21.4311 9.44325 21.6792 10.6807 21.6792 12C21.6792 13.3192 21.4311 14.5567 20.9349 15.7125C20.4388 16.8682 19.7631 17.8737 18.908 18.7288C18.0529 19.5839 17.0474 20.2596 15.8917 20.7557C14.7359 21.2519 13.4984 21.5 12.1792 21.5ZM12.1792 20C13.0818 20 13.952 19.8548 14.7898 19.5644C15.6276 19.274 16.3715 18.8679 17.0215 18.3461C16.3715 17.8436 15.6372 17.4519 14.8186 17.1711C14 16.8903 13.1202 16.75 12.1792 16.75C11.2382 16.75 10.3568 16.8887 9.53496 17.1663C8.71316 17.4439 7.98046 17.8371 7.33688 18.3461C7.98688 18.8679 8.7308 19.274 9.56863 19.5644C10.4064 19.8548 11.2766 20 12.1792 20ZM12.1792 11.25C12.6766 11.25 13.0927 11.0827 13.4273 10.7481C13.7619 10.4134 13.9292 9.99741 13.9292 9.49998C13.9292 9.00254 13.7619 8.58651 13.4273 8.25188C13.0927 7.91726 12.6766 7.74995 12.1792 7.74995C11.6818 7.74995 11.2657 7.91726 10.9311 8.25188C10.5965 8.58651 10.4292 9.00254 10.4292 9.49998C10.4292 9.99741 10.5965 10.4134 10.9311 10.7481C11.2657 11.0827 11.6818 11.25 12.1792 11.25Z"
fill="white" class="group-hover:fill-green"/>
</g>
</svg>
Login / Sign Up
</a>
</ul>
</div>
</div>
</div>
</div>
</nav>
<!-- City Where Modal -->
<section data-modal-name="city_where_modal_mobile" class="!items-end modal--animate__slide__up" data-modal-lock-scroll="true">
<div class="modal__inner flex flex-col grow fixed bottom-0 w-full justify-between md:w-[550px] bg-white rounded-t-[20px] rounded-b-none px-6 pt-8 pb-4 min-h-[80vh]">
<form id="formInCityModal" class="flex flex-col grow transition-[padding-top] duration-300 relative">
<div class="bg-gray-5/20 absolute -top-4 left-1/2 -translate-x-1/2 h-1 w-10 rounded-full close--modal"></div>
<h3 class="font-neue-text font-bold text-[2rem] [@media(max-width:380px)]:text-[1.5rem]">Where is your
event?</h3>
<div id="cityWhereSearchMobileInModalWrapper" class="flex gap-2 w-full mt-4 track--focus city--where__search-mobile-in-modal-wrapper" data-blur-delay="250">
<svg width="30" height="30" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 18C12.9333 18 14.5833 17.3192 15.95 15.9577C17.3167 14.5962 18 12.9436 18 11C18 9.06667 17.3167 7.41667 15.95 6.05C14.5833 4.68333 12.9333 4 11 4C9.05642 4 7.40385 4.68333 6.0423 6.05C4.68077 7.41667 4 9.06667 4 11C4 12.9436 4.68077 14.5962 6.0423 15.9577C7.40385 17.3192 9.05642 18 11 18ZM11 19.5C9.82052 19.5 8.71539 19.2769 7.68463 18.8307C6.65386 18.3846 5.75514 17.7782 4.98847 17.0115C4.22182 16.2449 3.61543 15.3461 3.16928 14.3154C2.72311 13.2846 2.50002 12.1795 2.50002 11C2.50002 9.83077 2.72311 8.73077 3.16928 7.70002C3.61543 6.66926 4.22182 5.76797 4.98847 4.99617C5.75514 4.22439 6.65386 3.61542 7.68463 3.16927C8.71539 2.72311 9.82052 2.50002 11 2.50002C12.1692 2.50002 13.2692 2.72311 14.3 3.16927C15.3307 3.61542 16.232 4.22439 17.0038 4.99617C17.7756 5.76797 18.3846 6.66926 18.8307 7.70002C19.2769 8.73077 19.5 9.83077 19.5 11C19.5 12.041 19.3234 13.0237 18.9702 13.9481C18.617 14.8724 18.1288 15.7102 17.5057 16.4615L21.5 20.4558L20.4404 21.5L16.4462 17.5211C15.6949 18.1442 14.857 18.6298 13.9327 18.9779C13.0083 19.3259 12.0308 19.5 11 19.5Z"
fill="black"/>
</svg>
<div class="w-full flex items-center border-b pl-1 border-[#363636] overflow-hidden relative">
<input class="peer venue-search-input !text-black h-9" type="text"
placeholder="Country, city, and venue" id="cityWhereSearchMobile" autocomplete="off"/>
<button type="button" id="whereClearBtnMobile"
class="text-white top-1/2 -translate-y-1/2 right-0 px-3 h-full absolute opacity-0 bg-white pointer-events-none">
<img src="https://venuewise.com/assets/SVGs/icons/dismiss.svg"/>
</button>
</div>
</div>
<ul class="max-h-full overflow-auto space-y-[18px] scrollbar-hide recent--search--container-mobile hidden flex-col pt-6 mt-4 pb-6 h-0 grow">
</ul>
<div class="grow h-0 overflow-auto scrollbar-hide search--contaienr pt-6 my-4
-mx-6 px-6 border-y border-[transparent] data-[scroll-position=start]:border-b-[#E3E3E3] data-[scroll-position=end]:border-t-[#E3E3E3] data-[scroll-position=scrolling]:border-y-[#E3E3E3]
" data-scroll-track data-trigger="click">
<div class="overflow-auto scrollbar-hide">
<div class="country__box" id="staticSearchCountryContainerMobile" data-type="country" data-id="1" data-venue-count="1138" data-agency-count="0">
<img src="https://venuewise.com/assets/images/country/uae.png" class="country__flag--image" alt="">
<h6 class="country--title">United Arab Emirates</h6>
</div>
<ul class="flex flex-wrap gap-2 city-container-mobile">
<li class="city-container-radio" data-trigger-element="city_1" data-type="city" data-id="1" data-venue-count="783" data-agency-count="0">
<input type="radio" name="city" value="Dubai" id="mobileModalCityItem_1" checked>
<label for="mobileModalCityItem_1">
Dubai
</label>
</li>
<li class="city-container-radio" data-trigger-element="city_17" data-type="city" data-id="17" data-venue-count="218" data-agency-count="0">
<input type="radio" name="city" value="Abu Dhabi" id="mobileModalCityItem_17" >
<label for="mobileModalCityItem_17">
Abu Dhabi
</label>
</li>
<li class="city-container-radio" data-trigger-element="city_2" data-type="city" data-id="2" data-venue-count="65" data-agency-count="0">
<input type="radio" name="city" value="Sharjah" id="mobileModalCityItem_2" >
<label for="mobileModalCityItem_2">
Sharjah
</label>
</li>
<li class="city-container-radio" data-trigger-element="city_16" data-type="city" data-id="16" data-venue-count="32" data-agency-count="0">
<input type="radio" name="city" value="Ras Al-Khaimah" id="mobileModalCityItem_16" >
<label for="mobileModalCityItem_16">
Ras Al-Khaimah
</label>
</li>
<li class="city-container-radio" data-trigger-element="city_3" data-type="city" data-id="3" data-venue-count="14" data-agency-count="0">
<input type="radio" name="city" value="Ajman" id="mobileModalCityItem_3" >
<label for="mobileModalCityItem_3">
Ajman
</label>
</li>
</ul>
<div class="mt-6 " data-trigger-target="city_1">
<p class="font-light font-neue text-[#999999] text-lg mb-2 lg:mb-1.5">
Venues: <span class="venue--counts">783</span></p>
<div class="grid grid-cols-3 gap-y-3 gap-x-2">
<a href="/venue/jw-marriott-marquis-hotel-dubai" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/02/21/53/venuewise_jw_marriott_marquis_hotel_dubai_23610.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">JW Marriott Marquis Hotel Dubai</p>
</div>
</a>
<a href="/venue/the-dubai-edition" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/11/11/edt_dubai_08bw_view_rgb_v1_6731a11e733a0.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">The Dubai EDITION</p>
</div>
</a>
<a href="/venue/so-uptown-dubai" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/09/11/ballroom_66e1829a31485.PNG" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">SO/ Uptown Dubai</p>
</div>
</a>
<a href="/venue/marriott-hotel-al-jaddaf-dubai" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/09/09/dsc9514_66dee2085cfe6.JPG" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">Marriott Hotel Al Jaddaf, Dubai</p>
</div>
</a>
<a href="/venue/melia-desert-palm-member-of-melia-collection" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/07/07/venuewise_melia_desert_palm_member_of_melia_collection_dubai_20297.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">Meliá Desert Palm member of Meliá Collec...</p>
</div>
</a>
<a href="/venue/hilton-dubai-al-habtoor-city" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/02/21/56/venuewise_hilton_dubai_al_habtoor_city_dubai_22459.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">Hilton Dubai Al Habtoor City</p>
</div>
</a>
<a href="/venue/zabeel-theatre-jumeirah-zabeel-saray" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/05/30/image_6658692dce863.png" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Theatres / Cinemas
</span>
<p class="search__venue--card--title">Zabeel Theatre, Jumeirah Zabeel Saray</p>
</div>
</a>
<a href="/venue/millennium-place-barsha-heights-hotel" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/08/17/2024_08_17_001348_66bfbf7308b9c.png" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">Millennium Place Barsha Heights Hotel</p>
</div>
</a>
<a href="/venue/radisson-dubai-damac-hills" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/08/01/venuewise_radisson_dubai_damac_hills_dubai_24795.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">Radisson Dubai Damac Hills</p>
</div>
</a>
<a href="/venue/bch-clb" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/04/24/venuewise_bch_clb_dubai_23618.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Bars / Clubs / Lounges
</span>
<p class="search__venue--card--title">BCH CLB</p>
</div>
</a>
</div>
</div>
<div class="mt-6 hidden" data-trigger-target="city_17">
<p class="font-light font-neue text-[#999999] text-lg mb-2 lg:mb-1.5">
Venues: <span class="venue--counts">218</span></p>
<div class="grid grid-cols-3 gap-y-3 gap-x-2">
<a href="/venue/adnec-centre-abu-dhabi" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/10/06/02_capital_gate_6702c3a3e4e2f.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Exhibition Centers
</span>
<p class="search__venue--card--title">ADNEC Centre Abu Dhabi</p>
</div>
</a>
<a href="/venue/intercontinental-residences-abu-dhabi-an-ihg-hotel" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/08/12/image_66b9b61c98691.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">InterContinental Residences Abu Dhabi, a...</p>
</div>
</a>
<a href="/venue/etihad-arena" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/09/20/lw3fg88rbodmt3yy_66ed83257d8b8.jfif" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Arenas
</span>
<p class="search__venue--card--title">Etihad Arena</p>
</div>
</a>
<a href="/venue/emirates-palace-mandarin-oriental-1" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/07/27/image_66a4db0dcfbf5.webp" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">Emirates Palace Mandarin Oriental</p>
</div>
</a>
<a href="/venue/al-maya-island-resort" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/10/09/360184726_67065cab9ffa5.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">Al Maya Island & Resort</p>
</div>
</a>
<a href="/venue/casa-dunia-club" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/10/10/dsc02287_min_6707f85c916d4.JPG" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Bars / Clubs / Lounges
</span>
<p class="search__venue--card--title">Casa Dunia Club</p>
</div>
</a>
<a href="/venue/cultural-foundation-auditoriums" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/10/12/cultural_foundation_theatre_1_670a02ca75f51.png" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Auditoriums
</span>
<p class="search__venue--card--title">Cultural Foundation Auditoriums</p>
</div>
</a>
<a href="/venue/the-st-regis-saadiyat-island-resort-abu-dhabi" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/09/28/auhxr_regal_ballroom_6704_hor_wide_66f72a05d4d2e.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">The St. Regis Saadiyat Island Resort, Ab...</p>
</div>
</a>
</div>
</div>
<div class="mt-6 hidden" data-trigger-target="city_2">
<p class="font-light font-neue text-[#999999] text-lg mb-2 lg:mb-1.5">
Venues: <span class="venue--counts">65</span></p>
<div class="grid grid-cols-3 gap-y-3 gap-x-2">
<a href="/venue/the-flag-island" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/02/21/53/65d542822b785.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Special Venues
</span>
<p class="search__venue--card--title">The Flag Island</p>
</div>
</a>
<a href="/venue/sharjah-golf-and-shooting-club" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/11/07/sharjah_golf_shooting_club_46_xl_672c03cf8de8a.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Golf Courses
</span>
<p class="search__venue--card--title">Sharjah Golf and Shooting Club</p>
</div>
</a>
<a href="/venue/al-jawaher-reception-and-convention-centre" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/09/19/001_66ec4afc8c112.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Special Venues
</span>
<p class="search__venue--card--title">Al Jawaher Reception and Convention Cent...</p>
</div>
</a>
<a href="/venue/sharjah-chamber-of-commerce-and-industry" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/08/28/sharjahchamber_cover_66cf85760b9c9.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Special Venues
</span>
<p class="search__venue--card--title">Sharjah Chamber of Commerce and Industry</p>
</div>
</a>
<a href="/venue/expo-centre-sharjah" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/10/29/29474_196458_1_6720cd51e52e5.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Exhibition Centers
</span>
<p class="search__venue--card--title">Expo Centre Sharjah</p>
</div>
</a>
</div>
</div>
<div class="mt-6 hidden" data-trigger-target="city_16">
<p class="font-light font-neue text-[#999999] text-lg mb-2 lg:mb-1.5">
Venues: <span class="venue--counts">32</span></p>
<div class="grid grid-cols-3 gap-y-3 gap-x-2">
<a href="/venue/hilton-garden-inn-ras-al-khaimah-1" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/11/03/492630048_672748ae14e48.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">Hilton Garden Inn Ras Al Khaimah</p>
</div>
</a>
<a href="/venue/rixos-al-mairid-ras-al-khaimah" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/09/17/dji_0409_2_11zon_66e93630dddba_66e959cc13cd7.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">Rixos Al Mairid Ras Al Khaimah</p>
</div>
</a>
<a href="/venue/al-hamra-international-exhibition-conference-center" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/11/04/screen_shot_2022_03_10_at_8_upscayl_2x_realesrgan_x4plus_6728eb38e5af8.png" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Exhibition Centers
</span>
<p class="search__venue--card--title">Al Hamra International Exhibition & Conf...</p>
</div>
</a>
<a href="/venue/bm-beach-hotel" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/11/06/bm_hotel_202319_min_scaled_672b58fb70529.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">BM Beach Hotel</p>
</div>
</a>
<a href="/venue/waldorf-astoria-ras-al-khaimah" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/10/24/008_areal_671a050b5b196.webp" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">Waldorf Astoria Ras Al Khaimah</p>
</div>
</a>
</div>
</div>
<div class="mt-6 hidden" data-trigger-target="city_3">
<p class="font-light font-neue text-[#999999] text-lg mb-2 lg:mb-1.5">
Venues: <span class="venue--counts">14</span></p>
<div class="grid grid-cols-3 gap-y-3 gap-x-2">
<a href="/venue/ramada-hotel-suites-by-wyndham-ajman-2" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/10/28/meet_majestic_671fdb398c8c4.png" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">Ramada Hotel & Suites by Wyndham Ajman</p>
</div>
</a>
<a href="/venue/bahi-ajman-palace-hotel" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/02/21/54/venuewise_bahi_ajman_palace_hotel_dubai_21819.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">Bahi Ajman Palace Hotel</p>
</div>
</a>
<a href="/venue/fairmont-ajman" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/02/21/54/venuewise_fairmont_ajman_dubai_21971.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">Fairmont Ajman</p>
</div>
</a>
<a href="/venue/al-zorah-golf-club" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/12/05/al_zorah_11th_3538_web_scaled_6750d081bc3a0.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Golf Courses
</span>
<p class="search__venue--card--title">Al Zorah Golf Club</p>
</div>
</a>
<a href="/venue/kempinski-hotel-ajman" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/10/17/ballroom_edited_orig_standard_6710c6d90512e.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">Kempinski Hotel Ajman</p>
</div>
</a>
</div>
</div>
</div>
</div>
<button
id="cityNextBtnInModal"
class="font-semibold text-black bg-green hover:bg-black hover:text-white transition-colors duration-200 w-full h-14 text-center font-neue mt-auto" type="button" onclick="getModal('event_type_modal_mobile')._va_modal_instance.open()"
>
Next
</button>
</form>
</div>
</section>
<!-- Event type Modal -->
<section data-modal-name="event_type_modal_mobile" class="!items-end modal--animate__slide__up"
data-modal-lock-scroll="true">
<div
class="modal__inner flex flex-col grow fixed bottom-0 w-full justify-between md:w-[550px] bg-white rounded-t-[20px] rounded-b-none px-6 py-8 min-h-[75vh]">
<form class="flex flex-col grow gap-y-4 transition-[padding-top] duration-300 relative">
<div class="bg-gray-5/20 absolute -top-4 left-1/2 -translate-x-1/2 h-1 w-10 rounded-full close--modal"></div>
<h3 class="font-neue-text font-bold text-[2rem] [@media(max-width:380px)]:text-[1.5rem]">Enter your event
type</h3>
<div class="flex gap-2 w-full">
<svg width="30" height="30" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 18C12.9333 18 14.5833 17.3192 15.95 15.9577C17.3167 14.5962 18 12.9436 18 11C18 9.06667 17.3167 7.41667 15.95 6.05C14.5833 4.68333 12.9333 4 11 4C9.05642 4 7.40385 4.68333 6.0423 6.05C4.68077 7.41667 4 9.06667 4 11C4 12.9436 4.68077 14.5962 6.0423 15.9577C7.40385 17.3192 9.05642 18 11 18ZM11 19.5C9.82052 19.5 8.71539 19.2769 7.68463 18.8307C6.65386 18.3846 5.75514 17.7782 4.98847 17.0115C4.22182 16.2449 3.61543 15.3461 3.16928 14.3154C2.72311 13.2846 2.50002 12.1795 2.50002 11C2.50002 9.83077 2.72311 8.73077 3.16928 7.70002C3.61543 6.66926 4.22182 5.76797 4.98847 4.99617C5.75514 4.22439 6.65386 3.61542 7.68463 3.16927C8.71539 2.72311 9.82052 2.50002 11 2.50002C12.1692 2.50002 13.2692 2.72311 14.3 3.16927C15.3307 3.61542 16.232 4.22439 17.0038 4.99617C17.7756 5.76797 18.3846 6.66926 18.8307 7.70002C19.2769 8.73077 19.5 9.83077 19.5 11C19.5 12.041 19.3234 13.0237 18.9702 13.9481C18.617 14.8724 18.1288 15.7102 17.5057 16.4615L21.5 20.4558L20.4404 21.5L16.4462 17.5211C15.6949 18.1442 14.857 18.6298 13.9327 18.9779C13.0083 19.3259 12.0308 19.5 11 19.5Z" fill="black"/>
</svg>
<div class="w-full flex items-center border-b pl-1 border-[#363636] overflow-hidden relative">
<input class="peer venue-search-input !text-black h-9" type="text" id="eventTypeSearchMobile"
placeholder="Enter your preferred event type" data-combobox="eventTypeSearchMobile" data-all-btn="true"
data-combobox-check="true" autocomplete="off" data-combobox-clear-el="button"/>
<button type="button"
class="text-white top-1/2 -translate-y-1/2 right-0 px-3 h-full absolute opacity-0 bg-white pointer-events-none">
<img src="https://venuewise.com/assets/SVGs/icons/dismiss.svg"/>
</button>
</div>
</div>
<div class="autocomplete__container">
<ul class="autocomplete__results z-[990] !ml-0 h-max-xs:max-h-56"
data-combobox-results="eventTypeSearchMobile">
<li data-combobox-checked="false" data-combobox-checked-value="Corporate Events">
Corporate Events
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Conferences">
Conferences
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Weddings-Indoor">
Weddings-Indoor
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Weddings-Outdoor">
Weddings-Outdoor
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Parties and Celebrations">
Parties and Celebrations
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Product Launches and Demos">
Product Launches and Demos
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Indoor Dinners/Awards/Galas">
Indoor Dinners/Awards/Galas
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Outdoor Dinners/Awards/Galas">
Outdoor Dinners/Awards/Galas
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Seminars">
Seminars
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Networking Events">
Networking Events
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Team Building Activities">
Team Building Activities
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Brand Activations">
Brand Activations
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Trainings and Workshops">
Trainings and Workshops
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Art Shows">
Art Shows
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Concerts and Music Performances">
Concerts and Music Performances
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Theaters and Performances">
Theaters and Performances
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Photo and Video Shoots">
Photo and Video Shoots
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Movie Premiere">
Movie Premiere
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Film Festivals">
Film Festivals
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Graduation Events">
Graduation Events
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Fashion Shows and Weeks">
Fashion Shows and Weeks
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Gaming Tournaments">
Gaming Tournaments
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Sports Tournaments">
Sports Tournaments
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Festivals">
Festivals
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Meetings">
Meetings
</li>
<li data-combobox-checked="false" data-combobox-checked-value="Trade Shows & Exhibitions">
Trade Shows & Exhibitions
</li>
</ul>
</div>
<button
class="font-semibold text-black bg-green hover:bg-black hover:text-white transition-colors duration-200 w-full h-14 text-center font-neue mt-auto"
type="button" onclick="getModal('attendees_modal_mobile')._va_modal_instance.open()">
Next
</button>
</form>
</div>
</section>
<!-- Attendees Modal -->
<section data-modal-name="attendees_modal_mobile" class="!items-end modal--animate__slide__up" data-modal-lock-scroll="true">
<div class="modal__inner flex flex-col grow fixed bottom-0 w-full justify-between md:w-[550px] bg-white rounded-t-[20px] rounded-b-none px-6 py-8 min-h-[80vh]">
<form class="flex flex-col grow gap-y-4 transition-[padding-top] duration-300 relative">
<div class="bg-gray-5/20 absolute -top-4 left-1/2 -translate-x-1/2 h-1 w-10 rounded-full close--modal"></div>
<h3 class="font-neue-text font-bold text-[2rem] [@media(max-width:380px)]:text-[1.5rem]">Enter
Attendees</h3>
<div class="w-full">
<label class="group-focus-within:text-[#999999] group-focus-within:text-[16px] text-black text-[18px] font-neue font-semibold transition-all">Number
of attendees</label>
<div class="range w-full h-7 my-2">
<input type="range" min="0" max="2000" step="10" value="0" id="heroAttendeesMobileRange" class="range-input" data-range-slider-value-el="#peopleSlider2"/>
</div>
<input type="number" id="heroAttendeesMobileRangeInput" value="0" class="w-full h-[56px] input-outline text-center font-neue text-[18px] text-black"/>
</div>
<button class="close--modal font-semibold text-black bg-green hover:bg-black hover:text-white transition-colors duration-200 w-full h-14 text-center font-neue mt-auto" type="button">
Apply
</button>
</form>
</div>
</section>
<!-- Header + Search -->
<header class="w-full bg-cover bg-center relative">
<div class="home__hero--overlay"></div>
<div class="swiper absolute inset-0 w-full h-full home__hero--swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="https://venuewise.com/uploads/slider/673b75367cecd.jpg" class="h-full w-full object-cover object-center" alt="Museum of the Future, Dubai, UAE">
</div>
<div class="swiper-slide">
<img src="https://venuewise.com/uploads/slider/6750697636d72.jpg" class="h-full w-full object-cover object-center" alt="Al Noor Island, Sharjah, UAE">
</div>
<div class="swiper-slide">
<img src="https://venuewise.com/uploads/slider/6750697e93926.jpg" class="h-full w-full object-cover object-center" alt="ADNEC Centre, Abu Dhabi, UAE">
</div>
<div class="swiper-slide">
<img src="https://venuewise.com/uploads/slider/6751393cbb45d.jpg" class="h-full w-full object-cover object-center" alt="Al Zorah Golf Club, Ajman, UAE">
</div>
</div>
</div>
<div class="absolute bottom-10 w-full left-0 px-5 lg:px-10 z-[5] flex items-center gap-4">
<!-- Pagination -->
<div class="home--hero__pagination swiper-pagination"></div>
<!-- swiper -->
<div class="swiper home--hero__pagination--text z-10">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="https://venuewise.com/venue/museum-of-the-future">Museum of the Future, Dubai, UAE</a>
</div>
<div class="swiper-slide">
<a href="https://venuewise.com/venue/al-noor-island">Al Noor Island, Sharjah, UAE</a>
</div>
<div class="swiper-slide">
<a href="https://venuewise.com/venue/adnec-centre-abu-dhabi">ADNEC Centre, Abu Dhabi, UAE</a>
</div>
<div class="swiper-slide">
<a href="https://venuewise.com/venue/al-zorah-golf-club">Al Zorah Golf Club, Ajman, UAE</a>
</div>
</div>
</div>
</div>
<!-- Advanced Search Bar -->
<section class="relative z-[3] w-full h-[110vh] min-h-[820px] mobile:h-[90vh] tablet:h-[90vh] lg:!h-[100vh] flex flex-col md:justify-center md:items-center md:pt-0 pt-12 h-min-xs:items-center h-min-xs:justify-center h-max-xs:pt-36 h-min-sm:h-screen text-white">
<div class="w-full lg:w-auto px-4 lg:px-0 2xl:-mt-[14rem] lg:-mt-[11rem] -mt-[7rem] transition duration-300 z-[1] transform
[.desktop--search--focused_&]:[--tw-translate-y:var(--hero-search-y-offset,-10rem)]">
<div class="[.desktop--search--focused_&]:scale-75 [.desktop--search--focused_&]:opacity-70 transition duration-300 origin-bottom-left">
<div class="flex flex-col lg:flex-row lg:items-end gap-1 font-condensed font-black mt-20 lg:mt-0">
<span class="text-[80px] lg:text-[110px] leading-[70px] lg:leading-[110%]">1,141 </span>
<span class="text-[35px] lg:text-[60px] inline-block mb-0 ml-0 lg:ml-2 font-semibold">Event venues</span>
</div>
<span class="text-[20px] lg:text-[27px] font-neue-text font-bold leading-[0px] lg:leading-[30px]">
Let’s find the perfect venue for your event
</span>
</div>
<!-- Desktop Search -->
<div class="hidden lg:flex clip-search w-full flex-col lg:flex-row lg:items-center bg-white my-5" id="desktopSearchFormWrapper" tabindex="1">
<form class="flex flex-col lg:flex-row items-center dropdown__container h-auto lg:h-24 px-6 py-5 lg:py-0 [@media(max-width:1480px)]:max-w-[970px]" id="desktopHeroSearch" action="/filter" method="POST" autocomplete="off">
<input type="hidden" name="_token" value="Nf0tlAzSqWkYnTzYXGPDQvukRbWGo0AgQM51oWzk"> <!-- Input 1: Where -->
<div class="group w-full lg:w-[260px] pb-3 lg:pb-0 border-b border-[#6B6B6B] lg:border-none relative track--filled track--focus">
<label class="pt-6 block w-full group-[.focused]:text-[#999999] group-[.focused]:text-[16px] group-[.filled]:text-[#999999] group-[.filled]:text-[16px] text-black text-[18px] font-neue font-semibold transition-all" for="searchActivity">Where's your event?
</label>
<input placeholder="Country, city, and venue" id="searchActivity"
class="pb-6 peer autocomplete-input font-neue font-light !text-sm [.filled_&]:!text-[18px]" name="textSearch"/>
<button type="button" id="whereClearBtn"
class="text-white bottom-6 right-0 px-3 py-1.5 absolute opacity-0 pointer-events-none bg-white">
<img src="https://venuewise.com/assets/SVGs/icons/dismiss.svg"/>
</button>
</div>
<!-- recent -->
<div id="recentSearchDropdown"
class="dropdown__box hero--dropdown !mt-1 left-0 text-gray-5 flex py-6 px-5"
data-dropdown-target="where3">
<div class="recent__search--not-found hidden">
<p>No results found. Try using different keywords to search for the city, neighborhood, or property name.</p>
</div>
<div class="max-h-full overflow-auto w-7/12 sticky top-6 scrollbar-hide">
<ul class="mt-3 flex flex-col items-start space-y-[18px] recent--search--container-desktop">
</ul>
</div>
<div class="w-5/12 pl-8 overflow-auto scrollbar-hide recent-search-card--container"></div>
</div>
<!-- city -->
<div id="citySearchDropdown" class="dropdown__box hero--dropdown !mt-1 left-0 text-gray-5 flex pl-5"
data-dropdown-target="where2" data-trigger="click">
<div class="max-h-full overflow-auto w-[35%] sticky top-6 scrollbar-hide py-6 flex flex-col">
<div class="w-full border-r border-[#E3E3E3] grow flex flex-col">
<div class="country__box" id="staticSearchCountryContainer" data-type="country" data-id="1" data-venue-count="1138" data-agency-count="0">
<img src="https://venuewise.com/assets/images/country/uae.png" class="country__flag--image" alt="">
<h6 class="country--title">United Arab Emirates</h6>
</div>
<ul class="city-container-desktop country__city--container">
<li class="country__city" data-trigger-element="city_desc_1" data-type="city" data-id="1" data-venue-count="783" data-agency-count="0">
<input type="radio" name="dropdown_city" id="dropdown_city_1" checked>
<label for="dropdown_city_1">Dubai</label>
</li>
<li class="country__city" data-trigger-element="city_desc_17" data-type="city" data-id="17" data-venue-count="218" data-agency-count="0">
<input type="radio" name="dropdown_city" id="dropdown_city_17" >
<label for="dropdown_city_17">Abu Dhabi</label>
</li>
<li class="country__city" data-trigger-element="city_desc_2" data-type="city" data-id="2" data-venue-count="65" data-agency-count="0">
<input type="radio" name="dropdown_city" id="dropdown_city_2" >
<label for="dropdown_city_2">Sharjah</label>
</li>
<li class="country__city" data-trigger-element="city_desc_16" data-type="city" data-id="16" data-venue-count="32" data-agency-count="0">
<input type="radio" name="dropdown_city" id="dropdown_city_16" >
<label for="dropdown_city_16">Ras Al-Khaimah</label>
</li>
<li class="country__city" data-trigger-element="city_desc_3" data-type="city" data-id="3" data-venue-count="14" data-agency-count="0">
<input type="radio" name="dropdown_city" id="dropdown_city_3" >
<label for="dropdown_city_3">Ajman</label>
</li>
</ul>
</div>
</div>
<div class="w-[65%] pl-8 overflow-auto [&::-webkit-scrollbar]:w-1.5 pr-5 search--trigger--target " data-trigger-target="city_desc_1">
<p class="font-light font-neue text-[#999999] text-lg mb-1.5 pt-6 bg-white sticky top-0">
Venues: <span class="venue--counts">783</span>
</p>
<div class="grid grid-cols-5 gap-3 pb-6">
<a href="/venue/jw-marriott-marquis-hotel-dubai" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/02/21/53/venuewise_jw_marriott_marquis_hotel_dubai_23610.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">
JW Marriott Marquis Hotel Dubai
</p>
</div>
</a>
<a href="/venue/the-dubai-edition" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/11/11/edt_dubai_08bw_view_rgb_v1_6731a11e733a0.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">
The Dubai EDITION
</p>
</div>
</a>
<a href="/venue/so-uptown-dubai" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/09/11/ballroom_66e1829a31485.PNG" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">
SO/ Uptown Dubai
</p>
</div>
</a>
<a href="/venue/marriott-hotel-al-jaddaf-dubai" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/09/09/dsc9514_66dee2085cfe6.JPG" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">
Marriott Hotel Al Jaddaf, Dubai
</p>
</div>
</a>
<a href="/venue/melia-desert-palm-member-of-melia-collection" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/07/07/venuewise_melia_desert_palm_member_of_melia_collection_dubai_20297.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">
Meliá Desert Palm member of Meliá Collec...
</p>
</div>
</a>
<a href="/venue/hilton-dubai-al-habtoor-city" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/02/21/56/venuewise_hilton_dubai_al_habtoor_city_dubai_22459.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">
Hilton Dubai Al Habtoor City
</p>
</div>
</a>
<a href="/venue/zabeel-theatre-jumeirah-zabeel-saray" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/05/30/image_6658692dce863.png" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Theatres / Cinemas
</span>
<p class="search__venue--card--title">
Zabeel Theatre, Jumeirah Zabeel Saray
</p>
</div>
</a>
<a href="/venue/millennium-place-barsha-heights-hotel" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/08/17/2024_08_17_001348_66bfbf7308b9c.png" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">
Millennium Place Barsha Heights Hotel
</p>
</div>
</a>
<a href="/venue/radisson-dubai-damac-hills" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/08/01/venuewise_radisson_dubai_damac_hills_dubai_24795.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">
Radisson Dubai Damac Hills
</p>
</div>
</a>
<a href="/venue/bch-clb" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/04/24/venuewise_bch_clb_dubai_23618.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Bars / Clubs / Lounges
</span>
<p class="search__venue--card--title">
BCH CLB
</p>
</div>
</a>
</div>
</div>
<div class="w-[65%] pl-8 overflow-auto [&::-webkit-scrollbar]:w-1.5 pr-5 search--trigger--target hidden" data-trigger-target="city_desc_17">
<p class="font-light font-neue text-[#999999] text-lg mb-1.5 pt-6 bg-white sticky top-0">
Venues: <span class="venue--counts">218</span>
</p>
<div class="grid grid-cols-5 gap-3 pb-6">
<a href="/venue/adnec-centre-abu-dhabi" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/10/06/02_capital_gate_6702c3a3e4e2f.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Exhibition Centers
</span>
<p class="search__venue--card--title">
ADNEC Centre Abu Dhabi
</p>
</div>
</a>
<a href="/venue/intercontinental-residences-abu-dhabi-an-ihg-hotel" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/08/12/image_66b9b61c98691.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">
InterContinental Residences Abu Dhabi, a...
</p>
</div>
</a>
<a href="/venue/etihad-arena" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/09/20/lw3fg88rbodmt3yy_66ed83257d8b8.jfif" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Arenas
</span>
<p class="search__venue--card--title">
Etihad Arena
</p>
</div>
</a>
<a href="/venue/emirates-palace-mandarin-oriental-1" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/07/27/image_66a4db0dcfbf5.webp" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">
Emirates Palace Mandarin Oriental
</p>
</div>
</a>
<a href="/venue/al-maya-island-resort" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/10/09/360184726_67065cab9ffa5.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">
Al Maya Island & Resort
</p>
</div>
</a>
<a href="/venue/casa-dunia-club" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/10/10/dsc02287_min_6707f85c916d4.JPG" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Bars / Clubs / Lounges
</span>
<p class="search__venue--card--title">
Casa Dunia Club
</p>
</div>
</a>
<a href="/venue/cultural-foundation-auditoriums" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/10/12/cultural_foundation_theatre_1_670a02ca75f51.png" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Auditoriums
</span>
<p class="search__venue--card--title">
Cultural Foundation Auditoriums
</p>
</div>
</a>
<a href="/venue/the-st-regis-saadiyat-island-resort-abu-dhabi" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/09/28/auhxr_regal_ballroom_6704_hor_wide_66f72a05d4d2e.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">
The St. Regis Saadiyat Island Resort, Ab...
</p>
</div>
</a>
</div>
</div>
<div class="w-[65%] pl-8 overflow-auto [&::-webkit-scrollbar]:w-1.5 pr-5 search--trigger--target hidden" data-trigger-target="city_desc_2">
<p class="font-light font-neue text-[#999999] text-lg mb-1.5 pt-6 bg-white sticky top-0">
Venues: <span class="venue--counts">65</span>
</p>
<div class="grid grid-cols-5 gap-3 pb-6">
<a href="/venue/the-flag-island" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/02/21/53/65d542822b785.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Special Venues
</span>
<p class="search__venue--card--title">
The Flag Island
</p>
</div>
</a>
<a href="/venue/sharjah-golf-and-shooting-club" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/11/07/sharjah_golf_shooting_club_46_xl_672c03cf8de8a.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Golf Courses
</span>
<p class="search__venue--card--title">
Sharjah Golf and Shooting Club
</p>
</div>
</a>
<a href="/venue/al-jawaher-reception-and-convention-centre" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/09/19/001_66ec4afc8c112.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Special Venues
</span>
<p class="search__venue--card--title">
Al Jawaher Reception and Convention Cent...
</p>
</div>
</a>
<a href="/venue/sharjah-chamber-of-commerce-and-industry" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/08/28/sharjahchamber_cover_66cf85760b9c9.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Special Venues
</span>
<p class="search__venue--card--title">
Sharjah Chamber of Commerce and Industry
</p>
</div>
</a>
<a href="/venue/expo-centre-sharjah" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/10/29/29474_196458_1_6720cd51e52e5.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Exhibition Centers
</span>
<p class="search__venue--card--title">
Expo Centre Sharjah
</p>
</div>
</a>
</div>
</div>
<div class="w-[65%] pl-8 overflow-auto [&::-webkit-scrollbar]:w-1.5 pr-5 search--trigger--target hidden" data-trigger-target="city_desc_16">
<p class="font-light font-neue text-[#999999] text-lg mb-1.5 pt-6 bg-white sticky top-0">
Venues: <span class="venue--counts">32</span>
</p>
<div class="grid grid-cols-5 gap-3 pb-6">
<a href="/venue/hilton-garden-inn-ras-al-khaimah-1" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/11/03/492630048_672748ae14e48.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">
Hilton Garden Inn Ras Al Khaimah
</p>
</div>
</a>
<a href="/venue/rixos-al-mairid-ras-al-khaimah" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/09/17/dji_0409_2_11zon_66e93630dddba_66e959cc13cd7.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">
Rixos Al Mairid Ras Al Khaimah
</p>
</div>
</a>
<a href="/venue/al-hamra-international-exhibition-conference-center" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/11/04/screen_shot_2022_03_10_at_8_upscayl_2x_realesrgan_x4plus_6728eb38e5af8.png" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Exhibition Centers
</span>
<p class="search__venue--card--title">
Al Hamra International Exhibition & Conf...
</p>
</div>
</a>
<a href="/venue/bm-beach-hotel" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/11/06/bm_hotel_202319_min_scaled_672b58fb70529.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">
BM Beach Hotel
</p>
</div>
</a>
<a href="/venue/waldorf-astoria-ras-al-khaimah" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/10/24/008_areal_671a050b5b196.webp" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">
Waldorf Astoria Ras Al Khaimah
</p>
</div>
</a>
</div>
</div>
<div class="w-[65%] pl-8 overflow-auto [&::-webkit-scrollbar]:w-1.5 pr-5 search--trigger--target hidden" data-trigger-target="city_desc_3">
<p class="font-light font-neue text-[#999999] text-lg mb-1.5 pt-6 bg-white sticky top-0">
Venues: <span class="venue--counts">14</span>
</p>
<div class="grid grid-cols-5 gap-3 pb-6">
<a href="/venue/ramada-hotel-suites-by-wyndham-ajman-2" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/10/28/meet_majestic_671fdb398c8c4.png" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">
Ramada Hotel & Suites by Wyndham Ajman
</p>
</div>
</a>
<a href="/venue/bahi-ajman-palace-hotel" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/02/21/54/venuewise_bahi_ajman_palace_hotel_dubai_21819.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">
Bahi Ajman Palace Hotel
</p>
</div>
</a>
<a href="/venue/fairmont-ajman" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/02/21/54/venuewise_fairmont_ajman_dubai_21971.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">
Fairmont Ajman
</p>
</div>
</a>
<a href="/venue/al-zorah-golf-club" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/12/05/al_zorah_11th_3538_web_scaled_6750d081bc3a0.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Golf Courses
</span>
<p class="search__venue--card--title">
Al Zorah Golf Club
</p>
</div>
</a>
<a href="/venue/kempinski-hotel-ajman" class="search__venue--card">
<img src="https://venuewise.com/upload/venue/gallery/thumbnails/2024/10/17/ballroom_edited_orig_standard_6710c6d90512e.jpg" alt=""
class="search__venue--card--image">
<div class="search__venue--card--inner">
<span class="search__venue--card--caption">
Hotels
</span>
<p class="search__venue--card--title">
Kempinski Hotel Ajman
</p>
</div>
</a>
</div>
</div>
</div>
<!-- country -->
<div id="countrySearchDropdown" class="dropdown__box hero--dropdown !mt-1 left-0 text-gray-5 flex px-5"
data-dropdown-target="where">
<div class="max-h-full overflow-auto w-4/12 sticky top-6 scrollbar-hide py-6 flex flex-col">
<div class="w-full border-r border-[#E3E3E3] grow">
<div class="space-y-6 pr-4">
</div>
</div>
</div>
<div class="w-8/12 pl-8 overflow-auto scrollbar-hide pt-6">
<p class="font-light font-neue text-[#999999] text-lg mb-1.5">Venues: 800</p>
<div class="grid grid-cols-5 gap-3">
</div>
<p class="font-light font-neue text-[#999999] text-lg mt-[18px] mb-1.5">Agencies: 63</p>
<div class="grid grid-cols-5 gap-y-3 gap-x-4 pb-6">
</div>
</div>
</div>
<!-- Input 2: Event type -->
<img src="assets/SVGs/seprator/sm-detail-line.svg" class="w-3 mr-6 ml-2 hidden lg:inline " alt=""/>
<div class="group w-full lg:w-[260px] pb-3 lg:pb-0 border-b border-[#6B6B6B] lg:border-none relative track--filled track--focus">
<label class="pt-6 block w-full group-[.focused]:text-[#999999] group-[.focused]:text-[16px] group-[.filled]:text-[#999999] group-[.filled]:text-[16px] text-black text-[18px] font-neue font-semibold transition-all" for="activtyFilter">
What’s your event?
</label>
<input placeholder="Enter the preferred event type" id="activtyFilter" data-combobox-check="true" class="pb-6 peer autocomplete-input font-neue font-light !text-sm [.filled_&]:!text-[18px]" name="eventType" data-combobox="activity" data-all-btn="true" data-combobox-clear-el="button" />
<button id="clearEventTypeBtn" type="button" class="text-white bottom-6 right-0 px-3 py-1.5 absolute opacity-0 pointer-events-none bg-white">
<img src="https://venuewise.com/assets/SVGs/icons/dismiss.svg"/>
</button>
<div class="autocomplete__container translate-y-1.5" tabIndex="1">
<ul class="autocomplete__results min-w-[240px] -ml-5" data-combobox-results="activity">
<li data-combobox-checked="false" data-combobox-checked-value="93">Corporate Events</li>
<li data-combobox-checked="false" data-combobox-checked-value="7">Conferences</li>
<li data-combobox-checked="false" data-combobox-checked-value="88">Weddings-Indoor</li>
<li data-combobox-checked="false" data-combobox-checked-value="141">Weddings-Outdoor</li>
<li data-combobox-checked="false" data-combobox-checked-value="2">Parties and Celebrations</li>
<li data-combobox-checked="false" data-combobox-checked-value="89">Product Launches and Demos</li>
<li data-combobox-checked="false" data-combobox-checked-value="19">Indoor Dinners/Awards/Galas</li>
<li data-combobox-checked="false" data-combobox-checked-value="142">Outdoor Dinners/Awards/Galas</li>
<li data-combobox-checked="false" data-combobox-checked-value="8">Seminars</li>
<li data-combobox-checked="false" data-combobox-checked-value="97">Networking Events</li>
<li data-combobox-checked="false" data-combobox-checked-value="129">Team Building Activities</li>
<li data-combobox-checked="false" data-combobox-checked-value="103">Brand Activations</li>
<li data-combobox-checked="false" data-combobox-checked-value="84">Trainings and Workshops</li>
<li data-combobox-checked="false" data-combobox-checked-value="102">Art Shows</li>
<li data-combobox-checked="false" data-combobox-checked-value="25">Concerts and Music Performances</li>
<li data-combobox-checked="false" data-combobox-checked-value="26">Theaters and Performances</li>
<li data-combobox-checked="false" data-combobox-checked-value="106">Photo and Video Shoots</li>
<li data-combobox-checked="false" data-combobox-checked-value="32">Movie Premiere</li>
<li data-combobox-checked="false" data-combobox-checked-value="24">Film Festivals</li>
<li data-combobox-checked="false" data-combobox-checked-value="38">Graduation Events</li>
<li data-combobox-checked="false" data-combobox-checked-value="43">Fashion Shows and Weeks</li>
<li data-combobox-checked="false" data-combobox-checked-value="45">Gaming Tournaments</li>
<li data-combobox-checked="false" data-combobox-checked-value="58">Sports Tournaments</li>
<li data-combobox-checked="false" data-combobox-checked-value="145">Festivals</li>
<li data-combobox-checked="false" data-combobox-checked-value="147">Meetings</li>
<li data-combobox-checked="false" data-combobox-checked-value="148">Trade Shows & Exhibitions</li>
</ul>
</div>
</div>
<!-- Input 3: Attendees -->
<img src="assets/SVGs/seprator/sm-detail-line.svg" class="w-3 mr-6 ml-2 hidden lg:inline" alt=""/>
<div class="group w-full lg:w-[260px] pb-3 lg:pb-0 border-b border-[#6B6B6B] lg:border-none relative track--filled track--focus">
<label class="pt-6 block w-full group-[.focused]:text-[#999999] group-[.focused]:text-[16px] group-[.filled]:text-[#999999] group-[.filled]:text-[16px] text-black text-[18px] font-neue font-semibold transition-all" for="heroAttendees">
How many guests?
</label>
<input placeholder="Approx. number of attendees" id="heroAttendees" name="heroAttendees" class="pb-6 peer dropdown-input font-neue font-light !text-sm [.filled_&]:!text-[18px]" data-dropdown="attendees"/>
<button type="button" id="clearAttendeesBtn"
class="text-white bottom-6 right-0 px-3 py-1.5 absolute bg-white pointer-events-none opacity-0 [.filled_&]:opacity-100 [.filled_&]:pointer-events-auto">
<img src="https://venuewise.com/assets/SVGs/icons/dismiss.svg">
</button>
<div class="dropdown__container translate-y-1.5">
<div class="dropdown__box px-5 py-5 flex flex-col items-center gap-y-5 !ml-0" data-dropdown-target="attendees" tabIndex="1">
<div class="range w-full h-7 my-2">
<input type="range" min="0" max="2000" step="10" value="0" id="heroAttendeesRange" name="heroAttendeesRange" class="range-input" data-range-slider-value-el="#peopleSlider2"/>
</div>
<input placeholder="0" type="number" id="heroAttendeesRangeInput" value="0" class="w-full h-[56px] input-outline text-center font-neue text-[18px] text-black">
</div>
</div>
</div>
<button id="desktopSubmitSearchBtn" type="submit" class="group flex justify-center items-center gap-x-2 w-full lg:w-52 h-14 bg-green text-black font-semibold text-lg hover:bg-black hover:text-white transition-all">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.8555 16.8501L21.8055 21.8001" stroke="#181A1B" class="group-hover:stroke-white" stroke-width="2.3" stroke-linecap="square" stroke-linejoin="round"/>
<path d="M2.00391 10.4857C2.00391 15.1722 5.80309 18.9714 10.4896 18.9714C12.8369 18.9714 14.9617 18.0183 16.4979 16.478C18.0289 14.9431 18.9753 12.8249 18.9753 10.4857C18.9753 5.79918 15.1761 2 10.4896 2C5.80309 2 2.00391 5.79918 2.00391 10.4857Z" stroke="#181A1B" class="group-hover:stroke-white" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Find venue
</button>
</form>
</div>
<!-- mobile -->
<div class="lg:hidden flex clip-search w-full flex-col lg:flex-row lg:items-center h-auto lg:h-24 bg-white my-5 px-6 py-5 lg:py-0">
<form class="flex flex-col lg:flex-row gap-5 items-center" action="/filter" method="POST" autocomplete="off" id="mobileHeroSearch">
<input type="hidden" name="_token" value="Nf0tlAzSqWkYnTzYXGPDQvukRbWGo0AgQM51oWzk"> <!-- Input 1: Where -->
<div class="group w-full lg:w-[260px] pb-3 lg:pb-0 border-b border-[#6B6B6B] lg:border-none">
<label class="h-7 block group-focus-within:text-[#999999] text-black text-[18px] font-neue font-semibold transition-all" for="heroSearchWhereMobile">Where's your event?
</label>
<!-- 'city_where_modal_mobile' | 'country_where_modal_mobile' -->
<input data-modal-open="city_where_modal_mobile" placeholder="Country, city, and venue" class="peer autocomplete-input font-neue font-light !text-sm" id="heroSearchWhereMobile" name="textSearch" readonly/>
</div>
<!-- Input 2: Event Type -->
<div class="group w-full lg:w-[260px] pb-3 lg:pb-0 border-b border-[#6B6B6B] lg:border-none">
<label class="h-7 block group-focus-within:text-[#999999] text-black text-[18px] font-neue font-semibold transition-all">What’s your event?</label>
<input data-modal-open="event_type_modal_mobile" placeholder="Choose the preferred event type" class="peer autocomplete-input font-neue font-light !text-sm" id="heroEventTypeMobile" name="eventType" readonly/>
</div>
<!-- Input 3: Attendees -->
<div class="group w-full lg:w-[260px] pb-3 lg:pb-0 border-b border-[#6B6B6B] lg:border-none">
<label class="h-7 block group-focus-within:text-[#999999] text-black text-[18px] font-neue font-semibold transition-all">How many guests?</label>
<input data-modal-open="attendees_modal_mobile" placeholder="Approx. number of attendees" class="peer dropdown-input font-neue font-light !text-sm" id="heroAttendeesMobile" name="heroAttendees" readonly/>
</div>
<button type="submit" class="group flex justify-center items-center gap-x-2 w-full lg:w-52 h-14 bg-green text-black font-semibold text-lg hover:bg-black hover:text-white transition-all">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.8555 16.8501L21.8055 21.8001" stroke="#181A1B" class="group-hover:stroke-white" stroke-width="2.3" stroke-linecap="square" stroke-linejoin="round"/>
<path d="M2.00391 10.4857C2.00391 15.1722 5.80309 18.9714 10.4896 18.9714C12.8369 18.9714 14.9617 18.0183 16.4979 16.478C18.0289 14.9431 18.9753 12.8249 18.9753 10.4857C18.9753 5.79918 15.1761 2 10.4896 2C5.80309 2 2.00391 5.79918 2.00391 10.4857Z" stroke="#181A1B" class="group-hover:stroke-white" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Find venue
</button>
</form>
</div>
<!-- Available cities -->
<div class="available-cities__container">
<div class="available-cities__static-text">
Available across the <span class="available-cities__static-text--highlight">UAE:</span>
</div>
<div class="available-cities__slider">
<div class="available-cities__animation">
<div class="available-cities__item">
Dubai
</div>
<div class="available-cities__item">
Abu Dhabi
</div>
<div class="available-cities__item">
Sharjah
</div>
<div class="available-cities__item">
Umm Al Quwain
</div>
<div class="available-cities__item">
Ajman
</div>
<div class="available-cities__item">
Ras Al Khaimah
</div>
<div class="available-cities__item">
Fujairah
</div>
<div class="available-cities__item">
Dubai
</div>
</div>
</div>
</div>
</div>
<div class="hidden lg:flex flex-col items-center gap-2 absolute bottom-0">
<span class="text-white text-[13px] rotate-180 vertical-text">Scroll</span>
<div class="w-[0.5px] h-[20px] lg:h-[90px] bg-[#898989]">
</div>
</div>
</section>
</header>
<!-- OUR MISSION: What We Do? -->
<section
class="relative overflow-hidden home-about w-full pt-12 pb-20 lg:pb-36 lg:pt-0 bg-none lg:bg-opacity-100 bg-contain tablet:bg-[center_top_6rem] bg-[center_top_5rem] bg-no-repeat 3xl:pb-[20vh]">
<img src="https://venuewise.com/assets/SVGs/what-we-do-title.svg" id="venueTitle" class="
will-change-transform z-[1000] absolute left-1/2 -translate-x-1/2
pointer-events-none select-none
w-[120vw] bottom-28 max-w-none
lg:max-w-full lg:w-[80vw] lg:bottom-36
2xl:bottom-36
3xl:w-[125rem] 3xl:bottom-[15vh]
" alt="">
<div
class="absolute h-[200vh] w-[250px] border-x-[0.5px] border-x-gray-1 rotate-12 z-10 -left-[10%] md:left-1/2 top-1/2 lg:-translate-x-[15%] -translate-y-1/2">
</div>
<div class="relative w-full z-[11]">
<div class="container flex flex-col lg:flex-row items-start">
<div class="w-full lg:w-1/2 flex flex-col justify-center gap-y-3 lg:mt-16 xl:mt-28">
<span class="font-neue-text font-black text-green">/ JOIN US</span>
<h4
class="animated-title text-black font-condensed uppercase font-black text-[50px] lg:text-9xl !leading-[86%] whitespace-nowrap">
Growing Event
<br />
Community
</h4>
<p class="font-neue font-medium text-balck max-w-xl">
Venues can present all the essential details that bookers need to know in a structured <br class="hidden lg:block">
format, supporting quick and confident venue selection. <br class="hidden lg:block">
Event organizers, agencies, and service providers can showcase their expertise <br class="hidden lg:block"> through dedicated profiles,
highlighting services and featuring their <br class="hidden lg:block"> memorable projects.
</p>
<div class="flex gap-2 lg:gap-6 lg:flex-row items-start my-6 flex-wrap lg:flex-nowrap">
<a href="/venue-registration-form"
class="clip-link inline-flex justify-center items-center text-white bg-black px-4 lg:px-12 2xl:px-14 h-14 text-center font-neue font-semibold hover:bg-green hover:text-black transition-all duration-300">
Get your venue listed
</a>
<a href="/agency-registration-form"
class="clip-link inline-flex justify-center items-center text-white bg-black px-4 lg:px-10 2xl:px-12 h-14 text-center font-neue font-semibold hover:bg-green hover:text-black transition-all duration-300">
Join us as an agency
</a>
</div>
</div>
<div class="relative flex md:gap-x-10 w-full lg:w-1/2 h-[400px] md:h-[800px]">
<div class="w-[50vw]">
<div
class="
absolute top-0 -skew-x-12 overflow-hidden bg-no-repeat lg:left-0
w-[400px] h-[440px] [@media(min-width:440px)]:translate-x-28 lg:w-[50vw]
2xl:w-[50vw] md:h-[840px] translate-x-16 lg:translate-x-48 3xl:w-[52vw] 3xl:h-[70vh] 3xl:max-h-[1000px] pb-14 lg:pb-10">
<div
class="skew-x-12 h-full w-[120%] -ml-[15%] 2xl:-ml-[10%] md:w-full bg-cover md:translate-x-0 -translate-x-12 bg-[50%_50%]"
style="background-image: url('https://venuewise.com/assets/images/home/what-we-do.jpg');" >
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- FEATURED VENUES: Listing -->
<section class="home-section tablet:h-[120vh] w-full bg-black pt-6 lg:pt-0">
<div class="container flex flex-col lg:flex-row items-center h-full">
<div class="flex items-center w-full lg:w-[50%] h-full">
<div class="flex flex-col lg:gap-2 my-5">
<span class="font-neue-text font-black text-green mb-3">/ VENUES</span>
<h3
class="uppercase animated-title font-extended text-shadow font-black uppercase text-black text-[50px] lg:text-8xl text-stroke leading-[100%] whitespace-nowrap">
Featured
<br>
Venues
</h3>
<p class="text-white font-neue text-lg">
Venues handpicked by our advisers and loved by our audience.
</p>
<a href="/venues"
class="clip-link inline-flex justify-center items-center font-semibold text-black bg-green hover:bg-white transition-colors duration-200 w-56 h-14 my-9 text-center font-neue">
See all venues
</a>
</div>
</div>
<div class="featured-grid w-full lg:w-[50%] h-[2000px] lg:h-full m-10 lg:m-0">
<a href="/venue/dubai-opera" class="group featured-grid-item" data-cursor-arrow>
<div class="featured-grid-item-image"
style="background-image: url('/upload/venue/gallery/2024/04/30/image_66311ab8e01f2.jpeg');">
</div>
<span class="home-badge featured-style" style="display: none">
<img src="assets/SVGs/icons/badges/featured-badge.svg" class="w-5 -mt-1" alt="" />
FEATURED
</span>
<span class="home-badge popular-style" style="display: none">
<img src="assets/SVGs/icons/badges/popular-badge.svg" class="w-5 -mt-1" alt="" />
Popular
</span>
<span class="home-badge new-style" style="display: none">
<img src="assets/SVGs/icons/badges/new-badge.svg" class="w-5 -mt-1" alt="" />
NEW
</span>
<div class="inner p-4 flex flex-col gap-2 text-white">
<span class="font-neue text-sm">
Auditorium
</span>
<h2 class="font-neue font-bold text-3xl leading-[93%]">
Dubai Opera
</h2>
<p
class="font-neue lg:mb-4 leading-5 text-white h-0 transition group-hover:delay-200 duration-200 ease-linear opacity-0 translate-y-1.6 group-hover:opacity-100 group-hover:translate-y-0 group-hover:h-auto pointer-events-none group-hover:pointer-events-auto overflow-hidden">
Dubai Opera, located in the heart of Downtown Dubai, is the city's premier venue for the performing arts. Opened in ...
</p>
<div class="flex flex-col">
<span class="font-bold font-neue">capacity</span>
<span class="text-[#999999] text-sm">
2000 Standing
</span>
</div>
<div class="flex flex-col">
<span class="font-bold font-neue">Event Type</span>
<span class="text-[#999999] text-sm">
Corporate Events
/
Film Festivals
/
Fashion Shows and Weeks
</span>
</div>
</div>
</a>
<a href="/venue/madinat-jumeirah" class="group featured-grid-item" data-cursor-arrow>
<div class="featured-grid-item-image"
style="background-image: url('/upload/venue/gallery/2024/06/05/image_666065c4465d6.jpg');">
</div>
<span class="home-badge featured-style" style="display: none">
<img src="assets/SVGs/icons/badges/featured-badge.svg" class="w-5 -mt-1" alt="" />
FEATURED
</span>
<span class="home-badge popular-style" style="display: none">
<img src="assets/SVGs/icons/badges/popular-badge.svg" class="w-5 -mt-1" alt="" />
Popular
</span>
<span class="home-badge new-style" style="display: none">
<img src="assets/SVGs/icons/badges/new-badge.svg" class="w-5 -mt-1" alt="" />
NEW
</span>
<div class="inner p-4 flex flex-col gap-2 text-white">
<span class="font-neue text-sm">
Conference Room
</span>
<h2 class="font-neue font-bold text-3xl leading-[93%]">
Madinat Jumeirah
</h2>
<p
class="font-neue lg:mb-4 leading-5 text-white h-0 transition group-hover:delay-200 duration-200 ease-linear opacity-0 translate-y-1.6 group-hover:opacity-100 group-hover:translate-y-0 group-hover:h-auto pointer-events-none group-hover:pointer-events-auto overflow-hidden">
Set across its own private beach, Madinat Jumeirah Resort, the Arabian Resort of Dubai captures the natural beauty of the ...
</p>
<div class="flex flex-col">
<span class="font-bold font-neue">capacity</span>
<span class="text-[#999999] text-sm">
4500 Standing
/ 1300 Seat
</span>
</div>
<div class="flex flex-col">
<span class="font-bold font-neue">Event Type</span>
<span class="text-[#999999] text-sm">
Parties and Celebrations
/
Conferences
/
Seminars
</span>
</div>
</div>
</a>
<a href="/venue/emirates-palace-mandarin-oriental-1" class="group featured-grid-item" data-cursor-arrow>
<div class="featured-grid-item-image"
style="background-image: url('/upload/venue/gallery/2024/07/27/image_66a4db0dcfbf5.webp');">
</div>
<span class="home-badge featured-style" style="display: none">
<img src="assets/SVGs/icons/badges/featured-badge.svg" class="w-5 -mt-1" alt="" />
FEATURED
</span>
<span class="home-badge popular-style" style="display: none">
<img src="assets/SVGs/icons/badges/popular-badge.svg" class="w-5 -mt-1" alt="" />
Popular
</span>
<span class="home-badge new-style" style="display: none">
<img src="assets/SVGs/icons/badges/new-badge.svg" class="w-5 -mt-1" alt="" />
NEW
</span>
<div class="inner p-4 flex flex-col gap-2 text-white">
<span class="font-neue text-sm">
Ballroom
</span>
<h2 class="font-neue font-bold text-3xl leading-[93%]">
Emirates Palace Mandarin Oriental
</h2>
<p
class="font-neue lg:mb-4 leading-5 text-white h-0 transition group-hover:delay-200 duration-200 ease-linear opacity-0 translate-y-1.6 group-hover:opacity-100 group-hover:translate-y-0 group-hover:h-auto pointer-events-none group-hover:pointer-events-auto overflow-hidden">
Emirates Palace Mandarin Oriental is an epitome of luxury and opulence, boasting a blend of classic Arabian architecture with modern ...
</p>
<div class="flex flex-col">
<span class="font-bold font-neue">capacity</span>
<span class="text-[#999999] text-sm">
2500 Standing
/ 1200 Seat
</span>
</div>
<div class="flex flex-col">
<span class="font-bold font-neue">Event Type</span>
<span class="text-[#999999] text-sm">
Conferences
/
Meetings
/
Parties and Celebrations
</span>
</div>
</div>
</a>
<a href="/venue/etihad-arena" class="group featured-grid-item" data-cursor-arrow>
<div class="featured-grid-item-image"
style="background-image: url('/upload/venue/gallery/2024/09/20/lw3fg88rbodmt3yy_66ed83257d8b8.jfif');">
</div>
<span class="home-badge featured-style" style="display: none">
<img src="assets/SVGs/icons/badges/featured-badge.svg" class="w-5 -mt-1" alt="" />
FEATURED
</span>
<span class="home-badge popular-style" style="display: none">
<img src="assets/SVGs/icons/badges/popular-badge.svg" class="w-5 -mt-1" alt="" />
Popular
</span>
<span class="home-badge new-style" style="display: none">
<img src="assets/SVGs/icons/badges/new-badge.svg" class="w-5 -mt-1" alt="" />
NEW
</span>
<div class="inner p-4 flex flex-col gap-2 text-white">
<span class="font-neue text-sm">
Arena
</span>
<h2 class="font-neue font-bold text-3xl leading-[93%]">
Etihad Arena
</h2>
<p
class="font-neue lg:mb-4 leading-5 text-white h-0 transition group-hover:delay-200 duration-200 ease-linear opacity-0 translate-y-1.6 group-hover:opacity-100 group-hover:translate-y-0 group-hover:h-auto pointer-events-none group-hover:pointer-events-auto overflow-hidden">
Etihad Arena, located on Yas Island in Abu Dhabi, is a premier destination for large-scale events, ranging from high-profile concerts ...
</p>
<div class="flex flex-col">
<span class="font-bold font-neue">capacity</span>
<span class="text-[#999999] text-sm">
18000 Standing
</span>
</div>
<div class="flex flex-col">
<span class="font-bold font-neue">Event Type</span>
<span class="text-[#999999] text-sm">
Concerts and Music Performances
/
Sports Tournaments
/
Theaters and Performances
</span>
</div>
</div>
</a>
</div>
</div>
</section>
<!-- EVENT TYPES: Spacial Venues -->
<section
class="event-type-container relative overflow-hidden min-h-[1060px] md:min-h-[780px] md:h-[110vh] home-about w-full">
<div class="flex flex-col h-full">
<div class="container z-20">
<div class="relative">
<div class="md:w-1/2 flex flex-col gap-2 md:absolute top-0 mt-10 tablet:mt-10 lg:mt-[80px] z-20">
<span class="font-neue-text font-black text-green">/ EVENT TYPE</span>
<h2
class="text-black font-condensed uppercase font-black text-[55px] lg:text-8xl !leading-[86%] mb-6 lg:mb-0 whitespace-nowrap">
Explore Venues
<br>
by Event Type
</h2>
<p class="font-neue font-medium text-balck max-w-xl">
Discover the perfect venue for any type of event you’re planning, tailored <br class="max-lg:hidden" /> to fit all your
expectations.
</p>
<a href="/event-types"
class="hidden md:inline-flex justify-center items-center text-white bg-black w-56 h-14 my-5 lg:my-4 text-center font-neue hover:bg-green hover:text-black transition-colors">
Browse all event types
</a>
</div>
</div>
</div>
<div class="absolute h-[200vh] w-[450px] border-x-[0.5px] border-x-gray-1 bg-white rotate-12 z-10 -left-[10%] md:left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 "></div>
<div class="h-full flex md:items-center md:justify-center px-8 md:px-0 md:mt-0 mt-2">
<div class="events--container text-3xl md:text-center space-y-4 md:space-y-7 md:mt-[40vh]">
<a href="/event-types/business-meetings/83" class="event flex">
<img src="https://venuewise.com/assets/images/events/event-image-01.jpg" alt="Top of Best Meeting Venues"
class="absolute hidden md:block right-0 md:left-0 bottom-0 w-full h-[420px] md:w-[50vw] md:h-[50vh] object-cover object-center" />
<h2 class="translate-x-0 z-50 md:text-center w-full font-black">Meetings</h2>
<img src="https://venuewise.com/assets/images/events/event-image-02.jpg" alt="Meeting Venues in UAE"
class="absolute hidden md:block md:right-0 md:top-0 w-[50vw] mt-[95px] h-[50vh] object-cover object-center" />
</a>
<a href="event-types/conference/7" class="event flex">
<img src="https://venuewise.com/assets/images/events/event-image-03.jpg" alt="Top of the Best Conference Venues"
class="absolute block right-0 md:left-0 bottom-0 w-full h-[420px] md:w-[50vw] md:h-[50vh] object-cover object-center" />
<h2 class="translate-x-0 z-50 md:text-center w-full font-black">Conferences</h2>
<img src="https://venuewise.com/assets/images/events/event-image-04.jpg" alt="Conference Venues in UAE"
class="absolute hidden md:block md:right-0 md:top-0 w-[50vw] mt-[95px] h-[50vh] object-cover object-center" />
</a>
<a href="/event-types/corporate-event/93" class="event flex">
<img src="https://venuewise.com/assets/images/events/event-image-08.jpg" alt="Top of the Best Corporate Event Venues"
class="absolute hidden md:block right-0 md:left-0 bottom-0 w-full h-[420px] md:w-[50vw] md:h-[50vh] object-cover object-center" />
<h2 class="translate-x-0 z-50 md:text-center w-full font-black">Corporate Event</h2>
<img src="https://venuewise.com/assets/images/events/event-image-07.jpg" alt="Corporate Event Venues in UAE"
class="absolute hidden md:block md:right-0 md:top-0 w-[50vw] mt-[95px] h-[50vh] object-cover object-center" />
</a>
<a href="/event-types/weddings/88" class="event flex">
<img src="https://venuewise.com/assets/images/events/event-image-05.jpg" alt="Top of the Best Wedding Venues"
class="absolute hidden md:block right-0 md:left-0 bottom-0 w-full h-[420px] md:w-[50vw] md:h-[50vh] object-cover object-center" />
<h2 class="translate-x-0 z-50 md:text-center w-full font-black">Weddings</h2>
<img src="https://venuewise.com/assets/images/events/event-image-06.jpg" alt="Wedding Venues in UAE"
class="absolute hidden md:block md:right-0 md:top-0 w-[50vw] mt-[95px] h-[50vh] object-cover object-center" />
</a>
<a href="/event-types/parties/2" class="event flex">
<img src="https://venuewise.com/assets/images/events/event-image-09.jpg" alt="Top of the Best Party Venues"
class="absolute hidden md:block right-0 md:left-0 bottom-0 w-full h-[420px] md:w-[50vw] md:h-[50vh] object-cover object-center" />
<h2 class="translate-x-0 z-50 md:text-center w-full font-black">Parties</h2>
<img src="https://venuewise.com/assets/images/events/event-image-10.jpg" alt="Party Venues in UAE"
class="absolute hidden md:block md:right-0 md:top-0 w-[50vw] mt-[95px] h-[50vh] object-cover object-center" />
</a>
</div>
</div>
<a href="/event-types"
class="md:hidden z-20 ml-4 inline-flex justify-center items-center text-white bg-black w-56 h-14 my-6 text-center font-neue hover:bg-green hover:text-black transitation-colors">Browse
all event types</a>
</div>
</section>
<!-- EVENT ORGANIZERS: Testimonials -->
<!-- BLOG -->
<section id="horizontal-scroll"
class="relative overflow-hidden md:min-h-[100vh] w-full flex bg-gray-5 tablet:py-12 py-20 lg:py-20">
<div class="max-w-full w-full">
<div class="container flex flex-col gap-y-2 blog--container">
<span class="font-neue-text font-black text-green">/ BLOG </span>
<h3
class="animated-title font-extended text-shadow font-black uppercase text-gray-5 text-[50px] leading-none lg:text-7xl text-stroke w-full my-4 whitespace-nowrap">
Event &
<br class="block lg:hidden">
Venue
<br class="">
Insights
</h3>
</div>
<div class="max-w-full md:overflow-hidden px-4 md:px-0 pt-12">
<div class="swiper blog--swiper !overflow-visible md:!pl-[10vw]">
<div class="swiper-wrapper h-full">
<div class="swiper-slide">
<a data-cursor-arrow href="https://venuewise.com/blog/trends-in-the-uae-event-industry-for-2025/" title="Trends in the UAE Event Industry for 2025" class="blog-box h-full flex flex-col !items-start gap-2 !cursor-none">
<div class="w-full h-[260px] tablet:h-[250px] lg:h-[260px] bg-white mb-2">
<img class="w-full h-full object-cover" src="https://venuewise.com/blog/wp-content/uploads/2024/11/2-min-2.jpg"
alt="Venue Wise Blog">
</div>
<span class="font-neue-text font-bold text-[14px] text-[#999999]">Event</span>
<h2
class="font-neue-text font-bold text-[28px] tablet:text-[24px] lg:text-[27px] text-white leading-[120%] hover:text-green">
Trends in the UAE Event Industry for 2025
</h2>
</a>
</div>
<div class="swiper-slide">
<a data-cursor-arrow href="https://venuewise.com/blog/large-scale-event-venue-in-dubai/" title="Large-Scale Event Venue in UAE" class="blog-box h-full flex flex-col !items-start gap-2 !cursor-none">
<div class="w-full h-[260px] tablet:h-[250px] lg:h-[260px] bg-white mb-2">
<img class="w-full h-full object-cover" src="https://venuewise.com/blog/wp-content/uploads/2024/09/image_663c8604d3a2f-min.jpg"
alt="Venue Wise Blog">
</div>
<span class="font-neue-text font-bold text-[14px] text-[#999999]">Large-Scale Event Venue</span>
<h2
class="font-neue-text font-bold text-[28px] tablet:text-[24px] lg:text-[27px] text-white leading-[120%] hover:text-green">
Large-Scale Event Venue in UAE
</h2>
</a>
</div>
<div class="swiper-slide">
<a data-cursor-arrow href="https://venuewise.com/blog/from-stress-to-success/" title="From Stress to Success" class="blog-box h-full flex flex-col !items-start gap-2 !cursor-none">
<div class="w-full h-[260px] tablet:h-[250px] lg:h-[260px] bg-white mb-2">
<img class="w-full h-full object-cover" src="https://venuewise.com/blog/wp-content/uploads/2024/12/Untitled-min-3.jpg"
alt="Venue Wise Blog">
</div>
<span class="font-neue-text font-bold text-[14px] text-[#999999]">Event</span>
<h2
class="font-neue-text font-bold text-[28px] tablet:text-[24px] lg:text-[27px] text-white leading-[120%] hover:text-green">
From Stress to Success
</h2>
</a>
</div>
<div class="swiper-slide">
<a data-cursor-arrow href="https://venuewise.com/blog/discover-the-magic-of-jazz-at-dubai-opera/" title="Discover the Magic of Jazz at Dubai Opera" class="blog-box h-full flex flex-col !items-start gap-2 !cursor-none">
<div class="w-full h-[260px] tablet:h-[250px] lg:h-[260px] bg-white mb-2">
<img class="w-full h-full object-cover" src="https://venuewise.com/blog/wp-content/uploads/2024/07/image_66311ab8e01f2-min.jpeg"
alt="Venue Wise Blog">
</div>
<span class="font-neue-text font-bold text-[14px] text-[#999999]">Event</span>
<h2
class="font-neue-text font-bold text-[28px] tablet:text-[24px] lg:text-[27px] text-white leading-[120%] hover:text-green">
Discover the Magic of Jazz at Dubai Opera
</h2>
</a>
</div>
<div class="swiper-slide">
<a data-cursor-arrow href="https://venuewise.com/blog/5-key-questions-to-ask-before-booking-a-venue/" title="5 Key Questions to Ask Before Booking a Venue" class="blog-box h-full flex flex-col !items-start gap-2 !cursor-none">
<div class="w-full h-[260px] tablet:h-[250px] lg:h-[260px] bg-white mb-2">
<img class="w-full h-full object-cover" src="https://venuewise.com/blog/wp-content/uploads/2024/11/venuewise_dubai_knowledge_village_dubai_14742-min.jpg"
alt="Venue Wise Blog">
</div>
<span class="font-neue-text font-bold text-[14px] text-[#999999]">Venue</span>
<h2
class="font-neue-text font-bold text-[28px] tablet:text-[24px] lg:text-[27px] text-white leading-[120%] hover:text-green">
5 Key Questions to Ask Before Booking a Venue
</h2>
</a>
</div>
<div class="swiper-slide">
<a data-cursor-arrow href="https://venuewise.com/blog/dubai-strategic-hub-for-global-events/" title="Dubai, Strategic Hub for Global Events" class="blog-box h-full flex flex-col !items-start gap-2 !cursor-none">
<div class="w-full h-[260px] tablet:h-[250px] lg:h-[260px] bg-white mb-2">
<img class="w-full h-full object-cover" src="https://venuewise.com/blog/wp-content/uploads/2024/09/Upwork-Dubai-Residence-1-min.jpg"
alt="Venue Wise Blog">
</div>
<span class="font-neue-text font-bold text-[14px] text-[#999999]">Luxury event Venue</span>
<h2
class="font-neue-text font-bold text-[28px] tablet:text-[24px] lg:text-[27px] text-white leading-[120%] hover:text-green">
Fashionable Luxury Event Venue
</h2>
</a>
</div>
<div class="swiper-slide">
<a data-cursor-arrow href="https://venuewise.com/blog/iconic-venues-for-luxury-events/" title="Luxury event venues in UAE" class="blog-box h-full flex flex-col !items-start gap-2 !cursor-none">
<div class="w-full h-[260px] tablet:h-[250px] lg:h-[260px] bg-white mb-2">
<img class="w-full h-full object-cover" src="https://venuewise.com/blog/wp-content/uploads/2024/12/Untitled-min-1.jpg"
alt="Venue Wise Blog">
</div>
<span class="font-neue-text font-bold text-[14px] text-[#999999]"> Event</span>
<h2
class="font-neue-text font-bold text-[28px] tablet:text-[24px] lg:text-[27px] text-white leading-[120%] hover:text-green">
Iconic Venues for Luxury Events
</h2>
</a>
</div>
</div>
</div>
<div class="container flex md:items-center flex-col-reverse items-center md:flex-row w-full gap-7 mt-16">
<a href="/blog"
class="inline-flex justify-center items-center box-content border-gray-5 text-black bg-green hover:text-black hover:bg-white w-[250px] h-14 mt-12 md:my-6 text-center font-neue font-semibold transition-colors duration-200">
Explore more articles
</a>
<div
class="swiper-scrollbar blog--swiper-scrollbar custom-swiper-scrollbar !w-10/12 md:w-auto ml-auto md:ml-0 rounded-none ">
</div>
</div>
</div>
</div>
</section>
<!-- OUR MISSION: Who We Are? -->
<!-- Footer -->
<footer>
<div class="contact lg:container flex md:flex-row flex-col items-center text-white mb-10 lg:h-[335px] md:bg-[transparent] bg-black">
<div class="md:px-0 px-2 md:pt-0 pt-6 lg:w-2/5 flex">
<div class="flex gap-2 relative grow-0 advisor--avatar__container">
<div class="advisor--avatar group">
<img src="https://venuewise.com/assets/images/avatar/avatar-05.jpg" alt="Aditya Paturkar"
class="border-4 border-black md:w-[108px] w-[80px] md:h-[108px] h-[80px] group-hover:border-green transition-colors duration-300">
<template>
<div>
<div class="w-full bg-white text-black px-3 py-4">
<h1 class="font-condensed font-black text-black text-[32px]">Aditya Paturkar</h1>
</div>
</div>
</template>
</div>
<div class="advisor--avatar group">
<img src="https://venuewise.com/assets/images/avatar/avatar-03.jpg" alt="Anna Parks"
class="border-4 border-black md:w-[108px] w-[80px] md:h-[108px] h-[80px] group-hover:border-green transition-colors duration-300">
<template>
<div>
<div class="w-full bg-white text-black px-3 py-4">
<span class="block font-condensed font-black text-black text-[32px]">Anna Parks</span>
</div>
</div>
</template>
</div>
<div class="advisor--avatar group">
<img src="https://venuewise.com/assets/images/avatar/avatar-02.jpg" alt="Kate Asumbra"
class="border-4 border-black md:w-[108px] w-[80px] md:h-[108px] h-[80px] group-hover:border-green transition-colors duration-300">
<template>
<div>
<div class="w-full bg-white text-black px-3 py-4">
<span class="block font-condensed font-black text-black text-[32px]">Kate Asumbra</span>
</div>
</div>
</template>
</div>
<div class="advisor--avatar group">
<img src="https://venuewise.com/assets/images/avatar/avatar-01.jpg" alt="Natalie Wright"
class="border-4 border-black md:w-[108px] w-[80px] md:h-[108px] h-[80px] group-hover:border-green transition-colors duration-300">
<template>
<div>
<div class="w-full bg-white text-black px-3 py-4">
<span class="block font-condensed font-black text-black text-[32px]">Natalie Wright</span>
</div>
</div>
</template>
</div>
</div>
</div>
<div class="footer-expert -mt-[28px]">
<h3 class="uppercase animated-title font-condensed text-4xl lg:text-5xl font-black text-center lg:text-left whitespace-nowrap">
Need a Venue Advisor?
<br class="block lg:hidden">
Contact us!
</h3>
<a href="/adviser-request-form" class="primary-green-button mt-2">
<img src="https://venuewise.com/assets/SVGs/icons/phone-black.svg"alt="" />
Ask a venue advisor
</a>
</div>
</div>
<div class="container flex flex-col gap-y-5 lg:flex-row">
<div class="w-full menu flex flex-col gap-y-10 text-sm lg:pt-16">
<img src="https://venuewise.com/assets/SVGs/venue-wise-logo-white.svg" class="w-32 lg:mt-0 mt-5" alt="venuewise"/>
<div class="w-full flex lg:flex-row flex-col gap-5 pb-10">
<div class="lg:w-[80%] grid grid-cols-1 lg:grid-cols-4 gap-y-7">
<div class="w-full flex lg:flex-col flex-row gap-x-12 mt-10 lg:mt-0">
<div class="w-full flex flex-col gap-y-2 lg:mb-7">
<span class="text-[15px] text-white font-neue font-semibold tracking-wider lg:mb-3">Support</span>
<a target="_blank" href="tel:+971585148688" class="font-neue font-semibold tracking-wide">
Call +(971) 58 514 8688
</a>
<a target="_blank" href="mailto:support@venuewise.com" class="tfont-neue tracking-wide">support@venuewise.com</a>
<div class="flex gap-x-3 items-center w-full mt-[5px] lg:mt-[20px]">
<a class="group" href="https://www.facebook.com/people/Venue-Wise/61558359572603/" target="_blank">
<!-- prettier-ignore -->
<svg class="transition-all" width="22" height="22" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_2051_510" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0"
width="16" height="16">
<rect width="16" height="16" class="group-hover:fill-green transition" fill="#D9D9D9" />
</mask>
<g mask="url(#mask0_2051_510)">
<path class="group-hover:fill-green transition"
d="M9.32094 8.92759V14H6.9726V8.92759H5V6.67319H6.9726V4.98239C6.9726 3.04207 8.15264 2 9.88454 2C10.7153 2 11.4374 2.04403 11.6458 2.07045V4.1135H10.4247C9.48239 4.1135 9.32094 4.55969 9.32094 5.21722V6.67319H11.5519L11.2701 8.92759H9.32094Z"
fill="#898989" />
</g>
</svg>
</a>
<a class="group" href="https://www.instagram.com/venue.wise/" target="_blank">
<!-- prettier-ignore -->
<svg width="22" height="22" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_2051_3297" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0"
width="16" height="16">
<rect width="16" height="16" fill="#D9D9D9" />
</mask>
<g mask="url(#mask0_2051_3297)">
<path class="group-hover:fill-green transition" fill-rule="evenodd" clip-rule="evenodd"
d="M11.5 2H4.5C3.12 2 2 3.12 2 4.5V11.5C2 12.88 3.12 14 4.5 14H11.5C12.88 14 14 12.88 14 11.5V4.5C14 3.12 12.88 2 11.5 2ZM13 11.5C13 12.325 12.325 13 11.5 13H4.5C3.675 13 3 12.325 3 11.5V4.5C3 3.675 3.675 3 4.5 3H11.5C12.325 3 13 3.675 13 4.5V11.5ZM7.99998 4.50001C6.06998 4.50001 4.49998 6.07001 4.49998 8.00001C4.49998 9.93001 6.06998 11.5 7.99998 11.5C9.92998 11.5 11.5 9.93001 11.5 8.00001C11.5 6.07001 9.92998 4.50001 7.99998 4.50001ZM7.99998 10.5C6.61998 10.5 5.49998 9.38001 5.49998 8.00001C5.49998 6.62001 6.61998 5.50001 7.99998 5.50001C9.37998 5.50001 10.5 6.62001 10.5 8.00001C10.5 9.38001 9.37998 10.5 7.99998 10.5ZM12 4.50002C12 4.77616 11.7761 5.00002 11.5 5.00002C11.2239 5.00002 11 4.77616 11 4.50002C11 4.22387 11.2239 4.00002 11.5 4.00002C11.7761 4.00002 12 4.22387 12 4.50002Z"
fill="#898989" />
</g>
</svg>
</a>
<a class="group" href="https://www.linkedin.com/company/venue-wise" target="_blank">
<!-- prettier-ignore -->
<svg width="22" height="22" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_2051_162" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0"
width="16" height="16">
<rect width="16" height="16" fill="#D9D9D9" />
</mask>
<g mask="url(#mask0_2051_162)">
<path class="group-hover:fill-green transition"
d="M3.4442 2C2.64661 2 2 2.64661 2 3.4442C2 4.24179 2.64661 4.8884 3.4442 4.8884C4.24179 4.8884 4.8884 4.24179 4.8884 3.4442C4.8884 2.64661 4.24179 2 3.4442 2ZM11.0328 5.8337C9.82823 5.8337 9.02735 6.49344 8.69584 7.12035H8.64333V6.01751H6.28009V14H8.74836V10.0613C8.74836 9.02079 8.95514 8.01313 10.2451 8.01313C11.5153 8.01313 11.5317 9.18818 11.5317 10.1138V14H14V9.61488C14 7.46827 13.5438 5.8337 11.0328 5.8337ZM2.23632 6.01751V14H4.73085V6.01751H2.23632Z"
fill="#898989" />
</g>
</svg>
</a>
<a class="group" href="https://www.youtube.com/@TopVenues" target="_blank">
<!-- prettier-ignore -->
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="group-hover:fill-green transition" d="M21.5401 5.67069C21.2871 4.71781 20.5418 3.96775 19.5951 3.71269C17.8791 3.25 11 3.25 11 3.25C11 3.25 4.12019 3.25 2.40487 3.71269C1.45819 3.96706 0.712938 4.71781 0.459938 5.67069C0 7.39769 0 11.0002 0 11.0002C0 11.0002 0 14.6034 0.459938 16.3297C0.712938 17.2826 1.45819 18.0326 2.40487 18.287C4.12087 18.7497 11 18.7497 11 18.7497C11 18.7497 17.8798 18.7497 19.5951 18.287C20.5418 18.0326 21.2871 17.2819 21.5401 16.3297C22 14.6027 22 11.0002 22 11.0002C22 11.0002 22 7.39769 21.5401 5.67069ZM8.74981 14.2713V7.72906L14.5001 11.0002L8.74981 14.2713Z" fill="#898989"/>
</svg>
</a>
</div>
</div>
</div>
<div class="footer-box lg:ml-[80px]">
<span class="text-[15px] text-white font-neue font-semibold tracking-wider lg:mb-3">Discover</span>
<a href="/venues" class="link">Venues</a>
<a href="https://venuewise.com/blog" class="link">Event & Venue insights</a>
</div>
<div class="footer-box lg:ml-[80px]">
<span class="text-[15px] text-white font-neue font-semibold tracking-wider lg:mb-3">Get involved</span>
<a href="/venue-registration-form" class="link">Get your venue listed</a>
<a href="/agency-registration-form" class="link">Join us as an agency</a>
</div>
<div class="associations lg:ml-[80px]">
<div class="footer-box">
<span class="text-[15px] text-white font-neue font-semibold tracking-wider">
Member of
</span>
<div class="flex gap-x-5 items-center w-full mt-[5px] lg:mt-[20px]">
<a href="https://theeventsgroup.ae/" target="_blank">
<img src="https://venuewise.com/assets/images/associations/teg.svg" alt="">
</a>
<a href="https://www.iata.org/" target="_blank">
<img src="https://venuewise.com/assets/images/associations/iata.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<div class="w-full bg-[#121414] py-6 border-t border-[#242424]">
<div class="container flex flex-col lg:flex-row lg:items-center text-white gap-3">
<a href="https://venueadviser.com" target="_blank"><img class="w-32" src="https://venuewise.com/assets/images/adviser-type.png" alt="Venue Adviser Portal"></a>
<span class="font-neue text-[12px] text-[#999999]">
All rights reserved by Venue Adviser Portal CO. L.L.C.
</span>
</div>
</div>
</main>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script
src="https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js"></script>
<script src="https://venuewise.com/vendor/jquery/jquery.min.js"></script>
<script src="https://venuewise.com/dist/main.js"></script>
<script>
const agencySearch = document.querySelector(
'[data-combobox="agencySearch"]'
);
if (agencySearch) {
document.getElementById("agencySearch").__dynamic_fn = (value) => {
async function filterValues(value) {
const result = await fetch("/filter/ajax/search/agency/"+value, {
headers: {
"X-CSRF-TOKEN": "Nf0tlAzSqWkYnTzYXGPDQvukRbWGo0AgQM51oWzk"
}
});
const data = await result.json();
return data
.filter((item) => new RegExp(`.*${value}.*`, "gi").test(item))
.sort((a, b) => {
const aStartsWith = a.toLowerCase().startsWith(value.toLowerCase());
const bStartsWith = b.toLowerCase().startsWith(value.toLowerCase());
if (aStartsWith && !bStartsWith) return -1;
else if (!aStartsWith && bStartsWith) return 1;
else return 0;
});
}
agencySearch.__dynamic_fn = filterValues;
};
}
const venueNameSearch = document.querySelector(
'[data-combobox="venueNameFilterField"]'
);
const venueNameSearchMobile = document.querySelector(
'[data-combobox="venueNameFilterFieldMobile"]'
);
if (venueNameSearch && venueNameSearchMobile) {
async function filterValues(value) {
const result = await fetch("/filter/ajax/search/"+value, {
headers: {
"X-CSRF-TOKEN": "Nf0tlAzSqWkYnTzYXGPDQvukRbWGo0AgQM51oWzk"
}
});
const data = await result.json();
return data
.filter((item) => new RegExp(`.*${value}.*`, "gi").test(item))
.sort((a, b) => {
const aStartsWith = a.toLowerCase().startsWith(value.toLowerCase());
const bStartsWith = b.toLowerCase().startsWith(value.toLowerCase());
if (aStartsWith && !bStartsWith) return -1;
else if (!aStartsWith && bStartsWith) return 1;
else return 0;
});
}
venueNameSearch.__dynamic_fn = filterValues;
venueNameSearchMobile.__dynamic_fn = filterValues;
}
if (document.getElementById("ShareWhatsappBtn"))
{
document.getElementById("ShareWhatsappBtn").addEventListener("click", function(event) {
event.preventDefault();
var urlToShare = window.location.href;
var facebookShareUrl = "https://api.whatsapp.com/send?text=I thought you might be interested in this page:\n\n"+ encodeURIComponent(urlToShare);
window.open(facebookShareUrl, "_blank");
});
}
if (document.getElementById("SharelinkdinBtn"))
{
document.getElementById("SharelinkdinBtn").addEventListener("click", function(event) {
event.preventDefault();
var urlToShare = window.location.href;
var facebookShareUrl = "https://www.linkedin.com/sharing/share-offsite/?url="+ encodeURIComponent(urlToShare);
window.open(facebookShareUrl, "_blank");
});
}
if (document.getElementById("copyLinkBtn"))
{
document.getElementById("copyLinkBtn").addEventListener("click", function(event) {
event.preventDefault();
var urlToCopy = window.location.href;
var textArea = document.createElement("textarea");
textArea.value = urlToCopy;
document.body.appendChild(textArea);
textArea.select();
document.execCommand("copy");
document.body.removeChild(textArea);
alertSnackbar("Link copied to clipboard: " + urlToCopy);
});
}
if (document.getElementById("SharefacebookBtn"))
{
document.getElementById("SharefacebookBtn").addEventListener("click", function(event) {
event.preventDefault();
var urlToShare = window.location.href;
var facebookShareUrl = "https://www.facebook.com/sharer/sharer.php?u=" + encodeURIComponent(urlToShare);
window.open(facebookShareUrl, "_blank");
});
}
if (document.getElementById("SharetwitterBtn"))
{
document.getElementById("SharetwitterBtn").addEventListener("click", function(event) {
event.preventDefault();
var urlToShare = window.location.href;
var twitterShareUrl = "https://twitter.com/intent/tweet?url=" + encodeURIComponent(urlToShare);
window.open(twitterShareUrl, "_blank");
});
}
if (document.getElementById("SharemailBtn"))
{
document.getElementById("SharemailBtn").addEventListener("click", function(event) {
event.preventDefault();
var urlToShare = window.location.href;
var subject = "Check out this page!";
var body = "I thought you might be interested in this page:\n\n" + urlToShare;
var mailToLink = "mailto:?subject=" + encodeURIComponent(subject) + "&body=" + encodeURIComponent(body);
window.location.href = mailToLink;
});
}
function alertSnackbar(message,mode='success'){
if (mode == 'alert') {
document.getElementById('snackbar').classList.add('err-style'); // Add the class 'highlighted'
}
showSnackbar(message)
}
if (document.getElementById("contact_submit"))
{
document.getElementById('contact_submit').addEventListener('click', () => {
var contact_fullname = $('#contact_fullname').val();
var contact_mail = $('#contact_mail').val();
var contact_phone = $('#contact_phone').val();
var contact_message = $('#contact_message').val();
var contact_departmentsDropdown = $('#contact_departmentsDropdown').val();
if (contact_fullname == '') { $('#contact_fullname').css("border-color", "red"); return false; }
else $('#contact_fullname').css("border-color", "rgb(227 227 227)");
if (contact_mail == '') { $('#contact_mail').css("border-color", "red"); return false; }
else $('#contact_mail').css("border-color", "rgb(227 227 227)");
if (contact_message == '') { $('#contact_message').css("border-color", "red"); return false; }
else $('#contact_message').css("border-color", "rgb(227 227 227)");
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': 'Nf0tlAzSqWkYnTzYXGPDQvukRbWGo0AgQM51oWzk'
}
});
$.ajax({
url: '/ajax/ContactFormRequest' ,
type: 'POST',
dataType: 'json',
data: {
contact_fullname,
contact_mail,
contact_phone,
contact_message,
contact_departmentsDropdown
},
success: function (response) {
if (response.success) {
$('#contact_fullname').val('');
$('#contact_fullname').css("border-color", "rgb(227 227 227)");
$('#contact_mail').val('');
$('#contact_mail').css("border-color", "rgb(227 227 227)");
$('#contact_phone').val('');
$('#contact_phone').css("border-color", "rgb(227 227 227)");
$('#contact_message').val('');
$('#contact_message').css("border-color", "rgb(227 227 227)");
$('#contact_departmentsDropdown').val('');
$('#contact_departmentsDropdown').css("border-color", "rgb(227 227 227)");
alertSnackbar("Your message has been sent.", "success");
}else
{
alertSnackbar("something went wrong. Please try again.", "alert");
}
},
error: function (xhr, status, error) {
alertSnackbar("something went wrong. Please try again.", "alert");
}
});
});
}
// adviser_send
document.getElementById('adviser_send').addEventListener('click', () => {
var adviser_fullname = $('#adviser_fullname').val();
var adviser_email = $('#adviser_email').val();
var adviser_activity = $('#adviser_activity').val();
var adviser_attendees = $('#adviser_attendees').val();
var adviser_description = $('#adviser_description').val();
if (adviser_fullname == '') { $('#adviser_fullname').css("border-color", "red"); return false; }
else $('#adviser_fullname').css("border-color", "rgb(227 227 227)");
if (adviser_email == '') { $('#adviser_email').css("border-color", "red"); return false; }
else $('#adviser_email').css("border-color", "rgb(227 227 227)");
if (adviser_activity == '') { $('#adviser_activity').css("border-color", "red"); return false; }
else $('#adviser_activity').css("border-color", "rgb(227 227 227)");
if (adviser_attendees == '') { $('#adviser_attendees').css("border-color", "red"); return false; }
else $('#adviser_attendees').css("border-color", "rgb(227 227 227)");
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': 'Nf0tlAzSqWkYnTzYXGPDQvukRbWGo0AgQM51oWzk'
}
});
$.ajax({
url: '/ajax/adviser-request-form' ,
type: 'POST',
dataType: 'json',
data: {
fullname: adviser_fullname,
email: adviser_email,
activity: adviser_activity,
attendees: adviser_attendees,
description: adviser_description
},
success: function (response) {
if (response.success) {
$('#adviser_fullname').val('');
$('#adviser_fullname').css("border-color", "rgb(227 227 227)");
$('#adviser_email').val('');
$('#adviser_email').css("border-color", "rgb(227 227 227)");
$('#adviser_activity').val('');
$('#adviser_activity').css("border-color", "rgb(227 227 227)");
$('#adviser_attendees').val('');
$('#adviser_attendees').css("border-color", "rgb(227 227 227)");
$('#adviser_description').val('');
$('#adviser_description').css("border-color", "rgb(227 227 227)");
document.getElementById('expert_modal').classList.remove("modal--active")
alertSnackbar("Your message has been sent.");
}else
{
alertSnackbar("something went wrong. Please try again.", "alert");
}
},
error: function (xhr, status, error) {
alertSnackbar("something went wrong. Please try again.", "alert");
}
});
});
if (document.getElementById('inquiresSubmitD'))
{
const briefSubmit = document.getElementById('inquiresSubmitD');
briefSubmit.addEventListener('click', function() {
// Perform AJAX POST request
const briefMessage = document.getElementById('inquiresMessageD').value;
const agentcompanyid = document.getElementById('inquiresidD').value;
var element = document.getElementById("snackbar");
if (briefMessage.length<3) {
document.getElementById('inquiresMessageD').focus();
return false;
}
//alert(email);
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': 'Nf0tlAzSqWkYnTzYXGPDQvukRbWGo0AgQM51oWzk'
}
});
$.ajax({
url: '/post/message/inquires',
type: 'POST',
data: {
message: briefMessage,
id:agentcompanyid,
},
success: function (data) {
if (data.message=="")
{
element.classList.remove("err-style");
document.getElementById('inquiresMessageD').value = '';
// alert(data.message); // Dis
showSnackbar("Your inquires message has been sent.");
}
else
{
element.classList.add("err-style");
showSnackbar(data.message);
}
},
error: function (xhr, status, error) {
element.classList.add("err-style");
showSnackbar("there was an error. Please try again.");
}
});
});
}
</script>
<script>
if (document.getElementById('inquiresSubmitM'))
{
const briefSubmit = document.getElementById('inquiresSubmitM');
briefSubmit.addEventListener('click', function() {
// Perform AJAX POST request
const briefMessage = document.getElementById('inquiresMessageM').value;
const agentcompanyid = document.getElementById('inquiresidM').value;
var element = document.getElementById("snackbar");
if (briefMessage.length<3) {
document.getElementById('inquiresMessageM').focus();
return false;
}
//alert(email);
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': 'Nf0tlAzSqWkYnTzYXGPDQvukRbWGo0AgQM51oWzk'
}
});
$.ajax({
url: '/post/message/inquires',
type: 'POST',
data: {
message: briefMessage,
id:agentcompanyid,
},
success: function (data) {
element.classList.remove("err-style");
document.getElementById('inquiresMessageM').value = '';
showSnackbar("Your inquires message has been sent.");
},
error: function (xhr, status, error) {
element.classList.add("err-style");
showSnackbar("there was an error. Please try again.");
}
});
});
}
if (document.getElementById('briefSubmitD'))
{
const briefSubmit = document.getElementById('briefSubmitD');
briefSubmit.addEventListener('click', function() {
// Perform AJAX POST request
const briefMessage = document.getElementById('briefMessageD').value;
const agentcompanyid = document.getElementById('agentcompanyidD').value;
var element = document.getElementById("snackbar");
//alert(email);
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': 'Nf0tlAzSqWkYnTzYXGPDQvukRbWGo0AgQM51oWzk'
}
});
$.ajax({
url: '/post/message/brief',
type: 'POST',
data: {
message: briefMessage,
id:agentcompanyid,
},
success: function (data) {
element.classList.remove("err-style");
document.getElementById('briefMessageD').value = '';
showSnackbar("Your brief message has been sent.");
},
error: function (xhr, status, error) {
element.classList.add("err-style");
showSnackbar("there was an error. Please try again.");
}
});
});
}
if (document.getElementById('briefSubmitM'))
{
const briefSubmit = document.getElementById('briefSubmitM');
briefSubmit.addEventListener('click', function() {
// Perform AJAX POST request
const briefMessage = document.getElementById('briefMessageM').value;
const agentcompanyid = document.getElementById('agentcompanyidM').value;
var element = document.getElementById("snackbar");
//alert(email);
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': 'Nf0tlAzSqWkYnTzYXGPDQvukRbWGo0AgQM51oWzk'
}
});
$.ajax({
url: '/post/message/brief',
type: 'POST',
data: {
message: briefMessage,
id:agentcompanyid,
},
success: function (data) {
element.classList.remove("err-style");
document.getElementById('briefMessageM').value = '';
showSnackbar("Your brief message has been sent.");
},
error: function (xhr, status, error) {
element.classList.add("err-style");
showSnackbar("there was an error. Please try again.");
}
});
});
}
const signupBtn = document.getElementById('signupBtn');
signupBtn.addEventListener('click', function() {
// Perform AJAX POST request
document.getElementById('signupError').style.display = 'none';
const first_name = document.getElementById('fullname').value;
//const last_name = document.getElementById('last_name').value;
const email = document.getElementById('email').value;
//const mobile = document.getElementById('mobile').value;
const password = document.getElementById('password').value;
const password_confirmation = document.getElementById('password_confirmation').value;
const data = {
first_name: first_name,
last_name: '',
email: email,
//mobile: mobile,
password: password,
password_confirmation: password_confirmation
};
ajaxCall('/profile/ajax/register/store', 'POST', data,'register',
function(response) {
window.location.reload();
},
function(errors) {
console.log(errors.responseJSON?.errors);
console.log(errors.responseJSON?.errors?.length);
if (errors.responseJSON?.errors !== undefined) {
var errors = errors.responseJSON.errors;
let errorMessage = '';
for (let key in errors) {
errorMessage += errors[key] + '<br>';
}
document.getElementById('signupError').innerHTML = errorMessage;
document.getElementById('signupError').style.display = 'flex';
} else if (errors.responseJSON?.message) {
document.getElementById('signupError').innerHTML = errors.responseJSON?.message;
document.getElementById('signupError').style.display = 'flex';
} else {
alert('Something went wrong. Please try again.');
}
},
);
});
const loginBtn = document.getElementById('loginBtn');
loginBtn.addEventListener('click', function() {
// Perform AJAX POST request
document.getElementById('loginError').style.display = 'none';
const email = document.getElementById('loginemail').value;
const password = document.getElementById('loginpassword').value;
const data = {
email: email,
password: password
};
ajaxCall('/profile/ajax/login/check', 'POST', data,'login',
function(response) {
if (response.login=="Y") {
let regex = /@(venuewise\.com|venueadviser\.com)$/;
if (regex.test(response.email)) {
window.location.href = `${window.location.origin}/profile/userinfo`;
return true;
}
if (response.role_as=="4") { window.location.href = `${window.location.origin}/profile`; }
if (response.role_as=="3") { window.location.href = `${window.location.origin}/profile`; }
if ((response.role_as!="3") && (response.role_as!="4")) {
window.location.reload();
}
}else{
document.getElementById('loginError').innerHTML = response.message;
document.getElementById('loginError').style.display = 'flex';
}
},
function(errors) {
document.getElementById('loginError').innerHTML = 'something went wrong. Please try again.';
document.getElementById('loginError').style.display = 'flex';
// console.log(errors.responseJSON);
},
);
//alert(email+':'+password);
});
const forgetPasswordBtn = document.getElementById('forgetPasswordBtn');
forgetPasswordBtn.addEventListener('click', function() {
// Perform AJAX POST request
document.getElementById('loginError').style.display = 'none';
const email = document.getElementById('forgotemail').value;
const data = {
email: email
};
ajaxCall('/profile/ajax/forgot/check', 'POST', data,'fogotpassword',
function(response) {
//window.location.href = "https://venuewise.com";
document.getElementById('forgotemail').value = '';
document.getElementById('forgotError').innerHTML = '';
alertSnackbar('Check your email for new password', mode = 'success')
},
function(errors) {
document.getElementById('forgotError').innerHTML = 'we cannot find your email. Please try again.';
document.getElementById('forgotError').style.display = 'flex';
},
);
//alert(email+':'+password);
});
function getCollectionList() {
return new Promise((resolve, reject) => {
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': 'Nf0tlAzSqWkYnTzYXGPDQvukRbWGo0AgQM51oWzk'
}
});
$.ajax({
url: '/getAjax/collection',
success: function (data) {
$('#collectionList').html(data);
resolve(); // Resolve the promise on success
},
error: function (xhr, status, error) {
console.error('Error: ' + xhr.status);
reject(new Error('Failed to get collection list')); // Reject the promise on error
}
});
});
}
function FavoriteBtn() {
const venuCardFavoriteBtn = document.querySelectorAll(".venue-card-favorite-btn");
venuCardFavoriteBtn.forEach((button) => {
const card = button.closest(".venue-card");
button.addEventListener("click", () => {
document.getElementById('login_modal').classList.add("modal--active")
});
});
const venuCardFavoriteBtnMobile = document.querySelector(".venue-card-favorite-btn-mobile");
if (venuCardFavoriteBtnMobile) { // Ensure the button exists
venuCardFavoriteBtnMobile.addEventListener("click", () => {
//alert('ok');
document.getElementById('login_modal').classList.add("modal--active")
});
}
}
function FavoriteBtnDetail() {
const venuCardFavoriteBtn = document.querySelectorAll(".compare-favorite-btn");
venuCardFavoriteBtn.forEach((button) => {
const card = button.closest(".venue-card");
button.addEventListener("click", () => {
document.getElementById('login_modal').classList.add("modal--active")
});
});
}
FavoriteBtn();
FavoriteBtnDetail();
// show Collection save form
document.getElementById('create_new_collection').addEventListener('click', () => {
// alert('ok');
document.getElementById('create_collection_modal1').classList.remove("modal--active")
var venueid = $('#get_venueid').val();
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': 'Nf0tlAzSqWkYnTzYXGPDQvukRbWGo0AgQM51oWzk'
}
});
$.ajax({
url: '/getAjax/Venue/' + venueid,
success: function (data) {
$('#create_collection_card_prev2').html(data);
//initSwiper();
venueid = $('#get_venueid').val();
$('#save_venueid').val(venueid);
document.getElementById('create_collection_modal2').classList.add("modal--active")
},
error: function (xhr, status, error) {
console.error('Error: ' + xhr.status);
}
});
})
function FavoritesBadge(count) {
var favoriteCountSpan = document.querySelector('.favorite-count-badge');
var favoriteCount = 0;
if (favoriteCountSpan) {
favoriteCount = parseInt(favoriteCountSpan.textContent || favoriteCountSpan.innerText);
}
//alert(favoriteCount);
favoriteCount += parseInt(count);
//alert(favoriteCount);
showSnackbar("Venue successfully added to favorite list.");
handleFavoritesBadge(1)
}
// delete collection modal
const deleteCollectionElements = document.querySelectorAll('.deleteCollection');
deleteCollectionElements.forEach((element) => {
element.addEventListener('click', (event) => {
var collectionId = event.currentTarget.getAttribute('data-collection-id');
$('#deleteCollectionId').val(collectionId);
document.getElementById('deleteModal').classList.add("modal--active")
});
});
// delete collection venue
document.getElementById('deleteCollectionYes').addEventListener('click', () => {
var collectionId = $('#deleteCollectionId').val();
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': 'Nf0tlAzSqWkYnTzYXGPDQvukRbWGo0AgQM51oWzk'
}
});
$.ajax({
url: '/collection/delete' ,
type: 'POST',
dataType: 'json',
data: {
collection: collectionId,
},
success: function (response) {
console.log(response)
if (response.success) {
console.log('ok');
location.reload();
}else
{
$('#error-collection').html('<p style="color:red"> Please try again</p>').show();
}
},
error: function (xhr, status, error) {
$('#error-collection').html('<p style="color:red"> Please try again</p>').show();
}
});
});
// save by select collection venue
document.getElementById('collection_save_btn').addEventListener('click', () => {
var venueid = $('#get_venueid').val();
var radioGroupName = 'collection';
var checkedRadio = document.querySelector('input[name="' + radioGroupName + '"]:checked');
var checkedValue="";
if (checkedRadio) {
checkedValue = checkedRadio.value;
}
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': 'Nf0tlAzSqWkYnTzYXGPDQvukRbWGo0AgQM51oWzk'
}
});
$.ajax({
url: '/collection/save' ,
type: 'POST',
dataType: 'json',
data: {
collection: checkedValue,
get_venueid: venueid,
},
success: function (response) {
console.log(response)
if (response.success) {
console.log('ok');
getCollectionList()
const card = document.getElementById('venue_'+venueid);
card.classList.add("venue-card-liked");
var button = card.querySelector(".compare-favorite-btn");
if (button) {
button.classList.add("liked");
var masterVenueID= $('#masterVenue_id').val();
if (masterVenueID == venueid)
{
var elements = document.querySelectorAll('.detail-add-favorite-btn');
elements.forEach(function(element) {
card.classList.remove("venue-card-liked");
element.classList.add("liked");
});
}
}
$('#errorModal').html('').hide();
document.getElementById('create_collection_modal1').classList.remove("modal--active")
FavoritesBadge(1)
$('#get_venueid').val('');
}
else {
$('#errorModal').html('<p style="color:red"> Please create collection and try again</p>').show();
}
},
error: function (xhr, status, error) {
if (xhr.status === 422) {
var errors = xhr.responseJSON.errors;
//$('#errorModal').html('<p style="color:red">' + Object.values(errors).flat().join('<br>') + '</p>').show();
$('#errorModal').html('<p style="color:red"> Please create collection and try again</p>').show();
} else {
console.error('Error: ' + xhr.status+errors);
}
}
});
})
// save new collection and fav venue
document.getElementById('collection_save2').addEventListener('click', () => {
var venueid = $('#save_venueid').val();
var name = $('#collection_name').val();
var type = $('#collection_type').val();
var location = $('#collection_location').val();
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': 'Nf0tlAzSqWkYnTzYXGPDQvukRbWGo0AgQM51oWzk'
}
});
$.ajax({
url: '/collection/create' ,
type: 'POST',
dataType: 'json',
data: {
name: name,
type: type,
location: location,
save_venueid:venueid,
},
success: function (response) {
console.log(response)
if (response.success) {
console.log('ok');
getCollectionList()
const card = document.getElementById('venue_'+venueid);
card.classList.add("venue-card-liked");
card.classList.add("liked");
document.getElementById('create_collection_modal2').classList.remove("modal--active")
FavoritesBadge(1)
$('#errorModal').html('').hide();
$('#save_venueid').val('');
$('#collection_name').val('');
$('#collection_type').val('');
$('#collection_location').val('');
}
},
error: function (xhr, status, error) {
if (xhr.status === 422) {
var errors = xhr.responseJSON.errors;
$('#errorModal').html('<p style="color:red">' + Object.values(errors).flat().join('<br>') + '</p>').show();
} else {
console.error('Error: ' + xhr.status);
}
}
});
})
var collection_save3 = document.getElementById('collection_save3');
if (collection_save3) {
// update collection name and info
document.getElementById('collection_save3').addEventListener('click', () => {
var collectionID = $('#collection_id').val();
var name = $('#collection_name_edit').val();
var type = $('#collection_type_edit').val();
var location = $('#collection_location_edit').val();
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': 'Nf0tlAzSqWkYnTzYXGPDQvukRbWGo0AgQM51oWzk'
}
});
$.ajax({
url: '/collection/update' ,
type: 'POST',
dataType: 'json',
data: {
id: collectionID,
name: name,
type: type,
location: location,
},
success: function (response) {
console.log(response)
if (response.success) {
console.log('ok');
document.getElementById('create_collection_modal_edit').classList.remove("modal--active")
// $('#collection_name_edit').val('');
// $('#collection_type_edit').val('');
// $('#collection_location_edit').val('');
}
else
{
$('#errorModalEdit').html('<p style="color:red">' + response.message + '</p>').show();
}
},
error: function (xhr, status, error) {
if (xhr.status === 422) {
var errors = xhr.responseJSON.errors;
$('#errorModalEdit').html('<p style="color:red">' + Object.values(errors).flat().join('<br>') + '</p>').show();
} else {
console.error('Error: ' + xhr.status);
}
}
});
})
}
</script>
<script>
const customSubmitUser = document.getElementById('customSubmitUser');
if (customSubmitUser) {
customSubmitUser.addEventListener('click', function (e) {
e.preventDefault(); // Prevent default form submission
// Get the form element
const formUser = document.getElementById('userForm');
// Check if the form is valid
if (!formUser.checkValidity()) {
// Trigger native form validation
formUser.reportValidity();
console.log('Form validation failed'); // Debugging
return; // Stop execution if validation fails
}
console.log('Site key:', '6LdupEAqAAAAALmorCPwUuM46JkbrPVZCDiujbxu');
console.log('Current domain:', window.location.hostname);
// Execute reCAPTCHA
grecaptcha.ready(function() {
grecaptcha.execute('6LdupEAqAAAAALmorCPwUuM46JkbrPVZCDiujbxu', { action: 'submit' })
.then(function(token) {
console.log('Token generated:', token);
document.getElementById('g-recaptcha-response').value = token;
formUser.submit();
}).catch(function(error) {
console.error('reCAPTCHA error:', error);
});
});
});
}
</script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHKKGBTP"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Zoho Connection -->
<script>
function ajaxCall(url, method, data,recaptchaAction, successCallback, errorCallback,loadingActive = true) {
if (recaptchaAction) {
grecaptcha.ready(function() {
grecaptcha.execute('6LdupEAqAAAAALmorCPwUuM46JkbrPVZCDiujbxu', {action: recaptchaAction}).then(function(token) {
data['g-recaptcha-response'] = token;
sendAjaxRequest(url, method, data, successCallback, errorCallback,loadingActive);
});
});
} else {
sendAjaxRequest(url, method, data, successCallback, errorCallback,loadingActive);
}
}
function sendAjaxRequest(url, method, data, successCallback, errorCallback,loadingActive) {
if(loadingActive){
loading(1);
}
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': 'Nf0tlAzSqWkYnTzYXGPDQvukRbWGo0AgQM51oWzk',
}
});
$.ajax({
async: true,
url: url,
type: method,
dataType: 'json',
data: data,
success: function (response) {
loading(0);
if (typeof successCallback === "function") {
successCallback(response);
}
},
error: function (errors) {
loading(0);
if (typeof errorCallback === "function") {
errorCallback(errors);
} else {
console.log(errors)
// $.each(errors.responseJSON.errors, function (key, value) {
// console.log(errors)
// });
}
}
});
}
function loading(status) {
if (status === 1) {
$('#loadingDiv').html('<div class="loading">Loading…</div>');
} else {
setTimeout(function () {
$('#loadingDiv').html('');
}, 100);
}
}
</script>
<script>
(() => {
const cityContainerDesktop = document.querySelector('.city-container-desktop');
const cityContainerMobile = document.querySelector('.city-container-mobile');
const recentSearchContainerMobile = document.querySelector('.recent--search--container-mobile');
const recentSearchContainerDesktop = document.querySelector('.recent--search--container-desktop');
const recentSearchCardContainer = document.querySelector('.recent-search-card--container');
const citySearchDropdown = document.getElementById('citySearchDropdown');
const recentSearchDropdown = document.getElementById('recentSearchDropdown');
const whereClearBtn = document.getElementById('whereClearBtn');
const whereClearBtnMobile = document.getElementById('whereClearBtnMobile');
const cityNextBtnInModal = document.getElementById('cityNextBtnInModal');
const formInCityModal = document.getElementById('formInCityModal');
const recentSearchNotFound = document.querySelector('.recent__search--not-found');
const clearAttendeesBtn = document.getElementById('clearAttendeesBtn');
const heroAttendees = document.getElementById('heroAttendees');
const staticSearchCountryContainer = document.getElementById('staticSearchCountryContainer');
const staticSearchCountryContainerMobile = document.getElementById('staticSearchCountryContainerMobile');
const debouncedAjaxCall = window.debounce_fn(ajaxCall.bind(null), 300);
let delayed = false;
const setDelayed = window.debounce_fn((value) => {
delayed = value;
}, 250);
// desktop
const desktopHeroSearchForm = document.getElementById('desktopHeroSearch');
const desktopSearchInput = document.getElementById('searchActivity');
const desktopHeroSearchType = document.createElement('input');
desktopHeroSearchType.type = 'hidden';
desktopHeroSearchType.name = 'type';
desktopHeroSearchType.value = '';
desktopHeroSearchForm.append(desktopHeroSearchType);
const desktopHeroSearchKey = document.createElement('input');
desktopHeroSearchKey.type = 'hidden';
desktopHeroSearchKey.name = 'key';
desktopHeroSearchKey.value = '';
desktopHeroSearchForm.append(desktopHeroSearchKey);
recentSearchContainerDesktop.addEventListener('click', (e) => {
const element = e.target.closest('.recent-search-container');
if (!element) return;
const searchTitle = element.getAttribute('data-search-title');
const key = element.getAttribute('data-key');
const type = element.getAttribute('data-type');
desktopSearchInput.value = searchTitle;
desktopHeroSearchType.value = type;
desktopHeroSearchKey.value = key;
// toggleDropdown(recentSearchDropdown, false);
});
let selectedVenue;
recentSearchContainerDesktop.addEventListener('mousemove', (e) => {
const element = e.target.closest('.recent-search-container');
if (!element) return;
const id = element.getAttribute('data-id');
if (id === selectedVenue) return;
const searchTitle = element.getAttribute('data-search-title');
const title = element.getAttribute('data-title');
const propertyTitle = element.getAttribute('data-property-title');
const link = element.getAttribute('data-link');
const image = element.getAttribute('data-image');
const key = element.getAttribute('data-key');
const type = element.getAttribute('data-type');
selectedVenue = id;
if (type === 'venue') {
injectRecentSearchCard(image, title, propertyTitle, link);
}
});
// recentSearchContainerDesktop.addEventListener('mouseenter', (e) => {
// const element = e.target.closest('.recent-search-container');
// if (!element) return;
//
// const searchTitle = element.getAttribute('data-search-title');
// const key = element.getAttribute('data-key');
// const type = element.getAttribute('data-type');
//
// desktopSearchInput.value = searchTitle;
// desktopHeroSearchType.value = type;
// desktopHeroSearchKey.value = key;
// });
desktopSearchInput.addEventListener('input', (e) => {
recentSearchCardContainer.innerHTML = ' ';
desktopHeroSearchType.value = '';
desktopHeroSearchKey.value = '';
injectRecentSearch({
container: recentSearchContainerDesktop,
skeleton: true,
items: Array.from({ length: 7 }, () => ({}))
});
recentSearchCardContainer.innerHTML = '';
debouncedAjaxCall('/api/application/v1/suggestions?q=' + desktopSearchInput.value, 'GET', null, null,
function (response) {
if (response?.data[0]?.type === 'venue') {
let ven = response?.data[0];
injectRecentSearchCard(ven.image, ven.title, ven.property_title, ven.link)
}
injectRecentSearch({
container: recentSearchContainerDesktop,
items: response?.data
});
},
function (errors) {
console.log(errors)
},
false
);
});
desktopSearchInput.addEventListener('focus', (e) => {
if (recentSearchContainerDesktop.innerHTML.trim().length > 0) return;
injectRecentSearch({
container: recentSearchContainerDesktop,
skeleton: true,
items: Array.from({ length: 7 }, () => ({}))
});
recentSearchCardContainer.innerHTML = '';
debouncedAjaxCall('/api/application/v1/suggestions?q=' + desktopSearchInput.value, 'GET', null, null,
function (response) {
if (response?.data[0]?.type === 'venue') {
let ven = response?.data[0];
injectRecentSearchCard(ven.image, ven.title, ven.property_title, ven.link)
}
injectRecentSearch({
container: recentSearchContainerDesktop,
items: response?.data
});
},
function (errors) {
console.log(errors)
},
false
);
});
cityContainerDesktop.addEventListener('click', (e) => {
const element = e.target.closest('.country__city');
if (!element) return;
desktopSearchInput.value = element.textContent.trim();
desktopHeroSearchType.value = 'city';
desktopHeroSearchKey.value = element.getAttribute("data-id");
// toggleDropdown(citySearchDropdown, false);
});
staticSearchCountryContainer.addEventListener('click', () => {
desktopSearchInput.value = staticSearchCountryContainer.textContent.trim();
desktopHeroSearchType.value = staticSearchCountryContainer.getAttribute("data-type");
desktopHeroSearchKey.value = staticSearchCountryContainer.getAttribute("data-id");
});
// mobile
const mobileHeroSearchForm = document.getElementById('mobileHeroSearch');
const mobileSearchInput = document.getElementById('cityWhereSearchMobile'); // or countryWhereSearchMobile
const heroSearchWhereMobile = document.getElementById('heroSearchWhereMobile');
const cityWhereSearchMobileInModalWrapper = document.getElementById('cityWhereSearchMobileInModalWrapper')
const mobileHeroSearchType = document.createElement('input');
mobileHeroSearchType.type = 'hidden';
mobileHeroSearchType.name = 'type';
mobileHeroSearchType.value = '';
mobileHeroSearchForm.append(mobileHeroSearchType);
const mobileHeroSearchKey = document.createElement('input');
mobileHeroSearchKey.type = 'hidden';
mobileHeroSearchKey.name = 'key';
mobileHeroSearchKey.value = '';
mobileHeroSearchForm.append(mobileHeroSearchKey);
recentSearchContainerMobile.addEventListener('click', (e) => {
const element = e.target.closest('.recent-search-container');
if (!element) return;
const searchTitle = element.getAttribute('data-search-title');
const key = element.getAttribute('data-key');
const type = element.getAttribute('data-type');
mobileSearchInput.value = searchTitle;
mobileSearchInput.dispatchEvent(new Event('input'));
mobileHeroSearchType.value = type;
mobileHeroSearchKey.value = key;
whereClearBtnMobile.classList.remove('opacity-0');
whereClearBtnMobile.classList.remove('pointer-events-none');
cityWhereSearchMobileInModalWrapper.classList.add('value--from--recent--search');
});
mobileSearchInput.addEventListener('input', () => {
mobileHeroSearchType.value = '';
mobileHeroSearchKey.value = '';
const isEmpty = mobileSearchInput.value.length === 0;
whereClearBtnMobile.classList.toggle('opacity-0', isEmpty);
whereClearBtnMobile.classList.toggle('pointer-events-none', isEmpty);
cityWhereSearchMobileInModalWrapper.classList.remove('value--from--recent--search');
injectRecentSearch({
container: recentSearchContainerMobile,
skeleton: true,
items: Array.from({ length: 5 }, () => ({}))
});
debouncedAjaxCall('/api/application/v1/suggestions?q=' + mobileSearchInput.value, 'GET', null, null,
function (response) {
injectRecentSearch({
container: recentSearchContainerMobile,
items: response?.data
});
},
function (errors) {
console.log(errors)
},
false
);
});
cityContainerMobile.addEventListener('click', (e) => {
const element = e.target.closest('.city-container-radio');
if (!element) return;
mobileSearchInput.value = element.textContent.trim();
mobileSearchInput.dispatchEvent(new Event('input'));
mobileHeroSearchType.value = 'city';
mobileHeroSearchKey.value = element.getAttribute("data-id");
});
staticSearchCountryContainerMobile.addEventListener('click', () => {
mobileSearchInput.value = staticSearchCountryContainer.textContent.trim();
mobileSearchInput.dispatchEvent(new Event('input'));
mobileHeroSearchType.value = staticSearchCountryContainer.getAttribute("data-type");
mobileHeroSearchKey.value = staticSearchCountryContainer.getAttribute("data-id");
});
// city next btn
cityNextBtnInModal.addEventListener('click', () => {
if (mobileSearchInput.value.trim().length === 0) {
const selectedCity = Array.from(formInCityModal.elements).reduce((acc, curr) => {
curr.closest('.city-container-radio')
if (curr.name === 'city' && curr.checked) {
return {
value: curr.value,
key: curr.closest('.city-container-radio').getAttribute('data-id'),
type: 'city',
};
}
return acc;
}, {
value: undefined,
type: undefined,
key: undefined,
});
if (selectedCity.value && selectedCity.key) {
mobileSearchInput.value = selectedCity.value;
mobileSearchInput.dispatchEvent(new Event('input'));
mobileHeroSearchType.value = selectedCity.type;
mobileHeroSearchKey.value = selectedCity.key;
}
}
});
// clear btn
if (whereClearBtn) {
whereClearBtn.addEventListener('click', (e) => {
desktopSearchInput.value = '';
desktopHeroSearchType.value = '';
desktopHeroSearchKey.value = '';
if (!delayed) {
return;
}
const isRecentSearchDropdownVisible = recentSearchDropdown.classList.contains('visible');
toggleDropdown(recentSearchDropdown, false);
if (isRecentSearchDropdownVisible) {
toggleDropdown(citySearchDropdown, true);
}
});
desktopSearchInput.addEventListener('pragmatic_change', (e) => {
const isEmpty = e.detail.value.length === 0
whereClearBtn.classList.toggle('opacity-0', isEmpty);
whereClearBtn.classList.toggle('pointer-events-none', isEmpty);
});
desktopSearchInput.addEventListener('input', (e) => {
const isEmpty = e.target.value.length === 0;
whereClearBtn.classList.toggle('opacity-0', isEmpty);
whereClearBtn.classList.toggle('pointer-events-none', isEmpty);
});
}
if (whereClearBtnMobile) {
whereClearBtnMobile.addEventListener('click', () => {
mobileSearchInput.value = '';
mobileHeroSearchType.value = '';
mobileHeroSearchKey.value = '';
heroSearchWhereMobile.value = '';
cityWhereSearchMobileInModalWrapper.classList.remove('value--from--recent--search');
cityWhereSearchMobileInModalWrapper.classList.remove('focused');
});
mobileSearchInput.addEventListener('pragmatic_change', (e) => {
const isEmpty = e.detail.value.length === 0;
whereClearBtnMobile.classList.toggle('opacity-0', isEmpty);
whereClearBtnMobile.classList.toggle('pointer-events-none', isEmpty);
});
}
if (clearAttendeesBtn) {
clearAttendeesBtn.addEventListener('click', () => {
heroAttendees.value = '';
heroAttendees.dispatchEvent(new Event('input'));
});
}
// focus input in modal
heroSearchWhereMobile.addEventListener('click', () => {
if (heroSearchWhereMobile && heroSearchWhereMobile.value.length > 0) {
mobileSearchInput.focus();
mobileSearchInput.setSelectionRange(-1, -1);
}
});
// functions
function injectRecentSearchCard(image, title, caption, link, skeleton = false) {
recentSearchCardContainer.innerHTML = `
<a href="${link}" class="recent-search-card${skeleton ? ' skeleton' : ''}">
<div class="image--lazy--loading">
<img src="${image}" alt="" class="recent-search-card__image lazy">
</div>
<div class="recent-search-card__info">
<span class="recent-search-card__caption">${caption}</span>
<p class="recent-search-card__title">${title}</p>
</div>
</a>`;
initializeLazyLoad(recentSearchCardContainer, 'image--lazy--loading');
}
const recentSearchIcons = {
'icon-1': 'assets/SVGs/icons/home-star.svg',
'icon-2': 'assets/SVGs/icons/location.svg'
}
function injectRecentSearch({items, skeleton, container}) {
if (items.length > 0) {
const html = items.map(item => {
return `
<li class="recent-search-container${skeleton ? ' skeleton' : ''}" data-id="${item.id}" data-key="${item.key}" data-type="${item.type}" data-search-title="${item.searchTitle}" data-image="${item.image}" data-link="${item.link}" data-title="${item.title}" data-property-title="${item.property_title}">
<div>
<img src="${recentSearchIcons[item.icon]}" alt="">
</div>
<p>${item.title}</p>
</li>
`
}).join('');
recentSearchNotFound.classList.add('hidden');
container.innerHTML = html;
} else {
container.innerHTML = '';
recentSearchNotFound.classList.remove('hidden');
}
}
// animation
const desktopSearchFormWrapper = document.getElementById('desktopSearchFormWrapper');
const searchActivity = document.querySelector('#searchActivity');
const activityFilter = document.querySelector("#activtyFilter");
const desktopSubmitSearchBtn = document.querySelector('#desktopSubmitSearchBtn');
let isFocused = false;
let conditionTimeout;
desktopSearchFormWrapper.addEventListener('focusin', (e) => {
if (isFocused) return;
else {
setDelayed(true);
if (!delayed) {
if (e.target.closest('#whereClearBtn') || e.target.closest('#clearEventTypeBtn') || e.target.closest('#clearAttendeesBtn')) {
return;
}
if (e.target.closest('#desktopSubmitSearchBtn')) {
return;
}
}
}
isFocused = true;
conditionTimeout && clearInterval(conditionTimeout);
document.body.classList.add('desktop--search--focused');
if ([searchActivity, activityFilter, heroAttendees].includes(document.querySelector(':focus')) === false) {
const isEventTypeFocused = e.target.closest(`[data-combobox-results='${activityFilter.getAttribute('data-combobox')}']`);
const isHeroAttendeesFocused = e.target.closest(`[data-dropdown-target='${heroAttendees.getAttribute('data-dropdown')}']`);
if (!isEventTypeFocused && !isHeroAttendeesFocused && !e.target.closest('.dropdown__box,.autocomplete__container')) {
if (recentSearchDropdown.classList.contains('visible')) {
return;
}
toggleDropdown(searchActivity.value.length > 0 ? recentSearchDropdown : citySearchDropdown, true);
toggleDropdown(searchActivity.value.length > 0 ? citySearchDropdown : recentSearchDropdown, false);
}
};
});
desktopSearchFormWrapper.addEventListener('click', (e) => {
if ([
activityFilter,
heroAttendees,
desktopSubmitSearchBtn,
].includes(e.target) === false) {
const isEventTypeFocused = e.target.closest(`[data-combobox-results='${activityFilter.getAttribute('data-combobox')}']`);
const isHeroAttendeesFocused = e.target.closest(`[data-dropdown-target='${heroAttendees.getAttribute('data-dropdown')}']`);
if (!isEventTypeFocused) {
activityFilter._va_combobox_instance.close();
}
if (!isHeroAttendeesFocused) {
toggleDropdown(document.querySelector('[data-dropdown-target="attendees"]'), false);
}
if (!e.target.closest('.dropdown__box,.autocomplete__container')) {
if (!isEventTypeFocused && !isHeroAttendeesFocused && !e.target.closest('.track--focus')) {
searchActivity?.focus();
}
e.stopPropagation();
}
};
});
searchActivity.addEventListener('click', () => {
activityFilter._va_combobox_instance.close();
toggleDropdown(document.querySelector('[data-dropdown-target="attendees"]'), false);
});
[activityFilter, heroAttendees].forEach(element => {
element?.addEventListener('click', () => {
toggleDropdown(searchActivity.value.length > 0 ? recentSearchDropdown : citySearchDropdown, false);
// toggleDropdown(searchActivity.value.length > 0 ? citySearchDropdown : recentSearchDropdown, false);
});
});
const focusOutHandler = () => {
isFocused = false;
setDelayed(false);
conditionTimeout = setTimeout(() => {
desktopSearchInput.blur();
activityFilter.blur();
heroAttendees.blur();
activityFilter._va_combobox_instance.close();
toggleDropdown(document.querySelector(`[data-dropdown-target='${heroAttendees.getAttribute('data-dropdown')}']`), false);
toggleDropdown(recentSearchDropdown, false);
toggleDropdown(citySearchDropdown, false);
}, 110);
document.body.classList.remove('desktop--search--focused');
}
desktopSearchFormWrapper.addEventListener('focusout', focusOutHandler);
document.addEventListener("visibilitychange", () => {
if (document.hidden) {
desktopSearchInput.blur();
activityFilter.blur();
heroAttendees.blur();
activityFilter._va_combobox_instance.close();
toggleDropdown(document.querySelector(`[data-dropdown-target='${heroAttendees.getAttribute('data-dropdown')}']`), false);
toggleDropdown(recentSearchDropdown, false);
toggleDropdown(citySearchDropdown, false);
focusOutHandler();
}
});
const getOffsetTop = function (element) {
if (!element) return 0;
return getOffsetTop(element.offsetParent) + element.offsetTop;
};
window.addEventListener('resize', window.debounce_fn(() => {
const headerHeight = document.querySelector("#page_container > header").offsetHeight;
const boxFromTop = getOffsetTop(desktopHeroSearchForm) - 160;
const boxHeight = desktopHeroSearchForm.offsetHeight;
const height = (headerHeight - (boxFromTop + boxHeight));
const minusTransformY = -(boxFromTop - (boxHeight * 0.2));
// document.querySelector("#citySearchDropdown").style.maxHeight = `${height}px !important`;
document.body.style.setProperty('--hero-dropdown-height', `${height}px`);
document.body.style.setProperty('--hero-search-y-offset', height > 200 ? `${minusTransformY * 0.8}px` : null);
}, 300));
/**
* TEMPRORARY
* this will be removed once the country integration happens with JSON
*/
const updateDesktopCount = (venuesCount, agenciesCount) => {
citySearchDropdown.querySelectorAll('.venue--counts').forEach(element => {
element.innerHTML = venuesCount;
});
citySearchDropdown.querySelectorAll('.agencies--counts').forEach(element => {
element.innerHTML = agenciesCount;
});
}
citySearchDropdown.querySelectorAll('[data-venue-count]').forEach(element => {
element.addEventListener('click', (e) => {
const venuesCount = element.getAttribute('data-venue-count');
const agencyCount = element.getAttribute('data-agency-count');
updateDesktopCount(venuesCount, agencyCount);
});
});
const updateMobileCount = (venuesCount, agenciesCount) => {
formInCityModal.querySelectorAll('.venue--counts').forEach(element => {
element.innerHTML = venuesCount;
});
formInCityModal.querySelectorAll('.agencies--counts').forEach(element => {
element.innerHTML = agenciesCount;
});
}
formInCityModal.querySelectorAll('[data-venue-count]').forEach(element => {
element.addEventListener('click', (e) => {
const venuesCount = element.getAttribute('data-venue-count');
const agencyCount = element.getAttribute('data-agency-count');
updateMobileCount(venuesCount, agencyCount);
});
});
})();
</script>
<!-- Tippy.js -->
<script src="https://unpkg.com/@popperjs/core@2"></script>
<script src="https://unpkg.com/tippy.js@6"></script>
<script>
document.querySelectorAll('.advisor--avatar').forEach((advisorAvatar, index) => {
const advisorAvatarTemplate = advisorAvatar.querySelector('template');
const content = advisorAvatarTemplate?.content.firstElementChild;
const instance = tippy(advisorAvatar, {
content: content.outerHTML,
allowHTML: true,
maxWidth: document.querySelector('.advisor--avatar__container').getBoundingClientRect().width,
interactive: true,
// offset: [0, 0],
// delay: [null, 300],
interactiveDebounce: 100,
getReferenceClientRect: () => {
const rect = advisorAvatar.getBoundingClientRect();
return { ...rect, left: 200 };
},
appendTo: 'parent',
placement: 'bottom-start',
});
instance.popper.style.setProperty('--tippy-arrow-left',
(advisorAvatar.getBoundingClientRect().width * index)
+ ((index - 1) * 8)
+ (advisorAvatar.getBoundingClientRect().width / 2)
+ 'px'
);
});
</script>
<script>
const passwordInputs = document.querySelectorAll('.password__input--wrapper input');
window.addEventListener('load', () => {
setTimeout(() => {
passwordInputs.forEach(pi => {
pi.setAttribute('type', 'password');
});
}, window._browserCheck?.isSafari() ? 1500 : 0);
})
</script>
</body>
</html>