# Credits: Villa Lux demo (premium showcase)

Villa Lux is a fictional property. Brocoola built this page to show what a premium,
cinematic website for a whole-house holiday rental can look like. The booking calendar is the
live engine (tenant `demo-vila`); prices and availability come from it. The reviews, the owners
(Ana and Mate), the floor plan and the room names are illustrative. Real place names (Milna, Hvar,
Pakleni Islands, Dubovica, Velo Grablje, Stari Grad) are used for the setting only.

The photos and clips do not show one real house. Replace them with the client's own footage and
photography before going live.

## Hero film

A 17.4 s seamless loop cut from three Dalmatian shots, all from [Pexels](https://www.pexels.com), used under the
[Pexels License](https://www.pexels.com/license/) (free to use, no attribution required; credited here anyway).
Edit: trimmed, retimed to 25 fps (the Lastovo shot as 1.5× slow motion from 100 fps), light temporal denoise,
one gentle grade for all three (lifted blacks, warm highlights, calmer greens and roofs), eased 1.2 s crossfades,
and the end crossfades into the start so the loop point is invisible. No audio, no text.

| Shot | Shows | Creator | Source |
| --- | --- | --- | --- |
| 1 | A bay on Lastovo (south Dalmatia), pine hills in golden-hour light | Filip Culig | https://www.pexels.com/video/breathtaking-aerial-view-of-lastovo-island-coast-40161652/ |
| 2 | Hvar town, the fortress, the harbour and the Pakleni Islands | Ike Unger | https://www.pexels.com/video/aerial-view-of-hvar-town-and-harbor-39664714/ |
| 3 | Sunset behind a headland, islands on the horizon (Adriatic; the exact place is not stated on Pexels) | Nikola Tomašić | https://www.pexels.com/video/serene-coastal-sunset-with-island-views-33196430/ |

Files (`assets/video/`): `hero-d-av1.mp4` (1920×1080, AV1, 6.5 MB, VMAF 94.0) and `hero-d-h264.mp4`
(1920×1080, H.264 High, 9.5 MB, VMAF 93.5) for desktop; `hero-m-av1.mp4` (1080×1350, AV1, 2.6 MB, VMAF 93.5)
and `hero-m-h264.mp4` (1080×1350, H.264 High, 3.8 MB, VMAF 93.6) for phones, a 12.8 s loop of shots 1 and 3
(the town shot is too detailed to fit the phone budget cleanly). VMAF (vmaf_v0.6.1) is measured against the
lossless edited master. Posters (`assets/img/hero-poster-*`) are the first frame of each film, AVIF + WebP + JPEG.
The closing image (`assets/img/closing-*`) is a still from shot 3, and `assets/og-image.jpg` is built from the
desktop poster.

## "Jedan dan u vili" frame sequences

From Pexels, Pexels License. Re-exported for this version at 1920×1080 (desktop, 60 frames each) and 720×1280
(phones, 40 frames each), with the same gentle grade as the film, as AVIF with WebP fallback.

| Files | Shows | Creator | Source |
| --- | --- | --- | --- |
| assets/seq/jutro/, jutro-m/ | Woman with a net bag of oranges walking by an infinity pool (2.4–7.4 s) | Vlada Karpovich | https://www.pexels.com/video/woman-walking-on-poolside-carrying-a-basket-of-oranges-8045121/ |
| assets/seq/zalazak/, zalazak-m/ | Time-lapse of the sun going down at sea (23–59.5 s, from the 4K original) | Magda Ehlers | https://www.pexels.com/video/time-lapse-of-the-sun-going-down-at-sea-3842717/ |

## Photos

From [Unsplash](https://unsplash.com), used under the [Unsplash License](https://unsplash.com/license)
(free to use, no permission needed). Only free (non-Unsplash+) images. Each is saved as AVIF and WebP at two
widths (`name-800` / `name-1600`, portrait `name-600` / `name-1200`), every file under 300 KB.

| File(s) | Shows | Photographer | Source |
| --- | --- | --- | --- |
| exterior | Stone house with a pool and garden | Nikola Perekovic ([@nikolaframe](https://unsplash.com/@nikolaframe)) | https://unsplash.com/photos/a-beautiful-stone-house-with-a-pool-HCuwXCJqWVc |
| terrace-dinner | Outdoor dining table above the sea | Pavel Gromov ([@lastmanpaul](https://unsplash.com/@lastmanpaul)) | https://unsplash.com/photos/outdoor-dining-table-overlooking-a-serene-sea-and-distant-mountains-lZQZ6_HXjKk |
| living | Living room with glass walls | Polina Kuzovkova ([@p_kuzovkova](https://unsplash.com/@p_kuzovkova)) | https://unsplash.com/photos/a-room-with-windows-and-a-couch-Z85GaA1NIm8 |
| kitchen | Kitchen with a long wooden table | Sanju Pandita ([@spxclicks](https://unsplash.com/@spxclicks)) | https://unsplash.com/photos/a-kitchen-with-a-wooden-table-surrounded-by-hanging-lights-HtolmWUCFN8 |
| konoba | Long candlelit dinner table | M F ([@mfe1](https://unsplash.com/@mfe1)) | https://unsplash.com/photos/long-dining-table-with-festive-flowers-fb0_wj2MZk4 |
| konoba-lunch-wide, konoba-lunch-tall | Grilled octopus, salad and rosé (a 16:9 crop for the pinned desktop stage, the full 2:3 frame on phones) | Tomi Saputra ([@udatommo](https://unsplash.com/@udatommo)) | https://unsplash.com/photos/grilled-octopus-with-salad-and-wine-on-table-0SNy5YY4M_E |
| room-master | Bright bedroom with sliding glass doors | Marvin Meyer ([@marvelous](https://unsplash.com/@marvelous)) | https://unsplash.com/photos/white-bed-near-glass-sliding-door-fBdlytm6Hp8 |
| room-stone | Bedroom with a stone wall | e24 ([@e_heizung_24](https://unsplash.com/@e_heizung_24)) | https://unsplash.com/photos/a-bed-with-a-large-headboard-NEjlmppwZ80 |
| room-arch | Four-poster bed by a stone arch | Gabriel Tesserolli ([@tessvisual](https://unsplash.com/@tessvisual)) | https://unsplash.com/photos/four-poster-bed-with-bedside-table-and-lamp-o0qFtQ2MYF0 |
| room-twin | Twin beds in a bright room | Sang Ho ([@hovansang18](https://unsplash.com/@hovansang18)) | https://unsplash.com/photos/twin-beds-in-a-bright-room-with-a-sea-view-uXYHodDhiG4 |
| bath | Stone bathtub against a stone wall | Dinuka Lankaloka ([@bawva](https://unsplash.com/@bawva)) | https://unsplash.com/photos/white-ceramic-bathtub-beside-brown-brick-wall-8_H82qQRj6w |
| pool-wide, pool-tall | Pool above the sea among pines (the WebGL pool; graded a little calmer, cropped wide and tall) | Margo Evardson ([@stadinstudio](https://unsplash.com/@stadinstudio)) | https://unsplash.com/photos/a-bright-blue-swimming-pool-overlooks-the-vast-ocean-eoMSMXXNT5E |
| hvar-town | Hvar town and the Pakleni Islands from the fortress (Hvar, Croatia) | Josip Ivanković ([@piak](https://unsplash.com/@piak)) | https://unsplash.com/photos/coastal-town-with-harbor-and-islands-at-sunset-qDypb22_h9Y |
| pakleni | Islet from the air (Hvar, Croatia) | Oliver Sjöström ([@ollivves](https://unsplash.com/@ollivves)) | https://unsplash.com/photos/aerial-photography-of-island-surrounded-by-sea-hFHXlAmRwzM |
| beach-rocks | Swimming rocks (Robinson Hvar, Croatia) | Lawrence Chismorie ([@lawrnsky](https://unsplash.com/@lawrnsky)) | https://unsplash.com/photos/a-group-of-people-sitting-on-a-rocky-beach-next-to-the-ocean-13ohlgLwvkk |

`assets/img/pool-wide-mask.png` and `pool-tall-mask.png` are water masks made from the pool photo for this page
(colour segmentation + flood fill), so the ripple only moves the water.

## Fonts (self-hosted in `assets/fonts/`)

- [Instrument Serif](https://fonts.google.com/specimen/Instrument+Serif) by Rodrigo Fuenzalida and Jordan Egstad
  (Instrument), [SIL Open Font License 1.1](https://openfontlicense.org). Regular and Italic, the latin and
  latin-ext subsets as published by Google Fonts (via [@fontsource](https://fontsource.org/fonts/instrument-serif)).
- [General Sans](https://www.fontshare.com/fonts/general-sans) by Indian Type Foundry, from Fontshare, under the
  [ITF Free Font License 2.0](https://www.fontshare.com/licenses/itf-ffl): free for personal and commercial use,
  self-hosting allowed. The licence forbids modifying the files (including subsetting and format conversion),
  so `GeneralSans-Variable.woff2` is the official file, unmodified; it already covers Croatian (č ć š ž đ).
  When this becomes a client's site, the client downloads its own copy from Fontshare (the licence does not
  allow handing font files to third parties).

Both fonts were checked for Croatian (čćšžđ ČĆŠŽĐ, „…“, €, ×, °). The page declares metric-matched local
fallbacks (Times New Roman / Arial with size-adjust and ascent/descent overrides), so the swap does not move the layout.
The monogram in `assets/icons/` is drawn from the Instrument Serif "V" and "L" outlines.

## Drawings

The floor plans are original inline SVG drawn for this demo.

## Map

Map embed © [OpenStreetMap](https://www.openstreetmap.org/copyright) contributors.

## Libraries (self-hosted in `vendor/`)

- [GSAP](https://gsap.com) 3.15.1 and ScrollTrigger, GreenSock "Standard no-charge license"
  (https://gsap.com/standard-license), free including commercial use. Copied unmodified from npm `gsap`
  (source-map comments removed).
- [Lenis](https://github.com/darkroomengineering/lenis) 1.3.27, MIT licence (`vendor/LICENSE-lenis.txt`),
  from npm `lenis`.
- The pool ripple (`js/ripple.js`) and the date picker in `js/site.js` are plain JavaScript written for this page, no library.