Santa Maria di Castellabate: dove il borgo incontra il mito

Dall'antico porto delle gatte alle spiagge dorate, scopriamo perché Santa Maria è il cuore pulsante del Cilento.

🏛️

Articolo a cura di Discover Cilento

Santa Maria di Castellabate non è solo una località balneare; è un’esperienza sensoriale che inizia tra le arcate seicentesche del suo porto e termina nel blu cobalto delle sue acque protette. Se Castellabate "alto" offre la vista, Santa Maria offre l'abbraccio del mare.

"Il mare del Cilento ha un sapore antico, dove ogni onda racconta storie di pescatori e leggende di sirene."

La Storia in Breve

Cosa Vedere

Eventi e Gastronomia

⚓

Santa Maria a Mare (15 Agosto)

La processione religiosa più suggestiva del Cilento, con la statua della Madonna che attraversa il mare tra i gozzi dei pescatori locali.

🐟

Le Alici di Menaica

Un presidio Slow Food che rappresenta l'anima culinaria del borgo: pescate con reti millenarie e lavorate interamente a mano.

Pianifica la tua visita

Hai bisogno di suggerimenti su dove alloggiare o cosa mangiare a Santa Maria di Castellabate? Siamo qui per te. Info e Contatti

${eras[index].title}

${eras[index].desc}

`; } function renderSights(filter) { const grid = document.getElementById('attraction-grid'); grid.innerHTML = ''; const filtered = filter === 'all' ? sights : sights.filter(s => s.cat === filter); filtered.forEach(s => { const card = document.createElement('div'); card.className = "flex flex-col p-8 border-b-2 border-gray-100 hover:border-indigo-400 transition bg-white"; card.innerHTML = `

${s.icon}

${s.title}

${s.info}

`; grid.appendChild(card); }); } function updateFilter(cat, btn) { const btns = btn.parentElement.querySelectorAll('button'); btns.forEach(b => { b.classList.remove('bg-gray-900', 'text-white'); b.classList.add('bg-gray-100', 'text-gray-600'); }); btn.classList.add('bg-gray-900', 'text-white'); btn.classList.remove('bg-gray-100', 'text-gray-600'); renderSights(cat); } // Init window.onload = () => { switchEra(0); renderSights('all'); }; // CSS extra per animazioni const style = document.createElement('style'); style.innerHTML = ` .animate-fade-in { animation: fadeIn 0.5s ease-out; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } `; document.head.appendChild(style);