Peridot

Peridot is a complete, multi-page website template for AI health, wellness and daily-habit apps — and flexible enough for any mobile app brand.

It comes with three different home pages, each with its own hero — phone stage, bento and centered stage — plus a full set of inner pages: Features, About, Pricing, Blog with CMS, article page, FAQ and 404. Switch between the homes from the Home dropdown in the navigation, publish the one you like, or keep all three.

Every page is designed for desktop and mobile, built with reusable components and tells your story with sticky stacked steps, bento grids, a scroll-linked letter reveal and cards that appear one by one.

10 pages

Home 01, Home 02, Home 03, Features, About, Pricing, Blog, Blog post, FAQ, 404.

Highlights

- 3 complete home pages with different heroes

- Smart navigation: glass on load, compact on scroll, dark over dark sections, hides on scroll down and returns on scroll up

- Home dropdown with previews of all three home pages

- Features page with three-phone hero, bento grid and detailed feature rows

- About page with mission, values, stats and team

- Pricing page with Monthly / Yearly toggle, plans and a full compare table

- Blog and article pages powered by the CMS

- FAQ page with categories, accordion and contact card

- Scroll-linked, letter-by-letter statement reveal

- Staggered appear animations on cards, posts, plans, rows and stats

- Waitlist and newsletter forms with native Framer forms

- Thin-bezel phone mockups with app screens as components

- Reusable components, colour and text styles

- Responsive for desktop and mobile

- 100% native Framer, no code components

Good to know

- All images are AI-generated and included.

- App Store and Google Play buttons point to "#" — add your links.

- Connect the forms to your email tool in the form settings.