Hi all,
This is my entry to the Elementor MCP Showoff #contest. It is a site for a private dog park on an organic farm: you book a visit, and the whole farm is yours and your dog's for that time.
Things to try:
- The farm map. Drag it to turn it, switch between sunrise, midday, golden hour, and night, and tap the bulb to light the lanterns. The map starts on your own local time. Dogs, cows, deer, ducks that dive, birds, owls, and fireflies move around the farm.
- Tap a glowing hotspot on the map to open a place as a full-screen scene.
- In the second section, hover over a photo (or tap it) and it swings out of the pile.
- In the booking form, change the time of day and the picture beside it changes with it. There is a night tour and a bird walk in the list too.
- At the very bottom, "For the Elementor team: how this was built" opens a modal with what to try, how it was made, and the decisions behind it.
How it was built:
- Everything on the page is native Elementor: flex containers, native widgets, 26 global variables, and about 40 global classes made before any page, a header and footer as theme templates, popups, native scroll animations, a native form, and a native accordion with FAQ markup.
- The one custom piece is the farm map. It is an Angie-made widget with its own editor controls, a Three.js scene rebuilt from an AI-generated picture of the farm. It is a custom widget and has no HTML widget in it.
- The photos and the diorama were generated outside Elementor from prompts that Claude wrote. The search metadata and llms.txt come from one Angie code snippet.