---
title: "CASA MIRADOR: Built with ProductOS | ProductOS"
description: "Casa Mirador is a nine-suite boutique hotel on the Alentejo coast. The hero scrubs an AI-generated golden-hour aerial film, a slow drift toward the saltwater in"
url: https://productos.dev/showcase/casa-mirador
---

[ Back to Showcase](https://productos.dev/showcase)

Hospitality site Design surface

CASA MIRADOR

# A clifftop hotel whose hero glides over the Atlantic

Casa Mirador is a nine-suite boutique hotel on the Alentejo coast. The hero scrubs an AI-generated golden-hour aerial film, a slow drift toward the saltwater infinity pool, 40 meters above the ocean, under crossfading serif headlines. Double-bezel suite cards, a four-moment senses scrollytelling strip, film-grain texture, and a glass-pill nav complete the editorial-luxury system.

[View live ](https://mirador-d676.vercel.app/) [Use as a template →](https://design.productos.dev/templates)

CASA MIRADOR · Live project

## How it was built

- Airbnb DESIGN.md warmth elevated to an editorial-luxury archetype
- Aerial film generated by the ProductOS media pipeline, still → cinematic drift
- 193-frame ffmpeg sequence scrubbed across a pinned 300vh hero
- Suite + chef's-table photography generated, no real assets needed
- Deployed to Vercel from the productos-agents org

## Stack

Next.js 15 Tailwind v4 GSAP Lenis AI media pipeline

## Built on

[ProductOS Design surface ](https://design.productos.dev/)

40m

above the Atlantic, on scroll

9

suites, every photo generated

0.03

film-grain opacity, the detail that sells it

## Build something like CASA MIRADOR

Give the agents a brief. Get a deployed product. Every project in the showcase started as a single prompt.

[Start building](https://beta.productos.dev/sign-up?utm%5Fsource=productos.dev/showcase) [Back to Showcase](https://productos.dev/showcase)