Jonathan Bello
Cenote Gardens

Cenote Gardens

March 1, 2024

Bilingual real estate website built with Astro, interactive SVG maps, transitions and collaborative component work.


Cenote Gardens was a real estate website in Tulum and one of the Astro projects I remember with special affection. It allowed me to combine technologies, teach Astro to friends and see how different frontend backgrounds could coexist inside one project.

The biggest challenge was the interactive map experience. I solved it with SVG maps, IDs and scripts that activated specific areas to show information. Debugging Safari without having an Apple device made the process harder, but it also forced me to be more careful.

The site also used bilingual routes and transitions to make language changes feel smoother. For my portfolio, it represents collaboration, visual experimentation and the moment Astro became even more convincing to me.

Cenote Gardens interactive real estate sections.
Cenote Gardens interactive real estate sections.

Comments are temporarily paused while moderation and spam protection are implemented.