Vertix — Corporate Advisory Next JS Template
A motion-rich corporate advisory website template for Next.js with scroll-driven animations, blog and case studies.
About this template
Vertix Advisory is a polished, motion-rich website template for a corporate advisory, consulting or finance firm. Built with Next.js 16 (App Router), React 19, Tailwind CSS v4 and GSAP, with server components by default and small client islands only where motion needs them.
What's inside
- 8 page types: Home, About, Insights (blog), Insight details, Case Studies, Case Study details, Contact and 404
- Markdown content: every insight and case study is one
.mdfile — drop a file indata/blog/ordata/case-studies/and it is statically generated, with the list, filters, related posts and navigation updated automatically - Home sections: hero with looping video, statement with letter-by-letter reveal, client logo wall, pinned orbit section, stacked capability cards, process, testimonial slider, FAQ accordion, article teasers
- Motion: masked text reveals, smooth scrolling, hide-on-scroll navbar, hover-reveal cards, category tabs with a sliding pill, ticker with drag-to-scrub
- Reusable animation wrappers:
<Reveal>,<LinesReveal>,<Appear>and<BannerReveal>animate whatever you wrap - Details done: responsive layouts for desktop, tablet and phone, reduced-motion support, per-page metadata and Open Graph image,
next/imageand Google Fonts
Easy to customise
Content lives in data/*.ts and Markdown files, design tokens in styles/, one component per file with typed props. A README in the package explains each section, the images table and how to change them.
Good to know
- Photos and videos in the package are placeholders with the same names and sizes as the demo — replace them with your own
- The contact and consultation forms are front-end only (no backend included)
- Runs on Vercel, Netlify or any Node host; set your domain in
utils/generateMetaData.ts - GSAP is free for commercial use under the GSAP standard license