shadcn/ui Agency Pro template.
ProPro design studio template: a hamburger that morphs into a full-viewport nav, a cinematic Ken Burns photo hero, and a scroll-revealed project mosaic.
Pro design studio template: a hamburger that morphs into a full-viewport nav, a cinematic Ken Burns photo hero, and a scroll-revealed project mosaic.
Add this template as editable React and Tailwind source. The shadcn CLI installs the components and packages below for you. Pro installs need a license key and the Pro registry setup.
pnpm dlx shadcn@latest add @7ovr-pro/agency-pro- Components6
- AvatarButtonDialogSeparatorSonnerUtils
- Packages1
- Motion
About this template
Premium design studio landing page template built on Pro blocks: a hamburger that morphs into a full-viewport nav overlay, a cinematic Ken Burns photo hero, a scroll-revealed project mosaic, a capability grid beside tilted studio photos, a four-node process rail that draws in, a hover-reveal portrait mosaic, bracketed client quotes, and a footer opening on a call to action band. Built with React, Tailwind CSS, and shadcn/ui, for Next.js, Vite or any React app. Install the whole page with one command, then own and edit every line.
What's inside8
Built on 8 Pro 7Ovr blocks, tweaked to work as one page and shipped with the template. Each one also stands alone, so you can preview the original block below.
- Full Screen Overlay MenuMinimal header whose hamburger morphs into an X and opens a full-viewport overlay of oversized navigation links that stagger in with a blur reveal.
header-11Pro - Full-Bleed Photo HeroCinematic full-bleed background photo hero with a slow Ken Burns zoom, gradient scrims, an eyebrow, and dual on-image CTAs, always dark in both themes.
hero-8Pro - Editorial Split MosaicGallery split with editorial copy and calls to action on the left beside a scroll-revealed asymmetric image mosaic on the right.
gallery-7Pro - Capabilities List With PhotosAgency capabilities list covering strategy, design, and engineering, beside two tilted grayscale office photos that straighten and gain color on hover.
about-11Pro - Connected Journey TimelineHow it works journey whose connector line draws across four numbered nodes as they blur rise into view, horizontal on desktop and vertical on mobile.
how-it-works-6Pro - Portrait Mosaic With BiosMosaic of mixed-size full-bleed grayscale team portraits with name and role overlays that turn colored and reveal a bio on hover.
team-7Pro - Bracketed Staggered TrioThree vertically staggered testimonial quote cards with corner brackets and an oversized quote glyph, rising into view on scroll.
testimonials-10Pro - CTA Band With Corner NetFooter opening with a call to action band over a masked corner grid motif, above brand and nav columns and a live status bar.
footer-12Pro