Contact us

Thank you! Your submission has been received!
Something went wrong while submitting the form. Please email us at connect@cloudspaces.ae.

Cloud Locations

custom code. Requires jQuery (Webflow loads it by default). Supported URL params: ?location=yas-mall -> matched against city "link-item" ?service=meeting-room -> matched against service "slug" ?interest=Meeting%20Room -> legacy, matched by slug/value/text ?interestedin=bookatour -> legacy, selects "Book a Tour" Matching is punctuation- and case-insensitive, so "meeting-room", "Meeting Room" and "meetingroom" all resolve to the same option. ========================================================================= */ $(document).ready(function () { /* ----------------------------------------------------------------------- 1. LOCATION + SERVICE DATA value = what gets submitted | slug = what appears in the URL --------------------------------------------------------------------- */ var cities = { "United Arab Emirates": [ { "value": "1", "text": "Yas Mall – Abu Dhabi", "slug": "Yas Mall", "link-item": "yas-mall", "services": [ { "value": "Book a Tour", "text": "Book a Tour", "slug": "book-a-tour" }, { "value": "Office Space", "text": "Office Space", "slug": "office-space" }, { "value": "Cloud Membership", "text": "Cloud Membership", "slug": "cloud-membership" }, { "value": "Business Setup", "text": "Business Setup", "slug": "business-setup" }, { "value": "Recording Studio", "text": "Recording Studio", "slug": "recording-studio" }, { "value": "Meeting Room", "text": "Meeting Room", "slug": "meeting-room" }, { "value": "Day Pass", "text": "Day Pass", "slug": "day-pass" }, { "value": "Event Space", "text": "Event Space", "slug": "event-space" }, { "value": "Pod", "text": "Pod", "slug": "pod" }, { "value": "Cubicle", "text": "Cubicle", "slug": "cubicle" }, { "value": "Bubble", "text": "Bubble", "slug": "bubble" } ] }, { "value": "4", "text": "ADGM - Abu Dhabi", "slug": "adgm_level 15", "link-item": "abu-dhabi-global-market", "services": [ { "value": "Book a Tour", "text": "Book a Tour", "slug": "book-a-tour" }, { "value": "Office Space", "text": "Office Space", "slug": "office-space" }, { "value": "Cloud Membership", "text": "Cloud Membership", "slug": "cloud-membership" }, { "value": "Business Setup", "text": "Business Setup", "slug": "business-setup" }, { "value": "Meeting Room", "text": "Meeting Room", "slug": "meeting-room" }, { "value": "Day Pass", "text": "Day Pass", "slug": "day-pass" }, { "value": "Event Space", "text": "Event Space", "slug": "event-space" }, { "value": "Cubicle", "text": "Cubicle", "slug": "cubicle" }, { "value": "Bubble", "text": "Bubble", "slug": "bubble" } ] }, { "value": "7", "text": "The Mall WTC – Abu Dhabi", "slug": "The WTC Mall", "link-item": "wtc-mall-abu-dhabi", "services": [ { "value": "Book a Tour", "text": "Book a Tour", "slug": "book-a-tour" }, { "value": "Office Space", "text": "Office Space", "slug": "office-space" }, { "value": "Cloud Membership", "text": "Cloud Membership", "slug": "cloud-membership" }, { "value": "Business Setup", "text": "Business Setup", "slug": "business-setup" }, { "value": "Meeting Room", "text": "Meeting Room", "slug": "meeting-room" }, { "value": "Day Pass", "text": "Day Pass", "slug": "day-pass" }, { "value": "Event Space", "text": "Event Space", "slug": "event-space" }, { "value": "Cubicle", "text": "Cubicle", "slug": "cubicle" }, { "value": "Bubble", "text": "Bubble", "slug": "bubble" } ] }, { "value": "8", "text": "Circle Mall – Dubai", "slug": "Circle Mall", "link-item": "circle-mall-jvc", "services": [ { "value": "Book a Tour", "text": "Book a Tour", "slug": "book-a-tour" }, { "value": "Office Space", "text": "Office Space", "slug": "office-space" }, { "value": "Cloud Membership", "text": "Cloud Membership", "slug": "cloud-membership" }, { "value": "Business Setup", "text": "Business Setup", "slug": "business-setup" }, { "value": "Photo Studio", "text": "Photo Studio", "slug": "photo-studio" }, { "value": "Meeting Room", "text": "Meeting Room", "slug": "meeting-room" }, { "value": "Day Pass", "text": "Day Pass", "slug": "day-pass" }, { "value": "Event Space", "text": "Event Space", "slug": "event-space" }, { "value": "Cubicle", "text": "Cubicle", "slug": "cubicle" }, { "value": "Bubble", "text": "Bubble", "slug": "bubble" } ] }, { "value": "11", "text": "Dubai Mall Fountain Views - Dubai", "slug": "Dubai Mall Fountain Views", "link-item": "dubai-fountain-views", "services": [ { "value": "Book a Tour", "text": "Book a Tour", "slug": "book-a-tour" }, { "value": "Office Space", "text": "Office Space", "slug": "office-space" }, { "value": "Cloud Membership", "text": "Cloud Membership", "slug": "cloud-membership" }, { "value": "Business Setup", "text": "Business Setup", "slug": "business-setup" }, { "value": "Meeting Room", "text": "Meeting Room", "slug": "meeting-room" }, { "value": "Day Pass", "text": "Day Pass", "slug": "day-pass" }, { "value": "Event Space", "text": "Event Space", "slug": "event-space" }, { "value": "Cubicle", "text": "Cubicle", "slug": "cubicle" }, { "value": "Bubble", "text": "Bubble", "slug": "bubble" }, { "value": "Podcast Studio", "text": "Podcast Studio", "slug": "podcast-studio" }, { "value": "Auditorium", "text": "Auditorium", "slug": "auditorium" } ] }, { "value": "17", "text": "Al Hamra Mall - Opening Soon", "slug": "Al Hamra Mall", "link-item": "al-hamra-mall", "services": [ { "value": "Office Space", "text": "Office Space", "slug": "office-space" } ] }, { "value": "18", "text": "The Galleria – Opening Soon", "slug": "Clouds Galleria Mall", "link-item": "the-galleria", "services": [ { "value": "Office Space", "text": "Office Space", "slug": "office-space" } ] } ], "Kingdom of Saudi Arabia": [ { "value": "13", "text": "Roshn Front - Riyadh", "slug": "Roshan Front KSA", "link-item": "roshn-front-ksa", "services": [ { "value": "Book a Tour", "text": "Book a Tour", "slug": "book-a-tour" }, { "value": "Office Space", "text": "Office Space", "slug": "office-space" }, { "value": "Cloud Membership", "text": "Cloud Membership", "slug": "cloud-membership" }, { "value": "Business Setup", "text": "Business Setup", "slug": "business-setup" }, { "value": "Meeting Room", "text": "Meeting Room", "slug": "meeting-room" }, { "value": "Day Pass", "text": "Day Pass", "slug": "day-pass" }, { "value": "Event Space", "text": "Event Space", "slug": "event-space" }, { "value": "Cubicle", "text": "Cubicle", "slug": "cubicle" }, { "value": "Bubble", "text": "Bubble", "slug": "bubble" } ] }, { "value": "12", "text": "Kingdom Centre - Riyadh", "slug": "Kingdom Centre - KSA", "link-item": "kingdom-center-ksa", "services": [ { "value": "Book a Tour", "text": "Book a Tour", "slug": "book-a-tour" }, { "value": "Office Space", "text": "Office Space", "slug": "office-space" }, { "value": "Cloud Membership", "text": "Cloud Membership", "slug": "cloud-membership" }, { "value": "Business Setup", "text": "Business Setup", "slug": "business-setup" }, { "value": "Meeting Room", "text": "Meeting Room", "slug": "meeting-room" }, { "value": "Day Pass", "text": "Day Pass", "slug": "day-pass" }, { "value": "Event Space", "text": "Event Space", "slug": "event-space" }, { "value": "Cubicle", "text": "Cubicle", "slug": "cubicle" }, { "value": "Bubble", "text": "Bubble", "slug": "bubble" } ] } ] }; var DEFAULT_COUNTRY = "United Arab Emirates"; var params = new URLSearchParams(window.location.search); /* ----------------------------------------------------------------------- 2. HELPERS --------------------------------------------------------------------- */ // "Book a Tour" / "book-a-tour" / "bookatour" all collapse to "bookatour" function norm(str) { return String(str == null ? "" : str).toLowerCase().replace(/[^a-z0-9]/g, ""); } // find a city by its "link-item", across all countries function findCityByLinkItem(linkItem) { var wanted = norm(linkItem); if (!wanted) return null; var match = null; Object.keys(cities).forEach(function (country) { cities[country].forEach(function (city) { if (norm(city["link-item"]) === wanted) { match = { country: country, city: city }; } }); }); return match; } // find a service on the currently selected city, by slug / value / text function findServiceOnCurrentCity(needle) { var wanted = norm(needle); if (!wanted) return null; var city = getSelectedCity(); if (!city || !city.services) return null; return city.services.filter(function (svc) { return norm(svc.slug) === wanted || norm(svc.value) === wanted || norm(svc.text) === wanted; })[0] || null; } function getSelectedCity() { var locations = cities[$("#Country").val()]; if (!locations) return null; var citySlug = $("#City").val(); return locations.filter(function (loc) { return loc.slug === citySlug; })[0] || null; } /* ----------------------------------------------------------------------- 3. CASCADING DROPDOWNS (Country -> City -> I am interested in) --------------------------------------------------------------------- */ // Country changed -> rebuild City options $("#Country").on("change", function () { $('#City option[value!=""]').remove(); $('#ud_Iaminterestedin option[value!=""]').remove(); var selectedCountry = $(this).val(); if (!cities[selectedCountry]) return; cities[selectedCountry].forEach(function (city) { $("#City").append($("