Coaching and consulting

Programs, packages, methods, discovery calls and results.

2 components · 10 variants

Switch category

coaching

Coaching

For coaches and mentors. Programmes with monthly payment, the journey through the weeks, a free discovery call, client results with numbers before and after and an honest fit check.

Programmes
Journey
Discovery call
Client results
Fit check

Props and details

Programmes

Programme cards with length, sessions and what is included. A gliding switch shows monthly payments, the price glides to its new value. The main programme has a light running round its edge.

Open in Studio

Installv1.0.0

aiw add @ai-website/coaching

Brings along utils, kit, button, icon, motion, section

Usage

<Coaching variant="programs" programs={[{ id, kind, title, length, sessions, price, months, includes, featured }]} />

Source

Journey

The phases of a programme on a line that fills while scrolling. The phase in the middle of the screen lights up, every one says what exists at its end.

Open in Studio

Installv1.0.0

aiw add @ai-website/coaching

Brings along utils, kit, button, icon, motion, section

Usage

<Coaching variant="journey" phases={[{ id, weeks, title, text, outcome, icon }]} />

Source

Discovery call

A free first call. Pick one of the next working days, then a time, taken slots stay visible. Two short questions appear, the chosen time follows along beside them.

Open in Studio

Installv1.0.0

aiw add @ai-website/coaching

Brings along utils, kit, button, icon, motion, section

Usage

<Coaching variant="discovery-call" coach={{ name, role, photo }} slots={["09:00", "10:30"]} minutes={30} onBook={(data) => …} />

Source

Client results

Clients with one number before and after. The new number counts up from the old one, two bars compare them, the change sits beside it. A gliding filter by goal.

Open in Studio

Installv1.0.0

aiw add @ai-website/coaching

Brings along utils, kit, button, icon, motion, section

Usage

<Coaching variant="results" results={[{ id, name, role, goal, metric, before, after, unit, time, quote, avatar }]} />

Source

Fit check

Who it is for and who not, side by side. Then four yes or no questions, one at a time, a ring fills, and an honest answer with the next step at the end.

Open in Studio

Installv1.0.0

aiw add @ai-website/coaching

Brings along utils, kit, button, icon, motion, section

Usage

<Coaching variant="fit-check" forYou={["…"]} notForYou={["…"]} questions={["…"]} callHref="#call" />

Source

consulting

Consulting

For consultants and small advisory firms. Packages that open with deliverables, the method as a ring, an effort estimator, references with numbers and a brief in three steps.

Packages
Method
Effort estimator
References
Brief

Props and details

Packages

Fixed packages as rows with scope, length and price from. One opens at a time with deliverables and the right fit, a bar grows along its edge.

Open in Studio

Installv1.0.0

aiw add @ai-website/consulting

Brings along utils, kit, button, icon, motion, section

Usage

<Consulting variant="packages" packages={[{ id, title, summary, length, price, deliverables, fit, icon }]} />

Source

Method

The phases on a ring, the arc fills up to the chosen phase, an inner line keeps running. Each phase opens with activities and its result, arrows and arrow keys move through.

Open in Studio

Installv1.0.0

aiw add @ai-website/consulting

Brings along utils, kit, button, icon, motion, section

Usage

<Consulting variant="method" phases={[{ id, title, text, activities, result, icon }]} />

Source

Effort estimator

A few sliders about the project give the consulting days and a price range. Days fill a bar of blocks, numbers glide, a light runs round the result.

Open in Studio

Installv1.0.0

aiw add @ai-website/consulting

Brings along utils, kit, button, icon, motion, section

Usage

<Consulting variant="estimator" factors={[{ id, label, min, max, step, value, days, unit }]} baseDays={4} dayRate={1400} />

Source

References

One client at a time behind logo tabs. Challenge, approach and result side by side, the numbers count up, a quote from the client beside them.

Open in Studio

Installv1.0.0

aiw add @ai-website/consulting

Brings along utils, kit, button, icon, motion, section

Usage

<Consulting variant="references" references={[{ id, client, industry, logo, challenge, approach, result, numbers, quote }]} />

Source

Brief

A brief in three steps, topic, situation and contact. A progress line fills, every step slides in from its side, a summary before sending.

Open in Studio

Installv1.0.0

aiw add @ai-website/consulting

Brings along utils, kit, button, icon, motion, section

Usage

<Consulting variant="brief" topics={["Strategy", "Organisation"]} onSubmit={(data) => …} />

Source

Similar components

More from Industries, the same area of the kit.

Often combined with

Sections that usually sit next to Coaching and consulting on a page.

Programmes

Journey

Discovery call

Client results

Fit check

Packages

Method

Effort estimator

References

Brief

Similar components, Often combined with

Similar components

Often combined with