Growth Agency template
A website for a growth marketing agency, with giant condensed type, generative art, and case studies that stack as you scroll.
Scroll inside the frames to see the whole page.
What's inside
- Every word, link, plan, and quote comes from one file, config/site.ts.
- A hero word that fills the page width at every screen size, with letters that rise in and a slowly drifting gradient.
- Seeded generative art in place of photos: color fields with grain, light streaks, poster shapes, and ripples, so there are no images to license.
- Process cards that widen on hover or focus, and four case studies that stack on top of each other as you scroll.
- Counters, floating testimonials, a monthly and yearly pricing toggle, and an FAQ with keyboard-friendly topic tabs.
- Light and dark mode, a mobile menu, corners set by one radius token, and reduced motion respected everywhere.
Sections
- Hero
- Clients
- Process
- Principles
- Services
- Selected work
- Numbers
- Testimonials
- Pricing
- FAQ
- Journal
- Call to action
- Footer
Built with
- Next.js 16
- React 19
- Tailwind CSS 4
- Motion
- TypeScript
Get started
- 1
Buy and unzip
Pay once and you get a zip with a cortexcn-growth-agency folder and the whole project inside.
- 2
Install and run it
Use pnpm, npm, or any package manager you like.
cd cortexcn-growth-agencypnpm installpnpm dev - 3
Make it yours
Put your studio name, copy, clients, plans, and quotes in config/site.ts, swap the mark in components/logo.tsx, and change the accent, highlight, and art colors in app/globals.css.
- 4
Deploy
Push the folder to GitHub and import it on Vercel. No environment variables are needed.
$99 once, with updates. Use it for as many sites as you like, for yourself or your clients, and change anything. Please don't resell or share the template itself. Every template is also included in the Ultra plan ($449).