{"id":52,"date":"2026-05-20T08:23:07","date_gmt":"2026-05-20T08:23:07","guid":{"rendered":"https:\/\/otiumhospitality.com\/?page_id=52"},"modified":"2026-06-02T23:41:28","modified_gmt":"2026-06-02T23:41:28","slug":"home","status":"publish","type":"page","link":"https:\/\/otiumhospitality.com\/el\/home\/","title":{"rendered":"Home"},"content":{"rendered":"<section class=\"relative w-full overflow-hidden h-[85vh]\">\n        \n                    <img decoding=\"async\" src=\"https:\/\/otiumhospitality.com\/wp-content\/uploads\/2026\/05\/oia-santorini-greece-royalty-fre.jpg\" \n                 class=\"absolute inset-0 w-full items-center h-full object-cover z-10 animate-none\" \n                 alt=\"&lt;p&gt;Looking to &lt;br \/&gt;&lt;span class=&quot;text&quot;&gt;Grow&lt;\/span&gt; your Business ?&lt;\/p&gt;\">\n        \n        <div class=\"absolute inset-0 bg-black\/30 z-10\"><\/div>\n\n        <div class=\"relative z-20 h-full flex items-center justify-center px-6\">\n            <h1 class=\"text-3xl md:text-5xl lg:text-7xl font-bold \"\n                style=\"color: #ffffff;\">\n                <p>Looking to <br \/><span class=\"text\">Grow<\/span> your Business ?<\/p>\n            <\/h1>\n        <\/div>\n\n<\/section>\n\n<section class=\"py-12 lg:py-24 px-6\">\n    <div class=\"container mx-auto\">\n    \n        <h2 class=\"text-primary text-3xl lg:text-5xl font-bold mb-12 border-l-4  pl-4\">\n            Our Services\n        <\/h2>        \n   \n        \n            \n            <div class=\"grid gap-6 mb-6 md:grid-cols-3\">\n                \n                    \n                    \n                        <article>                                \n                                <div x-data=\"{ \n                                    show:false,\n                                    x:0,\n                                    y:0,     \n\n                                    move(e) {\n                                        const rect = $el.getBoundingClientRect()\n                                        this.x = e.clientX - rect.left - 28\n                                        this.y = e.clientY - rect.top - 28       \n                                    },     \n                                    }\" class=\"relative transition-all hover:[&#038;_img]:scale-90\">\n                                    <a class=\"xs:flex xs:justify-center\" href=\"https:\/\/otiumhospitality.com\/el\/service\/digital-marketing-social-media-management\/\">\n                                        <img decoding=\"async\" \n                                            @mouseenter=\"show = true;move($event)\" \n                                            @mouseleave=\"show = false\"  \n                                            @mousemove=\"move($event)\" \n                                            class=\"origin-top-left transition-all duration-500\" \n                                            src=\"https:\/\/otiumhospitality.com\/wp-content\/uploads\/2026\/05\/2digital-marketing-social-management.jpg\" alt=\"Digital Marketing &amp; Social Media Management\" class=\"w-full h-auto object-cover rounded-lg\">\n                                    <\/a>\n\n                                    <div  x-show=\"show\" \n                                        x-transition:enter-start=\"opacity-0\"    \n                                        x-transition:enter-end=\"opacity-70\"     \n                                        x-transition:leave=\"opacity-0\"          \n                                        class=\"pointer-events-none absolute z-20 top-0 left-0 transition-all duration-500 ease-out\"           \n                                        :style=\"`transform: translate(${x}px, ${y}px)`\"\n                                    >\n                                    <div class=\"flex items-center justify-center p-2 w-14 h-14 bg-white rounded-full shadow-lg\">\n                                        <svg fill=\"#222222\" viewBox=\"0 0 24 24\" id=\"right-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"icon line\"><path id=\"primary\" d=\"M3,12H21m-3,3,3-3L18,9\" style=\"fill: none; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1;\"><\/path><\/svg>\n                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"px-4 lg:px-0\">\n                                    <a href=\"https:\/\/otiumhospitality.com\/el\/service\/digital-marketing-social-media-management\/\">\n                                        <h2 class=\"mt-4 font-bold text-primary text-xl lg:text-3xl\">Digital Marketing &amp; Social Media Management<\/h2>\n                                    <\/a>                                                                \n                                \n                                <\/div>\n                        <\/article>\n                    \n                \n                    \n                    \n                        <article>                                \n                                <div x-data=\"{ \n                                    show:false,\n                                    x:0,\n                                    y:0,     \n\n                                    move(e) {\n                                        const rect = $el.getBoundingClientRect()\n                                        this.x = e.clientX - rect.left - 28\n                                        this.y = e.clientY - rect.top - 28       \n                                    },     \n                                    }\" class=\"relative transition-all hover:[&#038;_img]:scale-90\">\n                                    <a class=\"xs:flex xs:justify-center\" href=\"https:\/\/otiumhospitality.com\/el\/service\/hotel-management-systems\/\">\n                                        <img decoding=\"async\" \n                                            @mouseenter=\"show = true;move($event)\" \n                                            @mouseleave=\"show = false\"  \n                                            @mousemove=\"move($event)\" \n                                            class=\"origin-top-left transition-all duration-500\" \n                                            src=\"https:\/\/otiumhospitality.com\/wp-content\/uploads\/2026\/05\/1hotel-management.jpg\" alt=\"Hotel Management Systems\" class=\"w-full h-auto object-cover rounded-lg\">\n                                    <\/a>\n\n                                    <div  x-show=\"show\" \n                                        x-transition:enter-start=\"opacity-0\"    \n                                        x-transition:enter-end=\"opacity-70\"     \n                                        x-transition:leave=\"opacity-0\"          \n                                        class=\"pointer-events-none absolute z-20 top-0 left-0 transition-all duration-500 ease-out\"           \n                                        :style=\"`transform: translate(${x}px, ${y}px)`\"\n                                    >\n                                    <div class=\"flex items-center justify-center p-2 w-14 h-14 bg-white rounded-full shadow-lg\">\n                                        <svg fill=\"#222222\" viewBox=\"0 0 24 24\" id=\"right-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"icon line\"><path id=\"primary\" d=\"M3,12H21m-3,3,3-3L18,9\" style=\"fill: none; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1;\"><\/path><\/svg>\n                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"px-4 lg:px-0\">\n                                    <a href=\"https:\/\/otiumhospitality.com\/el\/service\/hotel-management-systems\/\">\n                                        <h2 class=\"mt-4 font-bold text-primary text-xl lg:text-3xl\">Hotel Management Systems<\/h2>\n                                    <\/a>                                                                \n                                \n                                <\/div>\n                        <\/article>\n                    \n                \n                    \n                    \n                        <article>                                \n                                <div x-data=\"{ \n                                    show:false,\n                                    x:0,\n                                    y:0,     \n\n                                    move(e) {\n                                        const rect = $el.getBoundingClientRect()\n                                        this.x = e.clientX - rect.left - 28\n                                        this.y = e.clientY - rect.top - 28       \n                                    },     \n                                    }\" class=\"relative transition-all hover:[&#038;_img]:scale-90\">\n                                    <a class=\"xs:flex xs:justify-center\" href=\"https:\/\/otiumhospitality.com\/el\/service\/hotel-pre-opening\/\">\n                                        <img decoding=\"async\" \n                                            @mouseenter=\"show = true;move($event)\" \n                                            @mouseleave=\"show = false\"  \n                                            @mousemove=\"move($event)\" \n                                            class=\"origin-top-left transition-all duration-500\" \n                                            src=\"https:\/\/otiumhospitality.com\/wp-content\/uploads\/2026\/05\/4hotel-pre-opening.jpg\" alt=\"Hotel Pre-Opening\" class=\"w-full h-auto object-cover rounded-lg\">\n                                    <\/a>\n\n                                    <div  x-show=\"show\" \n                                        x-transition:enter-start=\"opacity-0\"    \n                                        x-transition:enter-end=\"opacity-70\"     \n                                        x-transition:leave=\"opacity-0\"          \n                                        class=\"pointer-events-none absolute z-20 top-0 left-0 transition-all duration-500 ease-out\"           \n                                        :style=\"`transform: translate(${x}px, ${y}px)`\"\n                                    >\n                                    <div class=\"flex items-center justify-center p-2 w-14 h-14 bg-white rounded-full shadow-lg\">\n                                        <svg fill=\"#222222\" viewBox=\"0 0 24 24\" id=\"right-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"icon line\"><path id=\"primary\" d=\"M3,12H21m-3,3,3-3L18,9\" style=\"fill: none; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1;\"><\/path><\/svg>\n                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"px-4 lg:px-0\">\n                                    <a href=\"https:\/\/otiumhospitality.com\/el\/service\/hotel-pre-opening\/\">\n                                        <h2 class=\"mt-4 font-bold text-primary text-xl lg:text-3xl\">Hotel Pre-Opening<\/h2>\n                                    <\/a>                                                                \n                                \n                                <\/div>\n                        <\/article>\n                    \n                            <\/div>\n\n        \n            \n            <div class=\"grid gap-6 mb-6 md:grid-cols-2 max-w-4xl mx-auto\">\n                \n                    \n                    \n                        <article>                                \n                                <div x-data=\"{ \n                                    show:false,\n                                    x:0,\n                                    y:0,     \n\n                                    move(e) {\n                                        const rect = $el.getBoundingClientRect()\n                                        this.x = e.clientX - rect.left - 28\n                                        this.y = e.clientY - rect.top - 28       \n                                    },     \n                                    }\" class=\"relative transition-all hover:[&#038;_img]:scale-90\">\n                                    <a class=\"xs:flex xs:justify-center\" href=\"https:\/\/otiumhospitality.com\/el\/service\/reservations-management\/\">\n                                        <img decoding=\"async\" \n                                            @mouseenter=\"show = true;move($event)\" \n                                            @mouseleave=\"show = false\"  \n                                            @mousemove=\"move($event)\" \n                                            class=\"origin-top-left transition-all duration-500\" \n                                            src=\"https:\/\/otiumhospitality.com\/wp-content\/uploads\/2026\/05\/6reservations-management.jpg\" alt=\"Reservations Management\" class=\"w-full h-auto object-cover rounded-lg\">\n                                    <\/a>\n\n                                    <div  x-show=\"show\" \n                                        x-transition:enter-start=\"opacity-0\"    \n                                        x-transition:enter-end=\"opacity-70\"     \n                                        x-transition:leave=\"opacity-0\"          \n                                        class=\"pointer-events-none absolute z-20 top-0 left-0 transition-all duration-500 ease-out\"           \n                                        :style=\"`transform: translate(${x}px, ${y}px)`\"\n                                    >\n                                    <div class=\"flex items-center justify-center p-2 w-14 h-14 bg-white rounded-full shadow-lg\">\n                                        <svg fill=\"#222222\" viewBox=\"0 0 24 24\" id=\"right-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"icon line\"><path id=\"primary\" d=\"M3,12H21m-3,3,3-3L18,9\" style=\"fill: none; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1;\"><\/path><\/svg>\n                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"px-4 lg:px-0\">\n                                    <a href=\"https:\/\/otiumhospitality.com\/el\/service\/reservations-management\/\">\n                                        <h2 class=\"mt-4 font-bold text-primary text-xl lg:text-3xl\">Reservations Management<\/h2>\n                                    <\/a>                                                                \n                                \n                                <\/div>\n                        <\/article>\n                    \n                \n                    \n                    \n                        <article>                                \n                                <div x-data=\"{ \n                                    show:false,\n                                    x:0,\n                                    y:0,     \n\n                                    move(e) {\n                                        const rect = $el.getBoundingClientRect()\n                                        this.x = e.clientX - rect.left - 28\n                                        this.y = e.clientY - rect.top - 28       \n                                    },     \n                                    }\" class=\"relative transition-all hover:[&#038;_img]:scale-90\">\n                                    <a class=\"xs:flex xs:justify-center\" href=\"https:\/\/otiumhospitality.com\/el\/service\/sales-and-revenue-management\/\">\n                                        <img decoding=\"async\" \n                                            @mouseenter=\"show = true;move($event)\" \n                                            @mouseleave=\"show = false\"  \n                                            @mousemove=\"move($event)\" \n                                            class=\"origin-top-left transition-all duration-500\" \n                                            src=\"https:\/\/otiumhospitality.com\/wp-content\/uploads\/2026\/05\/7sales-revenue-management-service.jpg\" alt=\"Sales and Revenue Management\" class=\"w-full h-auto object-cover rounded-lg\">\n                                    <\/a>\n\n                                    <div  x-show=\"show\" \n                                        x-transition:enter-start=\"opacity-0\"    \n                                        x-transition:enter-end=\"opacity-70\"     \n                                        x-transition:leave=\"opacity-0\"          \n                                        class=\"pointer-events-none absolute z-20 top-0 left-0 transition-all duration-500 ease-out\"           \n                                        :style=\"`transform: translate(${x}px, ${y}px)`\"\n                                    >\n                                    <div class=\"flex items-center justify-center p-2 w-14 h-14 bg-white rounded-full shadow-lg\">\n                                        <svg fill=\"#222222\" viewBox=\"0 0 24 24\" id=\"right-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"icon line\"><path id=\"primary\" d=\"M3,12H21m-3,3,3-3L18,9\" style=\"fill: none; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1;\"><\/path><\/svg>\n                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"px-4 lg:px-0\">\n                                    <a href=\"https:\/\/otiumhospitality.com\/el\/service\/sales-and-revenue-management\/\">\n                                        <h2 class=\"mt-4 font-bold text-primary text-xl lg:text-3xl\">Sales and Revenue Management<\/h2>\n                                    <\/a>                                                                \n                                \n                                <\/div>\n                        <\/article>\n                    \n                            <\/div>\n\n                \n    <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-52","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/otiumhospitality.com\/el\/wp-json\/wp\/v2\/pages\/52","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/otiumhospitality.com\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/otiumhospitality.com\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/otiumhospitality.com\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/otiumhospitality.com\/el\/wp-json\/wp\/v2\/comments?post=52"}],"version-history":[{"count":9,"href":"https:\/\/otiumhospitality.com\/el\/wp-json\/wp\/v2\/pages\/52\/revisions"}],"predecessor-version":[{"id":92,"href":"https:\/\/otiumhospitality.com\/el\/wp-json\/wp\/v2\/pages\/52\/revisions\/92"}],"wp:attachment":[{"href":"https:\/\/otiumhospitality.com\/el\/wp-json\/wp\/v2\/media?parent=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}