{"id":310,"date":"2026-06-03T12:19:55","date_gmt":"2026-06-03T12:19:55","guid":{"rendered":"https:\/\/www.accadomus.it\/accommodations\/"},"modified":"2026-07-28T12:26:54","modified_gmt":"2026-07-28T12:26:54","slug":"accommodations","status":"publish","type":"page","link":"https:\/\/www.accadomus.it\/en\/accommodations\/","title":{"rendered":"Accommodations"},"content":{"rendered":"<section id=\"hero-page-header-block_ce07ee45549add473348906dbee3cfe2\" class=\"hero-page-header relative  w-full min-h-[300px] lg:h-[426px] flex items-center justify-center overflow-hidden\">\r\n    \r\n    \r\n            <div class=\"absolute inset-0 z-0\">\r\n            <img decoding=\"async\" \r\n                src=\"https:\/\/www.accadomus.it\/wp-content\/uploads\/2026\/06\/desk-and-bed-in-bright-cozy-bedroom-2026-03-18-17-42-08-utc_risultato.jpg\" \r\n                alt=\"Accommodations\"\r\n                class=\"w-full h-full object-cover\"\r\n                loading=\"eager\"\r\n            >\r\n            <div class=\"absolute inset-0 bg-black opacity-50\"><\/div>\r\n        <\/div>\r\n    \r\n    \r\n    <div class=\"container section mx-auto relative z-10 text-center text-white px-2\">\r\n                    <h1 class=\"text-h1 ff-base font-medium mb-4 leading-none\">\r\n                Accommodations\r\n            <\/h1>\r\n        \r\n        \r\n        <nav class=\"breadcrumbs font-semibold tracking-wide\">\r\n                            <nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav>\r\n                    <\/nav>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section id=\"map-tabs-block_b9f83394499b273fd44e56d4f187abd9\" class=\"interactive-map-tabs bg-white section\" x-data=\"{ activeTab: 0 }\">\r\n    <div class=\"container mx-auto px-2\">\r\n        <div class=\"lg:max-w-8\/12 mx-auto\">\r\n        \r\n        <div class=\"text-center mx-auto mb-3 space-y-4\">\r\n                            <div class=\"inline-flex items-center gap-6 pb-2 \">\r\n                        <div class=\"relative flex items-end h-[18px] w-[90px]\">\r\n                            <div class=\"absolute bottom-0 left-0 w-full h-[2px] bg-black\"><\/div>\r\n\r\n                            <div class=\"absolute bottom-0 right-0 w-[14px] h-[2px] bg-black origin-bottom-right\"\r\n                                style=\"transform: rotate(55deg);\">\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"justify-start text-black text-sm font-medium font-heading uppercase leading-none\">\r\n                            ACCOMODATIONS<\/div>\r\n                    <\/div>\r\n            \r\n                             <h2 class=\"text-h1 ff-base font-semibold leading-tight\">\r\n                    Discover the accommodation\r\n                <\/h2>\r\n            \r\n                            <p class=\"text-base md:text-lg leading-relaxed text-gray-300\">\r\n                    Use the map to see where the accommodation blocks are located and choose the area that suits you best.\r\n                <\/p>\r\n                    <\/div>\r\n\r\n        \r\n                    <div class=\"flex flex-wrap justify-center gap-4 mb-3\">\r\n                                    <button\r\n                        type=\"button\"\r\n                        class=\"px-8 py-3 rounded-full text-xs md:text-sm font-bold uppercase tracking-widest border transition-all duration-300 cursor-pointer select-none\"\r\n                        :class=\"activeTab === 0 \r\n                            ? 'bg-primary border-primary text-white shadow-sm' \r\n                            : 'bg-light border-primary text-primary hover:shadow-sm'\"\r\n                        @click=\"activeTab = 0\"\r\n                    >\r\n                        Ground Floor\r\n                    <\/button>\r\n                                    <button\r\n                        type=\"button\"\r\n                        class=\"px-8 py-3 rounded-full text-xs md:text-sm font-bold uppercase tracking-widest border transition-all duration-300 cursor-pointer select-none\"\r\n                        :class=\"activeTab === 1 \r\n                            ? 'bg-primary border-primary text-white shadow-sm' \r\n                            : 'bg-light border-primary text-primary hover:shadow-sm'\"\r\n                        @click=\"activeTab = 1\"\r\n                    >\r\n                        First Floor\r\n                    <\/button>\r\n                            <\/div>\r\n\r\n            \r\n            <div class=\"relative bg-white p-2 overflow-hidden\">\r\n                                                            <div \r\n                            x-show=\"activeTab === 0\"\r\n                            x-transition:enter=\"transition ease-out duration-300\"\r\n                            x-transition:enter-start=\"opacity-0 transform scale-98\"\r\n                            x-transition:enter-end=\"opacity-100 transform scale-100\"\r\n                            class=\"w-full flex items-center justify-center\"\r\n                            \r\n                        >\r\n                            <img decoding=\"async\" \r\n                                src=\"https:\/\/www.accadomus.it\/wp-content\/uploads\/2026\/07\/PIANO-TERRA.jpg\" \r\n                                alt=\"Ground Floor\"\r\n                                class=\"w-full h-auto max-h-[75vh] object-contain mx-auto\"\r\n                                loading=\"eager\"\r\n                            >\r\n                        <\/div>\r\n                                                                                <div \r\n                            x-show=\"activeTab === 1\"\r\n                            x-transition:enter=\"transition ease-out duration-300\"\r\n                            x-transition:enter-start=\"opacity-0 transform scale-98\"\r\n                            x-transition:enter-end=\"opacity-100 transform scale-100\"\r\n                            class=\"w-full flex items-center justify-center\"\r\n                            x-cloak\r\n                        >\r\n                            <img decoding=\"async\" \r\n                                src=\"https:\/\/www.accadomus.it\/wp-content\/uploads\/2026\/07\/PIANO-PRIMO-1.jpg\" \r\n                                alt=\"First Floor\"\r\n                                class=\"w-full h-auto max-h-[75vh] object-contain mx-auto\"\r\n                                loading=\"lazy\"\r\n                            >\r\n                        <\/div>\r\n                                                <\/div>\r\n        \r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n    [x-cloak] { display: none !important; }\r\n<\/style><section id=\"rooms-catalog-block_cf4870e648a0739d2d6f6dd58030cf90\" class=\"rooms-catalog pt-0 section\" x-data=\"{\r\n    categories: JSON.parse('[{\\u0022title\\u0022:\\u0022ROOMS\\u0022,\\u0022description\\u0022:\\u0022The rooms are versatile and designed to adapt to your university life. They offer well-organized spaces for studying, relaxing, and everyday living. \\u0022,\\u0022features_array\\u0022:[\\u00229.9 \\\\u2013 27.5 sqm\\u0022,\\u00221 or 2 beds\\u0022,\\u0022en-suite bathroom\\u0022],\\u0022services_array\\u0022:[\\u0022Fast Wi-Fi\\u0022,\\u0022Fortnightly cleaning\\u0022,\\u0022Fully furnished\\u0022,\\u0022Maintenance\\u0022,\\u0022Water and electricity supplies\\u0022,\\u0022Heating and cooling\\u0022],\\u0022units\\u0022:[{\\u0022title\\u0022:\\u0022Single\\u0022,\\u0022typology\\u0022:\\u0022ROOMS\\u0022,\\u0022availability\\u0022:\\u0022available\\u0022,\\u0022planimetria_url\\u0022:\\u0022https:\\\\\\\/\\\\\\\/www.accadomus.it\\\\\\\/wp-content\\\\\\\/uploads\\\\\\\/2026\\\\\\\/06\\\\\\\/F0002.jpg\\u0022,\\u0022metratura\\u0022:\\u00229,9-13,3sqm\\u0022,\\u0022beds\\u0022:\\u00221\\u0022,\\u0022bathrooms\\u0022:\\u00221\\u0022},{\\u0022title\\u0022:\\u0022Double\\u0022,\\u0022typology\\u0022:\\u0022ROOMS\\u0022,\\u0022availability\\u0022:\\u0022available\\u0022,\\u0022planimetria_url\\u0022:\\u0022https:\\\\\\\/\\\\\\\/www.accadomus.it\\\\\\\/wp-content\\\\\\\/uploads\\\\\\\/2026\\\\\\\/06\\\\\\\/F0001.jpg\\u0022,\\u0022metratura\\u0022:\\u002213,6-27,5sqm\\u0022,\\u0022beds\\u0022:\\u00222\\u0022,\\u0022bathrooms\\u0022:\\u00221\\u0022}]}]'),\r\n    bedsText(beds) {\r\n        return beds + ' ' + (beds == 1 ? 'Bed' : 'Beds');\r\n    },\r\n\r\n    bathroomsText(bathrooms) {\r\n        return bathrooms + ' ' + (bathrooms == 1 ? 'Bathroom' : 'Bathrooms');\r\n    },\r\n\r\n    metraturaText(mq) {\r\n        return mq + ' ' + 'sqm';\r\n    }\r\n}\">\r\n    <div class=\"container mx-auto px-2\">\r\n\r\n        \r\n        \r\n        \r\n        <div class=\"space-y-24\">\r\n            <template x-for=\"category in categories\" :key=\"category.title\">\r\n                <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 items-center\">\r\n\r\n                    \r\n                    <div class=\"lg:col-span-4 space-y-4\">\r\n                        <div class=\"inline-flex items-center gap-6 pb-2\">\r\n                            <div class=\"relative flex items-end h-[18px] w-[90px]\">\r\n                                <div class=\"absolute bottom-0 left-0 w-full h-[2px] bg-black\"><\/div>\r\n                                <div class=\"absolute bottom-0 right-0 w-[14px] h-[2px] bg-black origin-bottom-right\"\r\n                                    style=\"transform: rotate(55deg);\">\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"justify-start text-black text-sm font-medium font-heading uppercase leading-none\">\r\n                                Accommodations\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <h3 class=\"text-h1 ff-base font-semibold leading-tight uppercase\" x-text=\"category.title\"><\/h3>\r\n\r\n                        <template x-if=\"category.description\">\r\n                            <p class=\"text-base md:text-lg leading-relaxed text-gray-300\" x-text=\"category.description\">\r\n                            <\/p>\r\n                        <\/template>\r\n\r\n                        <template x-if=\"category.features_array &#038;&#038; category.features_array.length\">\r\n                            <ul class=\"space-y-1 text-base md:text-lg leading-relaxed text-gray-300 pt-2 list-disc list-inside\">\r\n                                <template x-for=\"feature in category.features_array\">\r\n                                    <li x-text=\"feature\"><\/li>\r\n                                <\/template>\r\n                            <\/ul>\r\n                        <\/template>\r\n                    <\/div>\r\n\r\n                    \r\n                    <div class=\"lg:col-span-8 grid grid-cols-1 sm:grid-cols-2 gap-2 lg:gap-4\">\r\n                        <template x-for=\"unit in category.units\" :key=\"unit.title\">\r\n                            <div class=\"h-full\">\r\n                                <div\r\n    class=\"group relative border border-gray-200\/60 overflow-hidden flex flex-col h-full transition-all duration-300 shadow-md rounded-[20px]\">\r\n\r\n    \r\n    <div class=\"relative w-full aspect-square bg-white flex items-center justify-center overflow-hidden\">\r\n\r\n\r\n        \r\n        <template x-if=\"unit.planimetria_url\">\r\n            <img :src=\"unit.planimetria_url\" :alt=\"'Planimetria ' + unit.title\" class=\"max-w-full h-full object-cover\" \/>\r\n        <\/template>\r\n\r\n        <template x-if=\"!unit.planimetria_url\">\r\n            <span class=\"text-xs text-gray-400 font-medium uppercase tracking-wider\">\r\n                No floor plan\r\n            <\/span>\r\n        <\/template>\r\n    <\/div>\r\n\r\n    \r\n    <div class=\"p-2 md:px-3 flex flex-col flex-1 justify-between\">\r\n\r\n        <div class=\"flex flex-col items-center gap-2\">\r\n\r\n\r\n            \r\n            <div class=\"text-xl font-semibold uppercase tracking-wide text-center m-0\" x-text=\"unit.title\"><\/div>\r\n\r\n\r\n\r\n            <div class=\"w-full flex justify-center border-t-1 border-primary bg-white\">\r\n\r\n\r\n                <template x-if=\"unit.beds\">\r\n                    <div\r\n                        class=\"flex flex-col items-center justify-center gap-2 px-2 md:px-[20px] py-1 border-r border-primary\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.accadomus.it\/wp-content\/themes\/4real-new\/resources\/images\/letto.svg\"\r\n                            class=\"w-6 h-6\" alt=\"Camere\">\r\n                        <span\r\n                            class=\"text-[10px] md:text-xs font-semibold uppercase tracking-wide text-gray-300 text-center\"\r\n                            x-text=\"bedsText(unit.beds)\">\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/template>\r\n\r\n                <template x-if=\"unit.bathrooms\">\r\n                    <div\r\n                        class=\"flex flex-col items-center justify-center gap-2 px-2 md:px-[20px] py-1 border-r border-primary\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.accadomus.it\/wp-content\/themes\/4real-new\/resources\/images\/bagno.svg\"\r\n                            class=\"w-6 h-6\" alt=\"Bagno\">\r\n                        <span\r\n                            class=\"text-[10px] md:text-xs font-semibold uppercase tracking-wide text-gray-300 text-center\"\r\n                            x-text=\"bathroomsText(unit.bathrooms)\">\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/template>\r\n\r\n                <template x-if=\"unit.metratura\">\r\n                    <div class=\"flex flex-col items-center justify-center gap-2 border-primary px-2 md:px-[20px] py-1\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.accadomus.it\/wp-content\/themes\/4real-new\/resources\/images\/metratura.svg\" class=\"w-6 h-6\"\r\n                            alt=\"Metratura\">\r\n                        <span\r\n                            class=\"text-[10px] md:text-xs font-semibold uppercase tracking-wide text-gray-300 text-center\"\r\n                            x-text=\"metraturaText(unit.metratura)\">\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/template>\r\n\r\n            <\/div>\r\n\r\n            \r\n                <template x-if=\"category.services_array &#038;&#038; category.services_array.length\">\r\n                    <div class=\"grid grid-cols-2 gap-x-1 gap-y-0.5 text-sm text-gray-700 mb-2\">\r\n                        <template x-for=\"service in category.services_array\" :key=\"service\">\r\n                           <div class=\"flex items-start gap-0.5\">\r\n                                \r\n                                <svg class=\"w-2.25 h-2.25 text-[#3D8826] shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n                                    <path fill-rule=\"evenodd\" width=\"14\" height=\"14\"\r\n                                        d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\r\n                                        clip-rule=\"evenodd\" \/>\r\n                                <\/svg>\r\n                                <span class=\"leading-tight break-words\" x-text=\"service\"><\/span>\r\n                            <\/div>\r\n                        <\/template>\r\n                    <\/div>\r\n                <\/template>\r\n\r\n        <\/div>\r\n\r\n        \r\n        <div class=\"\">\r\n            <a :href=\"'#footer?messaggio=' + encodeURIComponent(\r\n                'Vorrei avere qualche informazione a proposito di ' + ((unit.typology || '') +\r\n                    ' ' + (unit.title || '')).trim())\"\r\n                class=\"inline-block w-full text-center bg-primary hover:brightness-110 text-white font-medium text-sm md:text-base uppercase tracking-widest rounded-full px-2 py-2 transition-colors duration-300 select-none no-underline\">\r\n                Book Now\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n                            <\/div>\r\n                        <\/template>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/template>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n    function populateFooterMessageFromHash(hashOverride = null, retriesLeft = 12) {\r\n        const hash = hashOverride ?? window.location.hash ?? '';\r\n        if (!(hash.startsWith('#footer') || hash.startsWith('#contatti'))) {\r\n            return;\r\n        }\r\n\r\n        const queryString = hash.includes('?') ? hash.split('?')[1] : '';\r\n        const urlParams = new URLSearchParams(queryString);\r\n        const messaggio = urlParams.get('messaggio');\r\n\r\n        if (!messaggio) {\r\n            return;\r\n        }\r\n\r\n        const formTextarea = document.querySelector(\r\n            '#field_9jv0r1, #field_9jv0r12, textarea[name=\"item_meta[5]\"], textarea[name=\"item_meta[10]\"], #form_contact-form-footer textarea, #form_contact-form2 textarea, #footer .frm_forms textarea, .gform_wrapper .ginput_container_textarea textarea, #input_contact_message'\r\n        );\r\n\r\n        if (!formTextarea) {\r\n            const footerEl = document.querySelector('#footer');\r\n            if (footerEl) {\r\n                footerEl.scrollIntoView({\r\n                    behavior: 'smooth',\r\n                    block: 'start'\r\n                });\r\n            }\r\n\r\n            if (retriesLeft > 0) {\r\n                setTimeout(() => populateFooterMessageFromHash(hash, retriesLeft - 1), 250);\r\n            }\r\n            return;\r\n        }\r\n\r\n        formTextarea.value = messaggio;\r\n        formTextarea.dispatchEvent(new Event('input', { bubbles: true }));\r\n        formTextarea.dispatchEvent(new Event('change', { bubbles: true }));\r\n        formTextarea.scrollIntoView({\r\n            behavior: 'smooth',\r\n            block: 'center'\r\n        });\r\n        setTimeout(() => formTextarea.focus(), 600);\r\n    }\r\n\r\n    window.addEventListener('hashchange', function() {\r\n        populateFooterMessageFromHash();\r\n    });\r\n\r\n    window.addEventListener('DOMContentLoaded', () => {\r\n        populateFooterMessageFromHash();\r\n    });\r\n\r\n    document.addEventListener('click', function(event) {\r\n        const link = event.target.closest('a[href^=\"#footer?messaggio=\"], a[href^=\"#contatti?messaggio=\"]');\r\n        if (!link) {\r\n            return;\r\n        }\r\n\r\n        const href = link.getAttribute('href') || '';\r\n        if (!href) {\r\n            return;\r\n        }\r\n\r\n        setTimeout(() => populateFooterMessageFromHash(href), 0);\r\n    });\r\n<\/script><section id=\"single-image-banner-block_18b6bb2eea60acda968cf220f994992d\" class=\"single-image-banner  w-full dynamic-section-spacing\">\r\n        <div class=\"container mx-auto px-4 md:px-6\">\r\n            <div class=\"relative w-full\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/www.accadomus.it\/wp-content\/uploads\/2026\/07\/Loghi-MUR-per-sito.jpg\"\r\n                    alt=\"\"\r\n                    class=\"w-full\"\r\n                    loading=\"lazy\"\r\n                >\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<section \r\n    id=\"bg-image-section-block_88163b0cac21a1883768152a02eb4b51\" \r\n    \r\n    class=\"relative flex items-center overflow-hidden section bg-image-section relative overflow-hidden\"\r\n>\r\n    \r\n            <div class=\"absolute inset-0 z-0\">\r\n            <img decoding=\"async\" \r\n                src=\"https:\/\/www.accadomus.it\/wp-content\/uploads\/2026\/07\/Projects-1.jpg\" \r\n                alt=\"Have you found the right room?\"\r\n                class=\"w-full h-full object-cover\"\r\n            >\r\n        <\/div>\r\n    \r\n    \r\n    <div class=\"relative z-10 container mx-auto px-2 w-full\">\r\n        <div class=\"lg:w-10\/12 lg:mx-auto flex justify-center\">\r\n            \r\n            \r\n            <div class=\"bg-white w-full flex py-4 px-3 lg:py-9 flex-col justify-center items-center rounded-[20px]\">\r\n                \r\n                <div class=\"text-black text-center space-y-4 lg:space-y-6\">\r\n                    \r\n                    \r\n                                            <h2 class=\"text-h1 font-bold leading-none\">\r\n                            Have you found the right room?\r\n                        <\/h2>\r\n                    \r\n                    \r\n                                        \r\n                    \r\n                                            \r\n                        <div class=\"text-base lg:text-lg\">\r\n                            <p>In the allocation notice, you will find all the information about the offer, the eligibility criteria and how to apply, as well as details of the accommodation and services available. Read it, book your room and wait for the ranking list. <\/p>\n\r\n                        <\/div>\r\n                                        \r\n                    \r\n                                             <a href=\"https:\/\/www.accadomus.it\/wp-content\/uploads\/2026\/07\/Accadomus_Call_2026-2027_EN-1.pdf\"\r\n   target=\"_self\"\r\n      class=\"inline-flex items-center uppercase text-[15px] font-medium rounded-full leading-none tracking-[3px] justify-center no-underline transition-all duration-300 p-[22px] bg-primary text-white border border-primary hover:brightness-110\">\r\n    READ THE CALL FOR APPLICATIONS\r\n<\/a>                                    <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-310","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.accadomus.it\/en\/wp-json\/wp\/v2\/pages\/310","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.accadomus.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.accadomus.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.accadomus.it\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.accadomus.it\/en\/wp-json\/wp\/v2\/comments?post=310"}],"version-history":[{"count":15,"href":"https:\/\/www.accadomus.it\/en\/wp-json\/wp\/v2\/pages\/310\/revisions"}],"predecessor-version":[{"id":614,"href":"https:\/\/www.accadomus.it\/en\/wp-json\/wp\/v2\/pages\/310\/revisions\/614"}],"wp:attachment":[{"href":"https:\/\/www.accadomus.it\/en\/wp-json\/wp\/v2\/media?parent=310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}