Consultancy
A landing page for a consultancy or a one-person studio: what you do, one case study, how a project runs and a way to get in touch.
npx shadcn add @klarhimmel/template-consultancy
Install
npx shadcn add @klarhimmel/template-consultancyThe page
8 sections, in order
Each section is one block with this template's own copy. The anchor is the id in-page links point at.
| Anchor | Block | Content |
|---|---|---|
#top | header/centered | Northlight Studio |
#hero | hero/minimal | We design calm software for busy teams |
#services | features/list | Less coordination, more finished work |
#story | case-study/before-after | From a week of reporting to an afternoon |
#process | steps/timeline | How a project runs, week by week |
#proof | testimonials/quote | We used to spend Mondays working out where everything stood. |
#contact | contact/form | Tell us what you are working on |
#footer | footer/simple | Northlight |
Install
CLI
npx shadcn add @klarhimmel/template-consultancypnpm
pnpm dlx shadcn@latest add @klarhimmel/template-consultancy- Klarhimmel
- Geist / Geist
- radius 8
- Needs
- React 19, Tailwind CSS v4 and the theme import. The page and every block it uses land under components/klarhimmel/.
Before you ship
Wire these before shipping
The template is a finished page with placeholder wiring. These are yours to connect.
Links
`#section` links jump within the page. Links to https://example.com are placeholders: point them at your own pages.
Images
The illustrations ship with the template (public/klarhimmel/art/consultancy/). They are artwork, not photographs: replace the `media.src` values with your own.
Forms
Set `action` on the contact form (it is `/replace-with-your-endpoint` now). With `method: 'post'` the form submits natively, with no JavaScript. The live demo never submits.
Style
Uses the default Klarhimmel palette, Geist fonts, radius and spacing. Import theme.css after Tailwind.