Overview
Mentora is a complete website for an AI tutoring or e-learning product. It pairs a confident cobalt-and-lime brand with real interactivity: a live three.js knowledge graph, a sticky phone walkthrough whose screen changes as you scroll, and a course catalogue that generates its own pages.
It is the only multi-page template in the collection — every course in the catalogue gets its own pre-rendered page, so it works as a real product site from day one.
Highlights
- Six pre-rendered course pages
- three.js knowledge graph
- Sticky iPhone walkthrough
- Pricing toggle and filters
Screens
What's included
- Hero with bento stats
- Problem → solution
- Platform bento
- Phone walkthrough
- Course catalogue
- Testimonials
- Pricing
- FAQ
- Video CTA
Pages
| Route | What it is |
|---|---|
/ | The full landing page |
/courses/[slug] | One static page per course, generated from the course list |
/404 | Custom not-found page |
/sitemap.xml, /robots.txt | Generated from the same data |
Getting started
Install dependencies
npm installRun the dev server
npm run dev # http://localhost:5180Build the static site
npm run build # writes the site to out/
Deploying
npm run build produces a plain static site in out/. Upload it to Vercel, Netlify, Cloudflare Pages or any static host — no server required.
License & credits
Demo photos and video are from Pexels and are credited in the README. Testimonials use initials instead of photos. Sign-up and checkout buttons are front-end only — connect them to your own auth and payment provider.