{"id":25,"date":"2025-05-06T18:01:34","date_gmt":"2025-05-06T16:01:34","guid":{"rendered":"https:\/\/usticaexperience.com\/homepage\/"},"modified":"2025-06-11T18:06:57","modified_gmt":"2025-06-11T16:06:57","slug":"homepage","status":"publish","type":"page","link":"https:\/\/usticaexperience.com\/en\/","title":{"rendered":"HomePage"},"content":{"rendered":"<div class=\"hero-slider w-full relative -z-10\">\n      <div class=\"w-full h-[90vh] relative\">\n      <div class=\" absolute inset-x-0  h-[90vh]  bg-gradient-to-r from-black\/70 via-transparent to-transparent lg:from-black\/60 lg:via-black\/20 lg:to-transparent -z-20\"><\/div>\n\n      <video class=\"absolute inset-x-0  w-full object-cover h-[90vh] -z-30\" autoplay muted loop playsinline>\n        <source src=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/compresso-21-9VideoBannersito-mp4.mp4\" type=\"video\/mp4\">\n      <\/video>\n\n      <div class=\"h-[90vh] container lg:mx-auto grid grid-cols-1 \">\n\n        <!-- Colonna sinistra - Testo -->\n        <div class=\"flex flex-col mx-8 lg:mx-0 justify-center  py-12\">\n                      <div class=\"mb-8\" data-aos=\"slide-right\" data-aos-duration=\"1000\">\n              <h1 class=\"text-4xl md:text-6xl lg:text-6xl font-bold text-white leading-tight mb-6 font-suse\">\n                Ustum Cultural Programme\n              <\/h1>\n            <\/div>\n          \n                      <div data-aos=\"slide-right\" data-aos-delay=\"400\">\n              <div class=\"border-l-2 border-ustum-coral pl-6\">\n                <p class=\"text-white\/90 text-2xl leading-relaxed font-light font-suse\">\n                   Discover Ustica, the island where every stone tells a story and<br\/>every sunset paints an emotion.\n                <\/p>\n              <\/div>\n\n              <div class=\"flex items-center space-x-3 mt-8\" data-aos=\"fade-up\" data-aos-delay=\"800\">\n                <div class=\"w-3 h-3 bg-ustum-blue rounded-full\"><\/div>\n                <div class=\"w-6 h-0.5 bg-ustum-teal\"><\/div>\n                <div class=\"w-2 h-2 bg-ustum-coral rounded-full\"><\/div>\n                <div class=\"w-8 h-0.5 bg-ustum-yellow\"><\/div>\n              <\/div>\n            <\/div>\n                  <\/div>\n      <\/div>\n    <\/div>\n\n\n  \n  <div>\n    <div class=\"acf-innerblocks-container\"><\/div>\n  <\/div>\n<\/div>\n\n\n<section id=\"project-description\" class=\"py-20 bg-white\">\n  <div class=\"container mx-auto px-6\">\n    <div class=\"text-center mb-16\" data-aos=\"fade-up\">\n              <h2 class=\"text-4xl md:text-5xl font-bold text-ustum-dark mb-6\">The Project USTUM CULTURAL PROGRAMME<\/h2>\n        <div class=\"w-24 h-1 bg-gradient-to-r from-ustum-blue to-ustum-teal mx-auto\"><\/div>\n      \n    <\/div>\n\n    <div class=\"grid md:grid-cols-2 gap-12 items-center\">\n      <div data-aos=\"fade-right\">\n        <!-- Primo paragrafo -->\n                    <div class=\"text-lg text-gray-700 leading-relaxed mb-8\">\n             <p><span class=\"font-medium\">The USTUM CULTURAL PROGRAMME Project<\/span> is a cultural and social regeneration project by the Municipality of Ustica, funded by the European Union \u2013 NextGenerationEU as part of the PNRR, Mission 1 \u2013 Digitalization, innovation, competitiveness, and culture, Component 3 \u2013 Culture 4.0 (M1C3) Measure 2 &#8220;Regeneration of small cultural sites, cultural, religious, and rural heritage&#8221; \u2013 Investment 2.1 &#8220;Attractiveness of historic villages&#8221;.<\/p>\n\n           <\/div>\n                   <!-- Secondo paragrafo con elementi evidenziati -->\n                        <div class=\"text-lg text-gray-700 leading-relaxed mb-8\">\n               <p>Through the project&#8217;s initiatives, the Municipality of Ustica aims to implement a development strategy focused on the island&#8217;s resources and attractions, and by actively involving the community.<\/p>\n\n             <\/div>\n           \n        <!-- Punti chiave con icone -->\n                            <div class=\"space-y-6\">\n                                        <div class=\"flex items-start space-x-4\">\n                <div class=\"w-8 h-8 bg-ustum-teal rounded-full flex items-center justify-center flex-shrink-0 mt-1\">\n                  <svg class=\"w-5 h-5 text-white\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                    <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\n                  <\/svg>\n                <\/div>\n                <p class=\"text-gray-700\">Beginning with the <span class=\"text-ustum-teal\">enhancement of cultural heritage<\/span> both tangible and intangible, using innovative digital tools<\/p>\n              <\/div>\n                                        <div class=\"flex items-start space-x-4\">\n                <div class=\"w-8 h-8 bg-ustum-yellow rounded-full flex items-center justify-center flex-shrink-0 mt-1\">\n                  <svg class=\"w-5 h-5 text-ustum-dark\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                    <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\n                  <\/svg>\n                <\/div>\n                <p class=\"text-gray-700\">By integrating the existing productive and tourism sectors<\/p>\n              <\/div>\n                                        <div class=\"flex items-start space-x-4\">\n                <div class=\"w-8 h-8 bg-ustum-coral rounded-full flex items-center justify-center flex-shrink-0 mt-1\">\n                  <svg class=\"w-5 h-5 text-white\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                    <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\n                  <\/svg>\n                <\/div>\n                <p class=\"text-gray-700\">Organizing a program of multidisciplinary artistic events<\/p>\n              <\/div>\n                      <\/div>\n        \n      <\/div>\n\n              <div data-aos=\"fade-left\">\n          <div class=\"bg-gradient-to-br from-ustum-blue to-ustum-teal p-8 rounded-2xl text-white shadow-2xl\">\n            <h3 class=\"text-2xl font-bold mb-6 text-white\">Project objectives<\/h3>\n            <p class=\"text-lg leading-relaxed\">\n              The Ustum Cultural Program aims to create an integrated tourism offering focused on environmental sustainability and biodiversity preservation. Building on existing resources, it also triggers a new development process that leverages human capital for the creation of a community enterprise as a catalyst for local regeneration.\r\n\n            <\/p>\n          <\/div>\n        <\/div>\n      \n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section id=\"notizie\" class=\"featured-news py-20 bg-gray-100\">\n    <div class=\"container mx-auto px-6\">\n      <div class=\"text-center mb-16\" data-aos=\"fade-up\">\n        <h2 class=\"text-4xl md:text-5xl font-bold text-ustum-dark mb-6\">            News and Events\n                  <\/h2>\n        <div class=\"w-24 h-1 bg-gradient-to-r from-ustum-coral to-ustum-yellow mx-auto\"><\/div>\n      <\/div>\n\n      <!-- Griglia notizie -->\n      <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-6xl mx-auto\" >\n                  <div data-aos=\"fade-up\" data-aos-delay=\"100\">\n            <!-- Notizia 1 -->\n<div class=\"news-card  group relative h-full bg-white rounded-3xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 transform hover:-translate-y-2\">\n  <!--div class=\"news-card flex flex-col h-full  group bg-white rounded-lg shadow-sm hover:shadow-md transition-all duration-300 overflow-hidden\"-->\n    <!-- Immagine con overlay al passaggio del mouse -->\n    <div class=\"relative aspect-video overflow-hidden\">\n      <a href=\"https:\/\/usticaexperience.com\/en\/news\/from-the-borghi-cultura-portal-from-ustica-a-sign-of-cohesion-for-all-sicilian-villages\/\" title=\"From the Borghi Cultura portal: from Ustica a sign of cohesion for all Sicilian villages\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"972\" height=\"732\" src=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/06\/Immagine1_1744306422.jpg\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-700\" alt=\"From the Borghi Cultura portal: from Ustica a sign of cohesion for all Sicilian villages\" srcset=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/06\/Immagine1_1744306422.jpg 972w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/06\/Immagine1_1744306422-300x226.jpg 300w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/06\/Immagine1_1744306422-768x578.jpg 768w\" sizes=\"auto, (max-width: 972px) 100vw, 972px\" \/>\n\n\n        <div class=\"absolute inset-0 bg-gradient-to-t from-teal-900\/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\n      <\/a>\n    <\/div>\n\n    <!-- Contenuto -->\n    <div class=\"p-6 flex flex-col flex-grow\">\n      <!-- Data -->\n      <div class=\"flex items-center mb-3 text-ustum-coral \">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"size-6\">\n  <path fill-rule=\"evenodd\" d=\"M6.75 2.25A.75.75 0 0 1 7.5 3v1.5h9V3A.75.75 0 0 1 18 3v1.5h.75a3 3 0 0 1 3 3v11.25a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3V7.5a3 3 0 0 1 3-3H6V3a.75.75 0 0 1 .75-.75Zm13.5 9a1.5 1.5 0 0 0-1.5-1.5H5.25a1.5 1.5 0 0 0-1.5 1.5v7.5a1.5 1.5 0 0 0 1.5 1.5h13.5a1.5 1.5 0 0 0 1.5-1.5v-7.5Z\" clip-rule=\"evenodd\" \/>\n<\/svg>\n        <span class=\"ml-1 text-sm\">09 April 2025<\/span>\n      <\/div>\n      <!-- Titolo -->\n      <h3 class=\"text-xl font-bold text-gray-900 mb-3 group-hover:text-ustum-teal transition-colors\">From the Borghi Cultura portal: from Ustica a sign of cohesion for all Sicilian villages<\/h3>\n      <\/h3>\n      <!-- Descrizione -->\n      <p class=\"text-gray-600 mb-4\">\n      Ustica launches a message of cohesion and collaboration between Sicilian villages, promoting growth and shared valorization of the territory. Find out more in our dedicated news.\n      <\/p>\n      <!-- Link -->\n      <div class=\"mt-auto pt-4\">\n        <a  href=\"https:\/\/usticaexperience.com\/en\/news\/from-the-borghi-cultura-portal-from-ustica-a-sign-of-cohesion-for-all-sicilian-villages\/\" title=\"From the Borghi Cultura portal: from Ustica a sign of cohesion for all Sicilian villages\" class=\"inline-flex items-center text-ustum-coral hover:text-shadow-ustum-coral-dark  font-medium transition-colors underline underline-offset-2\">\n          Read more\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"size-6\">\n  <path fill-rule=\"evenodd\" d=\"M16.72 7.72a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1 0 1.06l-3.75 3.75a.75.75 0 1 1-1.06-1.06l2.47-2.47H3a.75.75 0 0 1 0-1.5h16.19l-2.47-2.47a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" \/>\n<\/svg>\n\n\n        <\/a>\n      <\/div>\n    <\/div>\n\n\n\n  <\/div>\n\n\n          <\/div>\n\n                  <div data-aos=\"fade-up\" data-aos-delay=\"200\">\n            <!-- Notizia 1 -->\n<div class=\"news-card  group relative h-full bg-white rounded-3xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 transform hover:-translate-y-2\">\n  <!--div class=\"news-card flex flex-col h-full  group bg-white rounded-lg shadow-sm hover:shadow-md transition-all duration-300 overflow-hidden\"-->\n    <!-- Immagine con overlay al passaggio del mouse -->\n    <div class=\"relative aspect-video overflow-hidden\">\n      <a href=\"https:\/\/usticaexperience.com\/en\/news\/from-siciliaunonews-new-pnrr-investments-for-the-enhancement-of-sicilian-villages-ustica-among-the-realities-involved\/\" title=\"From SiciliaUnoNews: new PNRR investments for the enhancement of Sicilian villages, Ustica among the realities involved\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3338-copia-1024x768.jpg\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-700\" alt=\"From SiciliaUnoNews: new PNRR investments for the enhancement of Sicilian villages, Ustica among the realities involved\" srcset=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3338-copia-1024x768.jpg 1024w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3338-copia-300x225.jpg 300w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3338-copia-768x576.jpg 768w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3338-copia.jpg 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\n\n\n        <div class=\"absolute inset-0 bg-gradient-to-t from-teal-900\/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\n      <\/a>\n    <\/div>\n\n    <!-- Contenuto -->\n    <div class=\"p-6 flex flex-col flex-grow\">\n      <!-- Data -->\n      <div class=\"flex items-center mb-3 text-ustum-coral \">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"size-6\">\n  <path fill-rule=\"evenodd\" d=\"M6.75 2.25A.75.75 0 0 1 7.5 3v1.5h9V3A.75.75 0 0 1 18 3v1.5h.75a3 3 0 0 1 3 3v11.25a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3V7.5a3 3 0 0 1 3-3H6V3a.75.75 0 0 1 .75-.75Zm13.5 9a1.5 1.5 0 0 0-1.5-1.5H5.25a1.5 1.5 0 0 0-1.5 1.5v7.5a1.5 1.5 0 0 0 1.5 1.5h13.5a1.5 1.5 0 0 0 1.5-1.5v-7.5Z\" clip-rule=\"evenodd\" \/>\n<\/svg>\n        <span class=\"ml-1 text-sm\">09 April 2025<\/span>\n      <\/div>\n      <!-- Titolo -->\n      <h3 class=\"text-xl font-bold text-gray-900 mb-3 group-hover:text-ustum-teal transition-colors\">From SiciliaUnoNews: new PNRR investments for the enhancement of Sicilian villages, Ustica among the realities involved<\/h3>\n      <\/h3>\n      <!-- Descrizione -->\n      <p class=\"text-gray-600 mb-4\">\n      Ustica participates in the new regeneration plan of Sicilian villages funded by the PNRR: investments and projects for the relaunch of the territory. Find out more in our dedicated news.\n      <\/p>\n      <!-- Link -->\n      <div class=\"mt-auto pt-4\">\n        <a  href=\"https:\/\/usticaexperience.com\/en\/news\/from-siciliaunonews-new-pnrr-investments-for-the-enhancement-of-sicilian-villages-ustica-among-the-realities-involved\/\" title=\"From SiciliaUnoNews: new PNRR investments for the enhancement of Sicilian villages, Ustica among the realities involved\" class=\"inline-flex items-center text-ustum-coral hover:text-shadow-ustum-coral-dark  font-medium transition-colors underline underline-offset-2\">\n          Read more\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"size-6\">\n  <path fill-rule=\"evenodd\" d=\"M16.72 7.72a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1 0 1.06l-3.75 3.75a.75.75 0 1 1-1.06-1.06l2.47-2.47H3a.75.75 0 0 1 0-1.5h16.19l-2.47-2.47a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" \/>\n<\/svg>\n\n\n        <\/a>\n      <\/div>\n    <\/div>\n\n\n\n  <\/div>\n\n\n          <\/div>\n\n              <\/div>\n      <!-- Pulsante \"Tutte le notizie\" -->\n      <div class=\"text-center mt-12\" data-aos=\"fade-up\">\n        <a href=\"https:\/\/usticaexperience.com\/en\/news\/\" class=\"bg-ustum-blue text-white px-8 py-4 rounded-full font-semibold hover:bg-blue-600 transition-all transform hover:scale-105 shadow-lg inline-flex btn justify-center items-center\">\n          <span class=\"mr-1\">All the news<\/span>\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"size-6\">\n  <path fill-rule=\"evenodd\" d=\"M16.72 7.72a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1 0 1.06l-3.75 3.75a.75.75 0 1 1-1.06-1.06l2.47-2.47H3a.75.75 0 0 1 0-1.5h16.19l-2.47-2.47a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" \/>\n<\/svg>\n\n\n        <\/a>\n      <\/div>\n\n\n    <\/div>\n  <\/section>\n\n\n<section class=\"partners py-20 bg-white\">\n  <div class=\"container mx-auto px-6\">\n    <div class=\"text-center mb-16\" data-aos=\"fade-up\">\n      <h2 class=\"text-4xl md:text-5xl font-bold text-ustum-dark mb-6\">\n                  The project&#8217;s partner organizations\n              <\/h2>\n      <div class=\"w-24 h-1 bg-gradient-to-r from-ustum-teal to-ustum-coral mx-auto\"><\/div>\n              <p class=\"text-xl text-gray-600 mt-6\">\n          The USTUM CULTURAL PROGRAM project is made possible with the support and collaboration of the following partners\r\n\n        <\/p>\n      \n    <\/div>\n\n          \n    <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n      \n        <div class=\"flex flex-col items-center bg-white p-6 rounded-2xl shadow-lg hover:shadow-2xl transition-all transform hover:-translate-y-2 border-l-4 border-ustum-blue hover:shadow-ustum-blue\/20\"  data-aos=\"zoom-in\" data-aos-delay=\"100\">\n                      <a href=\"https:\/\/www.centrostudiustica.it\/\" title=\" Ustica Island Study and Documentation Center\"\n               aria-label=\" Ustica Island Study and Documentation Center\"\n               class=\"cursor-pointer text-center flex flex-col items-center \"\n               target=\"_blank\">\n                        <img loading=\"lazy\" decoding=\"async\" width=\"230\" height=\"71\" src=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/logo-centro-studi.png\" class=\"h-24 w-auto mb-4\" alt=\" Ustica Island Study and Documentation Center\" \/>\n\n\n        <h3 class=\"text-xl font-bold mb-4 mt-0 text-center text-ustum-dark\">\n                   Ustica Island Study and Documentation Center\n                <\/h3>\n                          <p class=\"text-gray-600\">Research and documentation center on the island&#8217;s history and culture<\/p>\n                                          <\/a>\n                <\/div>\n      \n        <div class=\"flex flex-col items-center bg-white p-6 rounded-2xl shadow-lg hover:shadow-2xl transition-all transform hover:-translate-y-2 border-l-4 border-ustum-teal hover:shadow-ustum-teal\/20\"  data-aos=\"zoom-in\" data-aos-delay=\"200\">\n                      <a href=\"https:\/\/parchiarcheologici.regione.sicilia.it\/himera-solunto-iato\/\" title=\"Himera, Solunto and Iato Archaeological Park\"\n               aria-label=\"Himera, Solunto and Iato Archaeological Park\"\n               class=\"cursor-pointer text-center flex flex-col items-center \"\n               target=\"_blank\">\n                        <img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"200\" src=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/Logo_parco.png\" class=\"h-24 w-auto mb-4\" alt=\"Himera, Solunto and Iato Archaeological Park\" srcset=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/Logo_parco.png 200w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/Logo_parco-150x150.png 150w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/>\n\n\n        <h3 class=\"text-xl font-bold mb-4 mt-0 text-center text-ustum-dark\">\n                  Himera, Solunto and Iato Archaeological Park\n                <\/h3>\n                          <p class=\"text-gray-600\">Entity for the protection and enhancement of archaeological heritage<\/p>\n                                          <\/a>\n                <\/div>\n      \n        <div class=\"flex flex-col items-center bg-white p-6 rounded-2xl shadow-lg hover:shadow-2xl transition-all transform hover:-translate-y-2 border-l-4 border-ustum-coral hover:shadow-ustum-coral\/20\"  data-aos=\"zoom-in\" data-aos-delay=\"300\">\n                      <a href=\"https:\/\/www.icsustica.it\/\" title=\" State Comprehensive Institute of Secondary Education &quot;Saveria Profeta&quot; of Ustica  \"\n               aria-label=\" State Comprehensive Institute of Secondary Education &quot;Saveria Profeta&quot; of Ustica  \"\n               class=\"cursor-pointer text-center flex flex-col items-center \"\n               target=\"_blank\">\n                        <img loading=\"lazy\" decoding=\"async\" width=\"76\" height=\"76\" src=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/stemma-scuola-invert.png\" class=\"h-24 w-auto mb-4\" alt=\" State Comprehensive Institute of Secondary Education &quot;Saveria Profeta&quot; of Ustica  \" \/>\n\n\n        <h3 class=\"text-xl font-bold mb-4 mt-0 text-center text-ustum-dark\">\n                   State Comprehensive Institute of Secondary Education &#8220;Saveria Profeta&#8221; of Ustica  \n                <\/h3>\n                          <p class=\"text-gray-600\">Local educational institution engaged in educational projects<\/p>\n                                          <\/a>\n                <\/div>\n      \n        <div class=\"flex flex-col items-center bg-white p-6 rounded-2xl shadow-lg hover:shadow-2xl transition-all transform hover:-translate-y-2 border-l-4 border-ustum-yellow hover:shadow-ustum-yellow\/20\"  data-aos=\"zoom-in\" data-aos-delay=\"400\">\n                      <a href=\"https:\/\/www.comune.santaflavia.pa.it\" title=\"Municipality of Santa Flavia\"\n               aria-label=\"Municipality of Santa Flavia\"\n               class=\"cursor-pointer text-center flex flex-col items-center \"\n               target=\"_blank\">\n                        <img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"476\" src=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/Santa_Flavia-Stemma.png\" class=\"h-24 w-auto mb-4\" alt=\"Municipality of Santa Flavia\" srcset=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/Santa_Flavia-Stemma.png 400w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/Santa_Flavia-Stemma-252x300.png 252w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/>\n\n\n        <h3 class=\"text-xl font-bold mb-4 mt-0 text-center text-ustum-dark\">\n                  Municipality of Santa Flavia\n                <\/h3>\n                          <p class=\"text-gray-600\">Local partner for integrated territorial development<\/p>\n                                          <\/a>\n                <\/div>\n      \n        <div class=\"flex flex-col items-center bg-white p-6 rounded-2xl shadow-lg hover:shadow-2xl transition-all transform hover:-translate-y-2 border-l-4 border-ustum-blue hover:shadow-ustum-blue\/20\"  data-aos=\"zoom-in\" data-aos-delay=\"500\">\n                      <a href=\"https:\/\/comune.bagheria.pa.it\/\" title=\"Municipality of Bagheria\"\n               aria-label=\"Municipality of Bagheria\"\n               class=\"cursor-pointer text-center flex flex-col items-center \"\n               target=\"_blank\">\n                        <img loading=\"lazy\" decoding=\"async\" width=\"476\" height=\"600\" src=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/Bagheria-Stemma.jpg\" class=\"h-24 w-auto mb-4\" alt=\"Municipality of Bagheria\" srcset=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/Bagheria-Stemma.jpg 476w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/Bagheria-Stemma-238x300.jpg 238w\" sizes=\"auto, (max-width: 476px) 100vw, 476px\" \/>\n\n\n        <h3 class=\"text-xl font-bold mb-4 mt-0 text-center text-ustum-dark\">\n                  Municipality of Bagheria\n                <\/h3>\n                          <p class=\"text-gray-600\">Local partner for integrated territorial development<\/p>\n                                          <\/a>\n                <\/div>\n      \n        <div class=\"flex flex-col items-center bg-white p-6 rounded-2xl shadow-lg hover:shadow-2xl transition-all transform hover:-translate-y-2 border-l-4 border-ustum-teal hover:shadow-ustum-teal\/20\"  data-aos=\"zoom-in\" data-aos-delay=\"600\">\n                      <a href=\"https:\/\/www.comune.trabia.pa.it\/\" title=\"Municipality of Trabia\"\n               aria-label=\"Municipality of Trabia\"\n               class=\"cursor-pointer text-center flex flex-col items-center \"\n               target=\"_blank\">\n                        <img loading=\"lazy\" decoding=\"async\" width=\"379\" height=\"500\" src=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/Trabia-Stemma.png\" class=\"h-24 w-auto mb-4\" alt=\"Municipality of Trabia\" srcset=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/Trabia-Stemma.png 379w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/Trabia-Stemma-227x300.png 227w\" sizes=\"auto, (max-width: 379px) 100vw, 379px\" \/>\n\n\n        <h3 class=\"text-xl font-bold mb-4 mt-0 text-center text-ustum-dark\">\n                  Municipality of Trabia\n                <\/h3>\n                          <p class=\"text-gray-600\">Local partner for integrated territorial development<\/p>\n                                          <\/a>\n                <\/div>\n          <\/div>\n      <\/div>\n<\/section>\n\n\n  <div>\n    <div class=\"acf-innerblocks-container\"><\/div>\n  <\/div>\n\n\n\n\n\n<section class=\"featured-locations py-20 bg-gray-100\">\n    <div class=\"container mx-auto max-w-6xl px-6\">\n      <div class=\"text-center mb-16\" data-aos=\"fade-up\">\n        <h2 class=\"text-4xl md:text-5xl font-bold text-ustum-dark mb-6\">\n                      Points <span class=\"text-ustum-yellow\">of interest<\/span>\n                  <\/h2>\n        <div class=\"w-24 h-1 bg-gradient-to-r from-ustum-yellow to-ustum-blue mx-auto\"><\/div>\n      <\/div>\n\n      <div class=\"swiper locations-images-gallery \"  data-aos=\"fade-up\" data-aos-delay=\"100\">\n        <div class=\"swiper-wrapper  \">\n                      <div class=\"swiper-slide \" data-aos=\"flip-left\" data-aos-delay=\"100\">\n              <div class=\"text-left h-full\">\n                <a class=\"decoration-0 no-underline \"  href=\"https:\/\/usticaexperience.com\/en\/point-of-interest\/cala-sidoti\/\" title=\"Cala Sidoti\">\n<!--div class=\"flex flex-col h-full group bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition-shadow\"-->\n  <div class=\"group relative h-full bg-white rounded-3xl overflow-hidden shadow-lg  \">\n  <!-- Immagine (altezza fissa) -->\n  <div class=\"h-48 overflow-hidden relative\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3869-copia-1024x768.jpg\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-700\" alt=\"Cala Sidoti\" srcset=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3869-copia-1024x768.jpg 1024w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3869-copia-300x225.jpg 300w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3869-copia-768x576.jpg 768w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3869-copia-1536x1152.jpg 1536w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3869-copia-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\n\n\n    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 via-transparent to-transparent\"><\/div>\n    <div class=\"absolute top-3 left-3 flex flex-wrap gap-2\">\n\n    <\/div>\n\n    \n\n  <\/div>\n\n  <!-- Contenuto (altezza flessibile) -->\n  <div class=\"p-6 flex flex-col flex-grow\">\n    <!-- Titolo e descrizione -->\n    <div class=\"flex-grow\">\n      <div class=\"flex flex-wrap gap-2 mb-4\">\n                  <div class=\"bg-teal-100 text-teal-800 text-sm font-medium px-2 py-1 rounded-full bg-opacity-80 font-suse\">\n    Seaside Coast\n  <\/div>\n              <\/div>\n\n      <h3 class=\"text-xl font-bold text-gray-900 mb-3 group-hover:text-ustum-teal transition-colors\">Cala Sidoti<\/h3>\n      <p class=\"text-gray-600 mb-4 leading-relaxed\">\n        Enchanting natural pool with crystal-clear waters embracing the volcanic cliff. A marine paradise with calm waters in the heart of the reserve.\n      <\/p>\n\n    <\/div>\n\n    <!-- Informazioni e pulsante -->\n    <!--div class=\"mt-auto pt-4\">\n      <a  href=\"https:\/\/usticaexperience.com\/en\/point-of-interest\/cala-sidoti\/\" title=\"Cala Sidoti\" class=\"inline-flex items-center font-medium transition-colors underline underline-offset-2 text-teal-600   hover:text-teal-800\">\n        <div class=\"flex justify-center items-center\">\n          Find out more\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"size-6\">\n  <path fill-rule=\"evenodd\" d=\"M16.72 7.72a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1 0 1.06l-3.75 3.75a.75.75 0 1 1-1.06-1.06l2.47-2.47H3a.75.75 0 0 1 0-1.5h16.19l-2.47-2.47a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" \/>\n<\/svg>\n\n\n        <\/div>\n\n      <\/a>\n    <\/div-->\n  <\/div>\n<\/div>\n<\/a>\n              <\/div>\n\n            <\/div>\n                      <div class=\"swiper-slide \" data-aos=\"flip-left\" data-aos-delay=\"100\">\n              <div class=\"text-left h-full\">\n                <a class=\"decoration-0 no-underline \"  href=\"https:\/\/usticaexperience.com\/en\/point-of-interest\/documentation-and-study-center\/\" title=\"Documentation and Study Center\">\n<!--div class=\"flex flex-col h-full group bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition-shadow\"-->\n  <div class=\"group relative h-full bg-white rounded-3xl overflow-hidden shadow-lg  \">\n  <!-- Immagine (altezza fissa) -->\n  <div class=\"h-48 overflow-hidden relative\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3547-copia-1024x768.jpg\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-700\" alt=\"Documentation and Study Center\" srcset=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3547-copia-1024x768.jpg 1024w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3547-copia-300x225.jpg 300w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3547-copia-768x576.jpg 768w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3547-copia-1536x1152.jpg 1536w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3547-copia-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\n\n\n    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 via-transparent to-transparent\"><\/div>\n    <div class=\"absolute top-3 left-3 flex flex-wrap gap-2\">\n\n    <\/div>\n\n    \n\n  <\/div>\n\n  <!-- Contenuto (altezza flessibile) -->\n  <div class=\"p-6 flex flex-col flex-grow\">\n    <!-- Titolo e descrizione -->\n    <div class=\"flex-grow\">\n      <div class=\"flex flex-wrap gap-2 mb-4\">\n                  <div class=\"bg-teal-100 text-teal-800 text-sm font-medium px-2 py-1 rounded-full bg-opacity-80 font-suse\">\n    Cultural Center\n  <\/div>\n              <\/div>\n\n      <h3 class=\"text-xl font-bold text-gray-900 mb-3 group-hover:text-ustum-teal transition-colors\">Documentation and Study Center<\/h3>\n      <p class=\"text-gray-600 mb-4 leading-relaxed\">\n        Non-profit organization founded in 1997 that collects and promotes the cultural heritage of the island of Ustica through research, publications, and cultural events.\n      <\/p>\n\n    <\/div>\n\n    <!-- Informazioni e pulsante -->\n    <!--div class=\"mt-auto pt-4\">\n      <a  href=\"https:\/\/usticaexperience.com\/en\/point-of-interest\/documentation-and-study-center\/\" title=\"Documentation and Study Center\" class=\"inline-flex items-center font-medium transition-colors underline underline-offset-2 text-teal-600   hover:text-teal-800\">\n        <div class=\"flex justify-center items-center\">\n          Find out more\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"size-6\">\n  <path fill-rule=\"evenodd\" d=\"M16.72 7.72a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1 0 1.06l-3.75 3.75a.75.75 0 1 1-1.06-1.06l2.47-2.47H3a.75.75 0 0 1 0-1.5h16.19l-2.47-2.47a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" \/>\n<\/svg>\n\n\n        <\/div>\n\n      <\/a>\n    <\/div-->\n  <\/div>\n<\/div>\n<\/a>\n              <\/div>\n\n            <\/div>\n                      <div class=\"swiper-slide \" data-aos=\"flip-left\" data-aos-delay=\"100\">\n              <div class=\"text-left h-full\">\n                <a class=\"decoration-0 no-underline \"  href=\"https:\/\/usticaexperience.com\/en\/point-of-interest\/chapel-of-our-lady-of-the-cross\/\" title=\"Chapel of Our Lady of the Cross\">\n<!--div class=\"flex flex-col h-full group bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition-shadow\"-->\n  <div class=\"group relative h-full bg-white rounded-3xl overflow-hidden shadow-lg  \">\n  <!-- Immagine (altezza fissa) -->\n  <div class=\"h-48 overflow-hidden relative\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3833-copia-1024x768.jpg\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-700\" alt=\"Chapel of Our Lady of the Cross\" srcset=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3833-copia-1024x768.jpg 1024w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3833-copia-300x225.jpg 300w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3833-copia-768x576.jpg 768w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3833-copia-1536x1152.jpg 1536w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3833-copia-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\n\n\n    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 via-transparent to-transparent\"><\/div>\n    <div class=\"absolute top-3 left-3 flex flex-wrap gap-2\">\n\n    <\/div>\n\n          <div class=\"flex flex-col justify-center align-center absolute bottom-3 left-3 rounded-full p-1 bg-gradient-to-r from-orange-500 to-red-500 text-white w-12 h-12 \">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 200 200\">\n          <!-- Cerchio esterno -->\n          <circle cx=\"100\" cy=\"100\" r=\"95\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"10\"\/>\n          <!-- Testo \"360\u00b0\" -->\n          <text x=\"100\" y=\"115\" font-family=\"Arial, sans-serif\" font-size=\"50\" font-weight=\"bold\" fill=\"currentColor\" text-anchor=\"middle\">360\u00b0<\/text>\n        <\/svg>\n      <\/div>\n    \n\n  <\/div>\n\n  <!-- Contenuto (altezza flessibile) -->\n  <div class=\"p-6 flex flex-col flex-grow\">\n    <!-- Titolo e descrizione -->\n    <div class=\"flex-grow\">\n      <div class=\"flex flex-wrap gap-2 mb-4\">\n                  <div class=\"bg-teal-100 text-teal-800 text-sm font-medium px-2 py-1 rounded-full bg-opacity-80 font-suse\">\n    Church\n  <\/div>\n                  <div class=\"bg-teal-100 text-teal-800 text-sm font-medium px-2 py-1 rounded-full bg-opacity-80 font-suse\">\n    Sanctuary\n  <\/div>\n              <\/div>\n\n      <h3 class=\"text-xl font-bold text-gray-900 mb-3 group-hover:text-ustum-teal transition-colors\">Chapel of Our Lady of the Cross<\/h3>\n      <p class=\"text-gray-600 mb-4 leading-relaxed\">\n        Nestled in volcanic rock, the Chapel of Our Lady of the Cross safeguards centuries of island devotion. A small sacred gem where faith and nature merge in a mystical embrace.\n      <\/p>\n\n    <\/div>\n\n    <!-- Informazioni e pulsante -->\n    <!--div class=\"mt-auto pt-4\">\n      <a  href=\"https:\/\/usticaexperience.com\/en\/point-of-interest\/chapel-of-our-lady-of-the-cross\/\" title=\"Chapel of Our Lady of the Cross\" class=\"inline-flex items-center font-medium transition-colors underline underline-offset-2 text-teal-600   hover:text-teal-800\">\n        <div class=\"flex justify-center items-center\">\n          Find out more\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"size-6\">\n  <path fill-rule=\"evenodd\" d=\"M16.72 7.72a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1 0 1.06l-3.75 3.75a.75.75 0 1 1-1.06-1.06l2.47-2.47H3a.75.75 0 0 1 0-1.5h16.19l-2.47-2.47a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" \/>\n<\/svg>\n\n\n        <\/div>\n\n      <\/a>\n    <\/div-->\n  <\/div>\n<\/div>\n<\/a>\n              <\/div>\n\n            <\/div>\n                      <div class=\"swiper-slide \" data-aos=\"flip-left\" data-aos-delay=\"100\">\n              <div class=\"text-left h-full\">\n                <a class=\"decoration-0 no-underline \"  href=\"https:\/\/usticaexperience.com\/en\/point-of-interest\/marine-protected-area\/\" title=\"Marine Protected Area\">\n<!--div class=\"flex flex-col h-full group bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition-shadow\"-->\n  <div class=\"group relative h-full bg-white rounded-3xl overflow-hidden shadow-lg  \">\n  <!-- Immagine (altezza fissa) -->\n  <div class=\"h-48 overflow-hidden relative\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/underwater-tropical-seascape-copia-1-1024x683.jpg\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-700\" alt=\"Marine Protected Area\" srcset=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/underwater-tropical-seascape-copia-1-1024x683.jpg 1024w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/underwater-tropical-seascape-copia-1-300x200.jpg 300w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/underwater-tropical-seascape-copia-1-768x512.jpg 768w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/underwater-tropical-seascape-copia-1.jpg 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\n\n\n    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 via-transparent to-transparent\"><\/div>\n    <div class=\"absolute top-3 left-3 flex flex-wrap gap-2\">\n\n    <\/div>\n\n    \n\n  <\/div>\n\n  <!-- Contenuto (altezza flessibile) -->\n  <div class=\"p-6 flex flex-col flex-grow\">\n    <!-- Titolo e descrizione -->\n    <div class=\"flex-grow\">\n      <div class=\"flex flex-wrap gap-2 mb-4\">\n                  <div class=\"bg-teal-100 text-teal-800 text-sm font-medium px-2 py-1 rounded-full bg-opacity-80 font-suse\">\n    Nature reserve\n  <\/div>\n              <\/div>\n\n      <h3 class=\"text-xl font-bold text-gray-900 mb-3 group-hover:text-ustum-teal transition-colors\">Marine Protected Area<\/h3>\n      <p class=\"text-gray-600 mb-4 leading-relaxed\">\n        An underwater paradise that has protected unique marine treasures since 1986: Italy&#8217;s first marine reserve, born from the vision of local fishermen to preserve an extraordinary ecosystem.\n      <\/p>\n\n    <\/div>\n\n    <!-- Informazioni e pulsante -->\n    <!--div class=\"mt-auto pt-4\">\n      <a  href=\"https:\/\/usticaexperience.com\/en\/point-of-interest\/marine-protected-area\/\" title=\"Marine Protected Area\" class=\"inline-flex items-center font-medium transition-colors underline underline-offset-2 text-teal-600   hover:text-teal-800\">\n        <div class=\"flex justify-center items-center\">\n          Find out more\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"size-6\">\n  <path fill-rule=\"evenodd\" d=\"M16.72 7.72a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1 0 1.06l-3.75 3.75a.75.75 0 1 1-1.06-1.06l2.47-2.47H3a.75.75 0 0 1 0-1.5h16.19l-2.47-2.47a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" \/>\n<\/svg>\n\n\n        <\/div>\n\n      <\/a>\n    <\/div-->\n  <\/div>\n<\/div>\n<\/a>\n              <\/div>\n\n            <\/div>\n                      <div class=\"swiper-slide \" data-aos=\"flip-left\" data-aos-delay=\"100\">\n              <div class=\"text-left h-full\">\n                <a class=\"decoration-0 no-underline \"  href=\"https:\/\/usticaexperience.com\/en\/point-of-interest\/spalmatore-tower\/\" title=\"Spalmatore Tower\">\n<!--div class=\"flex flex-col h-full group bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition-shadow\"-->\n  <div class=\"group relative h-full bg-white rounded-3xl overflow-hidden shadow-lg  \">\n  <!-- Immagine (altezza fissa) -->\n  <div class=\"h-48 overflow-hidden relative\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3907-copia-1024x768.jpg\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-700\" alt=\"Spalmatore Tower\" srcset=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3907-copia-1024x768.jpg 1024w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3907-copia-300x225.jpg 300w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3907-copia-768x576.jpg 768w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3907-copia-1536x1152.jpg 1536w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3907-copia-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\n\n\n    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 via-transparent to-transparent\"><\/div>\n    <div class=\"absolute top-3 left-3 flex flex-wrap gap-2\">\n\n    <\/div>\n\n    \n\n  <\/div>\n\n  <!-- Contenuto (altezza flessibile) -->\n  <div class=\"p-6 flex flex-col flex-grow\">\n    <!-- Titolo e descrizione -->\n    <div class=\"flex-grow\">\n      <div class=\"flex flex-wrap gap-2 mb-4\">\n                  <div class=\"bg-teal-100 text-teal-800 text-sm font-medium px-2 py-1 rounded-full bg-opacity-80 font-suse\">\n    Archaeological site\n  <\/div>\n                  <div class=\"bg-teal-100 text-teal-800 text-sm font-medium px-2 py-1 rounded-full bg-opacity-80 font-suse\">\n    Nature reserve\n  <\/div>\n                  <div class=\"bg-teal-100 text-teal-800 text-sm font-medium px-2 py-1 rounded-full bg-opacity-80 font-suse\">\n    Stronghold\n  <\/div>\n                  <div class=\"bg-teal-100 text-teal-800 text-sm font-medium px-2 py-1 rounded-full bg-opacity-80 font-suse\">\n    Tower\n  <\/div>\n              <\/div>\n\n      <h3 class=\"text-xl font-bold text-gray-900 mb-3 group-hover:text-ustum-teal transition-colors\">Spalmatore Tower<\/h3>\n      <p class=\"text-gray-600 mb-4 leading-relaxed\">\n        Standing sentinel over the sea since 1763, the Spalmatore Tower dominates the bay with its austere charm. A Bourbon-era stronghold defying time, a silent witness to tales of pirates and seafarers.\n      <\/p>\n\n    <\/div>\n\n    <!-- Informazioni e pulsante -->\n    <!--div class=\"mt-auto pt-4\">\n      <a  href=\"https:\/\/usticaexperience.com\/en\/point-of-interest\/spalmatore-tower\/\" title=\"Spalmatore Tower\" class=\"inline-flex items-center font-medium transition-colors underline underline-offset-2 text-teal-600   hover:text-teal-800\">\n        <div class=\"flex justify-center items-center\">\n          Find out more\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"size-6\">\n  <path fill-rule=\"evenodd\" d=\"M16.72 7.72a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1 0 1.06l-3.75 3.75a.75.75 0 1 1-1.06-1.06l2.47-2.47H3a.75.75 0 0 1 0-1.5h16.19l-2.47-2.47a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" \/>\n<\/svg>\n\n\n        <\/div>\n\n      <\/a>\n    <\/div-->\n  <\/div>\n<\/div>\n<\/a>\n              <\/div>\n\n            <\/div>\n                      <div class=\"swiper-slide \" data-aos=\"flip-left\" data-aos-delay=\"100\">\n              <div class=\"text-left h-full\">\n                <a class=\"decoration-0 no-underline \"  href=\"https:\/\/usticaexperience.com\/en\/point-of-interest\/falconiera-fortress\/\" title=\"Falconiera Fortress\">\n<!--div class=\"flex flex-col h-full group bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition-shadow\"-->\n  <div class=\"group relative h-full bg-white rounded-3xl overflow-hidden shadow-lg  \">\n  <!-- Immagine (altezza fissa) -->\n  <div class=\"h-48 overflow-hidden relative\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3802-hd-1024x768.jpg\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-700\" alt=\"Falconiera Fortress\" srcset=\"https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3802-hd-1024x768.jpg 1024w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3802-hd-300x225.jpg 300w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3802-hd-768x576.jpg 768w, https:\/\/usticaexperience.com\/wp-content\/uploads\/2025\/05\/IMG_3802-hd.jpg 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\n\n\n    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 via-transparent to-transparent\"><\/div>\n    <div class=\"absolute top-3 left-3 flex flex-wrap gap-2\">\n\n    <\/div>\n\n          <div class=\"flex flex-col justify-center align-center absolute bottom-3 left-3 rounded-full p-1 bg-gradient-to-r from-orange-500 to-red-500 text-white w-12 h-12 \">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 200 200\">\n          <!-- Cerchio esterno -->\n          <circle cx=\"100\" cy=\"100\" r=\"95\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"10\"\/>\n          <!-- Testo \"360\u00b0\" -->\n          <text x=\"100\" y=\"115\" font-family=\"Arial, sans-serif\" font-size=\"50\" font-weight=\"bold\" fill=\"currentColor\" text-anchor=\"middle\">360\u00b0<\/text>\n        <\/svg>\n      <\/div>\n    \n\n  <\/div>\n\n  <!-- Contenuto (altezza flessibile) -->\n  <div class=\"p-6 flex flex-col flex-grow\">\n    <!-- Titolo e descrizione -->\n    <div class=\"flex-grow\">\n      <div class=\"flex flex-wrap gap-2 mb-4\">\n                  <div class=\"bg-teal-100 text-teal-800 text-sm font-medium px-2 py-1 rounded-full bg-opacity-80 font-suse\">\n    Archaeological site\n  <\/div>\n                  <div class=\"bg-teal-100 text-teal-800 text-sm font-medium px-2 py-1 rounded-full bg-opacity-80 font-suse\">\n    Fortress\n  <\/div>\n                  <div class=\"bg-teal-100 text-teal-800 text-sm font-medium px-2 py-1 rounded-full bg-opacity-80 font-suse\">\n    Stronghold\n  <\/div>\n                  <div class=\"bg-teal-100 text-teal-800 text-sm font-medium px-2 py-1 rounded-full bg-opacity-80 font-suse\">\n    Volcano\n  <\/div>\n              <\/div>\n\n      <h3 class=\"text-xl font-bold text-gray-900 mb-3 group-hover:text-ustum-teal transition-colors\">Falconiera Fortress<\/h3>\n      <p class=\"text-gray-600 mb-4 leading-relaxed\">\n        Ancient Roman archaeological site that later, under Bourbon rule, became a massive defensive fortress for the island built on the edge of an ancient volcanic crater.\n      <\/p>\n\n    <\/div>\n\n    <!-- Informazioni e pulsante -->\n    <!--div class=\"mt-auto pt-4\">\n      <a  href=\"https:\/\/usticaexperience.com\/en\/point-of-interest\/falconiera-fortress\/\" title=\"Falconiera Fortress\" class=\"inline-flex items-center font-medium transition-colors underline underline-offset-2 text-teal-600   hover:text-teal-800\">\n        <div class=\"flex justify-center items-center\">\n          Find out more\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"size-6\">\n  <path fill-rule=\"evenodd\" d=\"M16.72 7.72a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1 0 1.06l-3.75 3.75a.75.75 0 1 1-1.06-1.06l2.47-2.47H3a.75.75 0 0 1 0-1.5h16.19l-2.47-2.47a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" \/>\n<\/svg>\n\n\n        <\/div>\n\n      <\/a>\n    <\/div-->\n  <\/div>\n<\/div>\n<\/a>\n              <\/div>\n\n            <\/div>\n                  <\/div>\n        <div class=\"swiper-pagination\"><\/div>\n        <!--div class=\"swiper-button-next\"><\/div>\n        <div class=\"swiper-button-prev\"><\/div-->\n      <\/div>\n    <\/div>\n  <\/section>\n\n    <div>\n      <div class=\"acf-innerblocks-container\"><\/div>\n    <\/div>\n\n\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-home.blade.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/usticaexperience.com\/en\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/usticaexperience.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/usticaexperience.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/usticaexperience.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/usticaexperience.com\/en\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":6,"href":"https:\/\/usticaexperience.com\/en\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":868,"href":"https:\/\/usticaexperience.com\/en\/wp-json\/wp\/v2\/pages\/25\/revisions\/868"}],"wp:attachment":[{"href":"https:\/\/usticaexperience.com\/en\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}