Feature Highlights
An eight-stage scroll story from first sketch to finished building
- Cinematic hero built around the line "From Vision to Built Reality"
- Eight-stage scroll journey that follows a project from planning to handover
- Scroll reveals built on IntersectionObserver and requestAnimationFrame
- All motion respects prefers-reduced-motion in both CSS and JavaScript
Stack
- Next.js 16: App Router with generated metadata, sitemap, robots and manifest.
- React 19: Components for the scroll journey, project filter and carousels.
- TypeScript: Typed company, service and project data.
- Tailwind CSS 4: Utility styling on top of a custom token system.
- EmailJS: Contact form delivery straight from the browser.
- schema.org JSON-LD: Structured data for the firm, its services and pages.
- Vercel: Production hosting.
Use Cases
- Architecture and engineering firms that need to show long experience and a wide service range
- Professional services firms competing in local search
- Turning a long delivery process into a story visitors scroll through
- Small teams that want a site they can update by editing data files
How to Use
- Visit mantissadesign.com.
- Scroll the homepage journey from planning to handover.
- Open Services to see the eight service lines.
- Browse Projects and filter by category.
- Send an enquiry from Contact.
