Lumera is a one-page landing template for a luxury property launch, with scroll-driven sections, two videos, an enquiry form in a modal, and layouts for desktop, tablet and phone. It comes in two versions, a Framer template and a Next.js codebase, and every option includes the Figma design file. Buy either version, or both as a bundle.

Framer version: https://lumera-preview.framer.website

Next.js version: https://vault.hyperiux.com/template-demo/lumera

Framer Template ($39): a remix link that copies the full project into your own Framer account, plus the Figma design file (.fig).

Next.js Template ($39): the source code as a ZIP file (Next.js 16, React 19, TypeScript, Tailwind CSS v4, GSAP, Lenis) with setup notes in the README, plus the Figma design file (.fig).

Bundle ($69): the Framer template, the Next.js source code and the Figma design file.

Hero: headline, two buttons and four stats that count up, over an image that moves with the scroll.

About: an image carousel you can drag, with prev/next buttons.

Residences: on desktop, a heading fills in letter by letter, then four residence cards scroll sideways while the section is pinned. On smaller screens the cards stack.

Services: a draggable marquee of buttons, and amenity cards that widen on hover.

Interiors: room images with parallax and a hover label. On desktop the background turns dark behind a pinned title.

Project: an interior image carousel with drag and a progress bar.

Showcase: a video that grows as you scroll on desktop.

Core features: hovering a feature name swaps the image and the background colour (desktop).

Video section: heading lines slide in and the video scales up while pinned (desktop).

Stats: three rows that reveal an image on hover (desktop).

FAQ: one question open at a time, with a height animation.

Highlights: location cards in a drag carousel.

ROI: four stats with counters.

CTA and footer: the CTA buttons open the enquiry form, and the footer is revealed from underneath.

A short loading screen plays on first load. The header hides when you scroll down and comes back when you scroll up, and on tablet and phone it opens a full-screen menu.

Every "Enquire" button opens a modal with name, email, phone with country picker, an "Interested in" choice, message and consent fields.

Framer version: paste a form endpoint URL (for example Formspree) into the Enquiry Modal's Form Endpoint property. Without one, submitting opens the visitor's email app.

Next.js version: the fields are validated and a thank-you message appears on submit. Connect the submit function to your form service or backend before you go live (see the README).

Desktop (1280), Tablet (810) and Phone (390) breakpoints.

Native text layers use project text and colour styles.

The animated sections are code components, and their content, colours and timings are edited in the properties panel.

With reduced motion turned on, smooth scrolling and the loading screen are switched off and most animations are shortened or skipped.

Font: DM Sans (Google Fonts, Open Font License).

The Framer version needs a Framer account to remix. Framer bills hosting and custom domains separately.

The Next.js version needs Node.js to run and any host that supports Next.js to deploy. The two videos and all images are included in the project.

The project name, prices, stats and contact details are demo content, ready for you to replace.

One purchase covers one buyer.

The remix link is for your own one-time use. Please don't share it.

Don't resell or redistribute the template, its code or the Figma file, in whole or in part.

Refunds These are digital products you can access as soon as you buy, so all sales are final and non-refundable.