Hero Section✦ Figma File Included✦ Figma Included

Nadir & Zenith Architecture Hero

Minimalist luxury architectural showcase hero with interactive 3D cursor-reactive parallax tilt card and synchronized case study transitions.

Free

Download Free (.zip)↗Live Demo ↗

Includes matching standalone .fig design file

Interactive Motion ShowcaseNext.js, GSAP, Tailwind v4

About this component

A showcase landing page hero section designed for architectural studios and high-end design practices. Features centered case study cards bound to cursor physics with a tangible 3D parallax tilt effect, seamless z-indexed image crossfades, and dynamic typography transitions.

Features

✓100% Free for personal and commercial projects
✓Interactive 3D parallax tilt card bound to cursor physics with GSAP
✓Synchronized 9-case-study slideshow with seamless z-indexed crossfades
✓Dynamic overlay title transitions and animated header logo reveal

Technologies

Next.jsGSAPTailwind v4

What is included

•Figma source design file (.fig) included
•Complete Next.js TypeScript hero component package
•Custom typography setup, assets, and GSAP animation config
•MIT commercial license