Components/GretTech/Proof Hero

Proof Hero

A centred hero ringed by drifting customer quotes over a grid of flickering squares that brightens around the cursor and falls quiet behind the title.

View Installation Guide

Hero Landing Marketing

Ana Ribeiro

Our no-shows dropped in the first month.

Sam Carter

Clients book themselves now. Bliss.

Meera Iyer

Reminders go out without me lifting a finger.

John Mathews

Set up in an afternoon, no training needed.

Jane Okafor

Our calendar is finally in one place.

Ravi Menon

Payments at booking changed everything.

Fieldwork for clinics, salons and studios

The booking page your customers actually finish

Fieldwork turns phone calls and DMs into confirmed appointments, with reminders that cut no-shows.

Start free See a demo

Installation

Full Setup guide

Install the component automatically via Shadcn CLI.

npx shadcn@latest add https://www.grettech.com/api/registry/proof-hero

Props

Prop	Type	Default	Description
title*	React.ReactNode	-	The main headline.
eyebrow	string	-	Small line above the title.
description	string	-	Supporting text under the title.
quotes	ProofQuote[]	[]	Up to six quotes, placed around the edges from the top left.
children	React.ReactNode	-	Calls to action or a form, below the description.
drift	boolean	true	Let the quote cards float gently.
flicker	boolean	true	Flickering grid of squares behind everything.
flickerColor	string	-	Colour of the squares; defaults to the text colour, so it follows the theme.
className	string	-	Extra classes for the section.

PreviousShowcase Hero

Next Particle Morph Text