Trek Agency template
A website for a guided hiking company, with editorial serif type, trek cards, and painted mountain scenes.
Scroll inside the frames to see the whole page.
What's inside
- Every word, link, trek, guide, and quote comes from one file, config/site.ts.
- Terrain buttons in the hero that switch the landscape behind the headline.
- Landscapes painted in SVG from seeded scenes in place of photos, so there are no images to license.
- Trek cards with terrain filters, a gallery, guide cards, and stats that count up.
- An enquiry form in the closing section, and an FAQ accordion.
- Light and dark mode, a mobile menu, corners set by one radius token, and reduced motion respected everywhere.
Sections
- Hero
- About
- Treks
- What's included
- Gallery
- Guides
- How it works
- Reviews
- Journal
- FAQ
- 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-trek-agency folder and the whole project inside.
- 2
Install and run it
Use pnpm, npm, or any package manager you like.
cd cortexcn-trek-agencypnpm installpnpm dev - 3
Make it yours
Put your company name, treks, guides, and quotes in config/site.ts, swap the mark in components/logo.tsx, and change the colors and radius 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).