Kyntra is a one-page landing template for a home-services app, with scroll-driven sections, an enquiry form, an app download panel, 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://kyntra-landing.framer.website

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

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, React, Tailwind CSS, GSAP) 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, store buttons and a phone mockup over an animated gradient background.

About: three phone screens that drift in opposite directions as you scroll (desktop).

Statement: a large sentence that fills in with colour as you scroll.

Features: five cards that stack as you scroll.

Smarter: cards that slide sideways while the section is pinned, with a pointer spotlight on desktop.

How it works: a timeline line that draws down as you scroll.

Trust: stats that roll up digit by digit.

Testimonials: photo, quote and prev/next buttons, plus a draggable thumbnail strip on desktop.

Blogs: a row of article cards with arrows.

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

CTA and footer: the CTA turns blue on hover, and the footer is revealed from underneath (desktop).

"Get Started" opens an enquiry form, and "Download Kyntra App" opens a side panel with a QR code.

Desktop (1280), Tablet (768) and Phone (390) breakpoints, with a full-screen menu on Tablet and Phone.

Every native text layer uses a project text style and colour style.

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

A Read Me page inside the project explains the setup.

Animations respect the visitor's reduced-motion setting.

Fonts: Host Grotesk and 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.

Testimonials, stats and articles are demo content with fictional names, ready for you to replace.

The QR code and store links are placeholders to replace with your own.

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.