{"id":1386,"date":"2025-10-15T14:23:41","date_gmt":"2025-10-15T14:23:41","guid":{"rendered":"https:\/\/gogreenwings.com\/?page_id=1386"},"modified":"2025-10-23T18:23:45","modified_gmt":"2025-10-23T18:23:45","slug":"activities","status":"publish","type":"page","link":"https:\/\/gogreenwings.com\/index.php\/activities\/","title":{"rendered":"Activities"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1386\" class=\"elementor elementor-1386\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a0bfc6 e-con-full e-flex e-con e-parent\" data-id=\"2a0bfc6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-296cead elementor-widget elementor-widget-html\" data-id=\"296cead\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  :root {\r\n    --primary: #56913e;\r\n    --dark: #0f172a;\r\n    --light: #fff;\r\n    --muted: #64748b;\r\n  }\r\n\r\n  body {\r\n    font-family: \"Segoe UI\", sans-serif;\r\n    background: #f5f5f5;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .activities-container {\r\n    display: flex;\r\n    gap: 20px;\r\n    padding: 20px;\r\n    max-width: 1300px;\r\n    margin: auto;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  \/* Sidebar *\/\r\n  .activities-sidebar {\r\n    flex: 1 1 250px;\r\n    background: var(--light);\r\n    border-radius: 12px;\r\n    box-shadow: 0 2px 6px rgba(0,0,0,0.1);\r\n    padding: 20px;\r\n    height: fit-content;\r\n    min-width: 250px;\r\n  }\r\n\r\n  .activities-sidebar h3 {\r\n    margin-bottom: 10px;\r\n    font-size: 18px;\r\n    color: var(--primary);\r\n  }\r\n\r\n  .filter-group {\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .filter-group label {\r\n    display: block;\r\n    margin: 5px 0;\r\n    font-size: 15px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  \/* Main Content *\/\r\n  .activities-main {\r\n    flex: 3 1 700px;\r\n    min-width: 300px;\r\n  }\r\n\r\n  .activities-top-bar {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .activities-sort {\r\n    padding: 8px 12px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 6px;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .activities-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n    gap: 20px;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .activity-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    background: var(--light);\r\n    border-radius: 12px;\r\n    box-shadow: 0 2px 8px rgba(0,0,0,0.1);\r\n    overflow: hidden;\r\n    transition: transform 0.2s;\r\n  }\r\n\r\n  .activity-card:hover {\r\n    transform: translateY(-5px);\r\n  }\r\n\r\n  .activity-img {\r\n    height: 180px;\r\n    background-size: cover;\r\n    background-position: center;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .activity-info {\r\n    padding: 15px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-grow: 1;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .activity-info h4 {\r\n    margin: 0 0 8px;\r\n    font-size: 16px;\r\n    color: var(--dark);\r\n  }\r\n\r\n  .activity-meta {\r\n    font-size: 14px;\r\n    color: var(--muted);\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .price {\r\n    font-weight: bold;\r\n    font-size: 15px;\r\n    color: var(--primary);\r\n  }\r\n\r\n  .btn {\r\n    display: inline-block;\r\n    margin-top: auto;\r\n    padding: 8px 14px;\r\n    background: var(--primary);\r\n    color: var(--light);\r\n    border-radius: 6px;\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n    transition: background 0.2s;\r\n    text-align: center;\r\n  }\r\n\r\n  .btn:hover {\r\n    background: #41732e;\r\n  }\r\n\r\n  \/* Mobile Responsive *\/\r\n  @media screen and (max-width: 900px) {\r\n    .activities-container {\r\n      flex-direction: column;\r\n      padding: 15px;\r\n    }\r\n\r\n    .activities-sidebar {\r\n      width: 100%;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .activities-main {\r\n      width: 100%;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"activities-container\">\r\n\r\n  <!-- Sidebar -->\r\n  <aside class=\"activities-sidebar\">\r\n    <div class=\"filter-group\">\r\n      <h3>Categories<\/h3>\r\n      <label><input type=\"checkbox\" value=\"Adventure\"> Adventure<\/label>\r\n      <label><input type=\"checkbox\" value=\"City Tour\"> City Tour<\/label>\r\n      <label><input type=\"checkbox\" value=\"Cruise\"> Cruise<\/label>\r\n      <label><input type=\"checkbox\" value=\"Desert Safari\"> Desert Safari<\/label>\r\n      <label><input type=\"checkbox\" value=\"Water Parks\"> Water Parks<\/label>\r\n      <label><input type=\"checkbox\" value=\"Theme Parks\"> Theme Parks<\/label>\r\n      <label><input type=\"checkbox\" value=\"Burj Khalifa Tickets\"> Burj Khalifa Tickets<\/label>\r\n      <label><input type=\"checkbox\" value=\"Museums\"> Museums<\/label>\r\n    <\/div>\r\n\r\n    <div class=\"filter-group\">\r\n      <h3>Cities<\/h3>\r\n      <label><input type=\"checkbox\" value=\"Abu Dhabi\"> Abu Dhabi<\/label>\r\n      <label><input type=\"checkbox\" value=\"Dubai\"> Dubai<\/label>\r\n    <\/div>\r\n  <\/aside>\r\n\r\n  <!-- Main Content -->\r\n  <main class=\"activities-main\">\r\n    <div class=\"activities-top-bar\">\r\n      <select class=\"activities-sort\" id=\"sortOptions\">\r\n        <option value=\"az\">A - Z<\/option>\r\n        <option value=\"low-high\">Price: Low to High<\/option>\r\n        <option value=\"high-low\">Price: High to Low<\/option>\r\n      <\/select>\r\n    <\/div>\r\n\r\n    <div class=\"activities-grid\" id=\"activitiesGrid\">\r\n      <!-- Activity Cards -->\r\n      <div class=\"activity-card\" data-name=\"Desert Safari\" data-price=\"5500\" data-category=\"Desert Safari\" data-city=\"Dubai\">\r\n        <div class=\"activity-img\" style=\"background-image:url('https:\/\/demo.radarsgroup.com\/wp-content\/uploads\/2025\/09\/3215-2.jpg');\"><\/div>\r\n        <div class=\"activity-info\">\r\n          <div>\r\n            <h4>Desert Safari<\/h4>\r\n            <p class=\"activity-meta\">Category: Desert Safari | City: Dubai<\/p>\r\n            <p class=\"price\">\u20b9 5,500<\/p>\r\n          <\/div>\r\n          <a href=\"#\" class=\"btn\">View Details<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"activity-card\" data-name=\"Dhow Cruise\" data-price=\"4000\" data-category=\"Cruise\" data-city=\"Dubai\">\r\n        <div class=\"activity-img\" style=\"background-image:url('https:\/\/demo.radarsgroup.com\/wp-content\/uploads\/2025\/09\/8077.jpg');\"><\/div>\r\n        <div class=\"activity-info\">\r\n          <div>\r\n            <h4>Dhow Cruise<\/h4>\r\n            <p class=\"activity-meta\">Category: Cruise | City: Dubai<\/p>\r\n            <p class=\"price\">\u20b9 4,000<\/p>\r\n          <\/div>\r\n          <a href=\"#\" class=\"btn\">View Details<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"activity-card\" data-name=\"At The Top Burj Khalifa\" data-price=\"8000\" data-category=\"Burj Khalifa Tickets\" data-city=\"Dubai\">\r\n        <div class=\"activity-img\" style=\"background-image:url('https:\/\/demo.radarsgroup.com\/wp-content\/uploads\/2025\/09\/11401.jpg');\"><\/div>\r\n        <div class=\"activity-info\">\r\n          <div>\r\n            <h4>At The Top \u2013 Burj Khalifa<\/h4>\r\n            <p class=\"activity-meta\">Category: Burj Khalifa Tickets | City: Dubai<\/p>\r\n            <p class=\"price\">\u20b9 8,000<\/p>\r\n          <\/div>\r\n          <a href=\"#\" class=\"btn\">View Details<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"activity-card\" data-name=\"Museum of the Future\" data-price=\"2500\" data-category=\"Museums\" data-city=\"Dubai\">\r\n        <div class=\"activity-img\" style=\"background-image:url('https:\/\/demo.radarsgroup.com\/wp-content\/uploads\/2025\/09\/38535.jpg');\"><\/div>\r\n        <div class=\"activity-info\">\r\n          <div>\r\n            <h4>Museum of the Future<\/h4>\r\n            <p class=\"activity-meta\">Category: Museums | City: Dubai<\/p>\r\n            <p class=\"price\">\u20b9 2,500<\/p>\r\n          <\/div>\r\n          <a href=\"#\" class=\"btn\">View Details<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"activity-card\" data-name=\"Abu Dhabi Grand Mosque & Louvre\" data-price=\"3500\" data-category=\"City Tour\" data-city=\"Abu Dhabi\">\r\n        <div class=\"activity-img\" style=\"background-image:url('https:\/\/demo.radarsgroup.com\/wp-content\/uploads\/2025\/09\/4c.jpg');\"><\/div>\r\n        <div class=\"activity-info\">\r\n          <div>\r\n            <h4>Abu Dhabi Grand Mosque & Louvre<\/h4>\r\n            <p class=\"activity-meta\">Category: City Tour | City: Abu Dhabi<\/p>\r\n            <p class=\"price\">\u20b9 3,500<\/p>\r\n          <\/div>\r\n          <a href=\"#\" class=\"btn\">View Details<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"activity-card\" data-name=\"Atlantis Aquaventure\" data-price=\"4500\" data-category=\"Water Parks\" data-city=\"Dubai\">\r\n        <div class=\"activity-img\" style=\"background-image:url('https:\/\/demo.radarsgroup.com\/wp-content\/uploads\/2025\/09\/48751-1.jpg');\"><\/div>\r\n        <div class=\"activity-info\">\r\n          <div>\r\n            <h4>Atlantis Aquaventure<\/h4>\r\n            <p class=\"activity-meta\">Category: Water Parks | City: Dubai<\/p>\r\n            <p class=\"price\">\u20b9 4,500<\/p>\r\n          <\/div>\r\n          <a href=\"#\" class=\"btn\">View Details<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"activity-card\" data-name=\"Yas\/Warner\" data-price=\"5000\" data-category=\"Theme Parks\" data-city=\"Abu Dhabi\">\r\n        <div class=\"activity-img\" style=\"background-image:url('https:\/\/demo.radarsgroup.com\/wp-content\/uploads\/2025\/09\/WARNER-BROS.-PLAZA.jpg');\"><\/div>\r\n        <div class=\"activity-info\">\r\n          <div>\r\n            <h4>Yas\/Warner<\/h4>\r\n            <p class=\"activity-meta\">Category: Theme Parks | City: Abu Dhabi<\/p>\r\n            <p class=\"price\">\u20b9 5,000<\/p>\r\n          <\/div>\r\n          <a href=\"#\" class=\"btn\">View Details<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/main>\r\n<\/div>\r\n\r\n<script>\r\n  const sortSelect = document.getElementById(\"sortOptions\");\r\n  const activitiesGrid = document.getElementById(\"activitiesGrid\");\r\n  const checkboxes = document.querySelectorAll(\".activities-sidebar input[type='checkbox']\");\r\n\r\n  sortSelect.addEventListener(\"change\", sortActivities);\r\n  checkboxes.forEach(cb => cb.addEventListener(\"change\", filterActivities));\r\n\r\n  function sortActivities() {\r\n    let cards = Array.from(activitiesGrid.querySelectorAll(\".activity-card\"));\r\n    let option = sortSelect.value;\r\n\r\n    cards.sort((a, b) => {\r\n      let priceA = parseInt(a.dataset.price);\r\n      let priceB = parseInt(b.dataset.price);\r\n      let nameA = a.dataset.name.toLowerCase();\r\n      let nameB = b.dataset.name.toLowerCase();\r\n\r\n      if (option === \"az\") return nameA.localeCompare(nameB);\r\n      if (option === \"low-high\") return priceA - priceB;\r\n      if (option === \"high-low\") return priceB - priceA;\r\n      return 0;\r\n    });\r\n\r\n    activitiesGrid.innerHTML = \"\";\r\n    cards.forEach(card => activitiesGrid.appendChild(card));\r\n  }\r\n\r\n  function filterActivities() {\r\n    let activeFilters = Array.from(checkboxes)\r\n      .filter(cb => cb.checked)\r\n      .map(cb => cb.value);\r\n\r\n    document.querySelectorAll(\".activity-card\").forEach(card => {\r\n      let category = card.dataset.category;\r\n      let city = card.dataset.city;\r\n\r\n      if (activeFilters.length === 0 || activeFilters.includes(category) || activeFilters.includes(city)) {\r\n        card.style.display = \"\";\r\n      } else {\r\n        card.style.display = \"none\";\r\n      }\r\n    });\r\n  }\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Categories Adventure City Tour Cruise Desert Safari Water Parks Theme Parks Burj Khalifa Tickets Museums Cities Abu Dhabi Dubai A &#8211; ZPrice: Low to HighPrice: High to Low Desert Safari Category: Desert Safari | City: Dubai \u20b9 5,500 View Details Dhow Cruise Category: Cruise | City: Dubai \u20b9 4,000 View Details At The Top \u2013&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-1386","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/gogreenwings.com\/index.php\/wp-json\/wp\/v2\/pages\/1386","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gogreenwings.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gogreenwings.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gogreenwings.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gogreenwings.com\/index.php\/wp-json\/wp\/v2\/comments?post=1386"}],"version-history":[{"count":7,"href":"https:\/\/gogreenwings.com\/index.php\/wp-json\/wp\/v2\/pages\/1386\/revisions"}],"predecessor-version":[{"id":1456,"href":"https:\/\/gogreenwings.com\/index.php\/wp-json\/wp\/v2\/pages\/1386\/revisions\/1456"}],"wp:attachment":[{"href":"https:\/\/gogreenwings.com\/index.php\/wp-json\/wp\/v2\/media?parent=1386"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}