Align coaching landing hero with reference
This commit is contained in:
Flatlogic Bot
parent
93bfc4732f
commit
b55c4cdb40
@ -5,7 +5,7 @@ import Link from 'next/link';
|
||||
import LayoutGuest from '../layouts/Guest';
|
||||
import { getPageTitle } from '../config';
|
||||
|
||||
const trustItems = ['Coach-reviewed AI', 'Private client records', 'Session memory', 'Client portal'];
|
||||
const trustItems = ['Coach-reviewed AI', 'Private client records', 'Built for coaching'];
|
||||
|
||||
const stats = [
|
||||
['30 min', 'saved after every session with structured notes and follow-up drafts'],
|
||||
@ -44,77 +44,81 @@ export default function Starter() {
|
||||
<title>{getPageTitle('Coaching Workspace')}</title>
|
||||
</Head>
|
||||
|
||||
<main className="min-h-screen bg-[#f3eddf] text-[#17130d]">
|
||||
<div className="border-b border-[#2e2417]/10 bg-[#17130d] px-5 py-2 text-center text-sm text-[#f6ead5]">
|
||||
Built for coaches who want the session to keep working after the call ends.
|
||||
<Link href="/login/" className="ml-2 font-semibold underline decoration-[#f3b35c] underline-offset-4">
|
||||
<main className="min-h-screen bg-[#fffdf9] text-[#19192d]">
|
||||
<div className="bg-gradient-to-r from-[#35b7a5] via-[#97b879] to-[#c38a25] px-5 py-5 text-center text-lg text-white">
|
||||
<p className="text-xs font-bold uppercase tracking-[0.34em]">Still human</p>
|
||||
<p className="mt-2 text-2xl font-medium">AI is not a coach. Keep the real relationship at the center.</p>
|
||||
<p className="mt-3 text-lg text-white/90">
|
||||
Launch a modern coaching workspace.
|
||||
<Link href="/login/" className="ml-2 font-semibold underline decoration-white underline-offset-4">
|
||||
Open workspace
|
||||
</Link>
|
||||
</Link>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<header className="sticky top-0 z-20 border-b border-[#2e2417]/10 bg-[#f3eddf]/90 px-5 py-4 backdrop-blur">
|
||||
<div className="mx-auto flex max-w-7xl items-center justify-between gap-5">
|
||||
<Link href="/" className="text-lg font-semibold tracking-tight">
|
||||
Coaching SaaS Workspace
|
||||
<header className="relative z-20 px-5 pt-7">
|
||||
<div className="mx-auto flex max-w-6xl items-center justify-between gap-5 rounded-full bg-white px-7 py-5 shadow-[0_18px_60px_rgba(31,31,50,0.08)] ring-1 ring-[#19192d]/5">
|
||||
<Link href="/" className="flex items-center gap-3 text-lg font-semibold tracking-tight">
|
||||
<span className="flex h-11 w-11 items-center justify-center rounded-2xl bg-[#fff5e7] text-2xl font-black text-[#37ad9f]">
|
||||
C
|
||||
</span>
|
||||
<span className="sr-only">Coaching SaaS Workspace</span>
|
||||
</Link>
|
||||
<nav className="hidden items-center gap-7 text-sm font-medium text-[#5c5143] md:flex">
|
||||
<nav className="hidden items-center gap-8 text-lg font-medium text-[#25263d] md:flex">
|
||||
<a href="#how-it-works">How it works</a>
|
||||
<a href="#session-memory">Session memory</a>
|
||||
<a href="#coachee">Coachee</a>
|
||||
<a href="#pricing">Pricing</a>
|
||||
<a href="#session-memory">Compare</a>
|
||||
<a href="#trust">Trust</a>
|
||||
<a href="#events">Events</a>
|
||||
<a href="#pricing">Packages</a>
|
||||
</nav>
|
||||
<div className="flex items-center gap-3">
|
||||
<Link href="/login/" className="hidden text-sm font-semibold text-[#17130d] sm:block">
|
||||
Login
|
||||
</Link>
|
||||
<Link
|
||||
href="/register/"
|
||||
className="rounded-full bg-[#17130d] px-5 py-2 text-sm font-semibold text-[#fff7ec] transition hover:bg-[#2c2419]"
|
||||
className="rounded-full bg-gradient-to-r from-[#36b39f] to-[#b98624] px-7 py-3 text-base font-semibold text-white shadow-[0_12px_35px_rgba(54,179,159,0.25)] transition hover:brightness-105"
|
||||
>
|
||||
Start free
|
||||
Join waitlist
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section className="mx-auto grid max-w-7xl grid-cols-1 gap-12 px-5 py-16 lg:grid-cols-[0.95fr_1.05fr] lg:px-8 lg:py-24">
|
||||
<div className="flex flex-col justify-center">
|
||||
<p className="mb-6 w-fit rounded-full border border-[#2e2417]/15 bg-[#fff8ec] px-4 py-2 text-xs font-semibold uppercase tracking-[0.18em] text-[#8d6125]">
|
||||
For executive and leadership coaches
|
||||
<section className="mx-auto max-w-7xl px-5 pb-20 pt-8 text-center lg:px-8">
|
||||
<div className="mx-auto max-w-5xl">
|
||||
<p className="mb-8 text-sm font-bold uppercase tracking-[0.28em] text-[#b17a1e]">
|
||||
For leadership and executive coaches
|
||||
</p>
|
||||
<h1 className="max-w-4xl font-serif text-6xl font-semibold leading-[0.95] tracking-tight text-[#17130d] md:text-7xl xl:text-8xl">
|
||||
Coaching that keeps going between sessions.
|
||||
<h1 className="font-serif text-6xl font-semibold leading-[1.12] tracking-tight text-[#19192d] md:text-7xl xl:text-[6.7rem]">
|
||||
What happens when your best coaching{' '}
|
||||
<span className="text-[#35b7a5]">keeps going.</span>
|
||||
</h1>
|
||||
<p className="mt-7 max-w-2xl text-xl leading-9 text-[#5c5143]">
|
||||
Turn raw session notes into client memory, prep briefs, commitments, and a private portal
|
||||
that reflects how you actually coach.
|
||||
<p className="mx-auto mt-9 max-w-3xl text-2xl leading-10 text-[#72798a]">
|
||||
Show up fully present. No note-taking. No admin. Your workspace captures what makes
|
||||
your coaching yours, so clients stay connected to the work between sessions.
|
||||
</p>
|
||||
<div className="mt-9 flex flex-col gap-3 sm:flex-row">
|
||||
<div className="mt-12 flex justify-center">
|
||||
<Link
|
||||
href="/register/"
|
||||
className="rounded-full bg-[#17130d] px-7 py-4 text-center font-semibold text-[#fff7ec] transition hover:bg-[#2c2419]"
|
||||
className="rounded-full bg-gradient-to-r from-[#36b39f] to-[#b98624] px-10 py-5 text-lg font-semibold text-white shadow-[0_18px_45px_rgba(54,179,159,0.24)] transition hover:brightness-105"
|
||||
>
|
||||
Create workspace
|
||||
Join waitlist
|
||||
</Link>
|
||||
<a
|
||||
href="#session-memory"
|
||||
className="rounded-full border border-[#2e2417]/20 bg-[#fff8ec] px-7 py-4 text-center font-semibold text-[#17130d] transition hover:border-[#17130d]"
|
||||
>
|
||||
See session flow
|
||||
</a>
|
||||
</div>
|
||||
<div className="mt-8 flex flex-wrap gap-3 text-sm text-[#5c5143]">
|
||||
<p className="mt-6 text-lg text-[#5f6575]">$14/client/month. Everything included.</p>
|
||||
<div className="mx-auto mt-10 flex max-w-3xl flex-wrap justify-center gap-x-9 gap-y-4 text-lg text-[#72798a]">
|
||||
{trustItems.map((item) => (
|
||||
<span key={item} className="rounded-full border border-[#2e2417]/10 bg-[#fff8ec] px-4 py-2">
|
||||
<span key={item} className="flex items-center gap-2">
|
||||
<span className="text-[#35b7a5]">✦</span>
|
||||
{item}
|
||||
</span>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="relative">
|
||||
<div className="absolute -left-5 top-8 hidden h-28 w-28 rounded-full bg-[#f3b35c]/50 blur-3xl lg:block" />
|
||||
<div className="relative rounded-[2rem] border border-[#2e2417]/15 bg-[#fff8ec] p-4 shadow-[0_30px_90px_rgba(46,36,23,0.16)]">
|
||||
<div className="relative mx-auto mt-16 max-w-4xl">
|
||||
<div className="absolute -inset-12 rounded-full bg-[#35b7a5]/10 blur-3xl" />
|
||||
<div className="relative rounded-[2rem] border border-[#19192d]/10 bg-white p-4 shadow-[0_24px_80px_rgba(31,31,50,0.10)]">
|
||||
<div className="rounded-[1.5rem] bg-[#17130d] p-4 text-[#fff7ec]">
|
||||
<div className="mb-4 flex items-center justify-between">
|
||||
<div>
|
||||
@ -159,7 +163,7 @@ export default function Starter() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="absolute -bottom-8 right-8 hidden w-80 rounded-3xl border border-[#2e2417]/10 bg-white p-5 shadow-[0_22px_60px_rgba(46,36,23,0.18)] lg:block">
|
||||
<div className="absolute -bottom-8 right-8 hidden w-80 rounded-3xl border border-[#19192d]/10 bg-white p-5 text-left shadow-[0_22px_60px_rgba(31,31,50,0.14)] lg:block">
|
||||
<p className="text-xs font-semibold uppercase tracking-[0.16em] text-[#8d6125]">Client message</p>
|
||||
<p className="mt-3 leading-7 text-[#5c5143]">
|
||||
“The board conversation went better than expected. I led with the narrative instead of defending the roadmap.”
|
||||
@ -172,7 +176,7 @@ export default function Starter() {
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="border-y border-[#2e2417]/10 bg-[#fff8ec] px-5 py-10">
|
||||
<section className="border-y border-[#19192d]/10 bg-[#fbf8f1] px-5 py-10">
|
||||
<div className="mx-auto grid max-w-7xl grid-cols-1 gap-6 md:grid-cols-3">
|
||||
{stats.map(([value, label]) => (
|
||||
<div key={value} className="border-l border-[#2e2417]/15 pl-5">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user