Tune coaching landing hero scale
This commit is contained in:
parent
9fb010bc3b
commit
8256123655
@ -73,10 +73,10 @@ export default function Starter() {
|
||||
</Head>
|
||||
|
||||
<main className={`min-h-screen ${ui.page}`}>
|
||||
<div className={`${ui.banner} px-5 py-5 text-center text-lg`}>
|
||||
<div className={`${ui.banner} px-5 py-4 text-center text-lg`}>
|
||||
<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">
|
||||
<p className="mt-2 text-xl font-medium md:text-2xl">AI is not a coach. Keep the real relationship at the center.</p>
|
||||
<p className="mt-2 text-base text-white/90 md:text-lg">
|
||||
Launch a modern coaching workspace.
|
||||
<Link href="/login/" className="ml-2 font-semibold underline decoration-white underline-offset-4">
|
||||
Open workspace
|
||||
@ -107,24 +107,24 @@ export default function Starter() {
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<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 ${ui.overline}`}>For leadership and executive coaches</p>
|
||||
<h1 className={`${ui.heading} text-6xl leading-[1.12] md:text-7xl xl:text-[6.7rem]`}>
|
||||
<section className="mx-auto max-w-7xl px-5 pb-16 pt-7 text-center lg:px-8">
|
||||
<div className="mx-auto max-w-4xl">
|
||||
<p className={`mb-6 ${ui.overline}`}>For leadership and executive coaches</p>
|
||||
<h1 className={`${ui.heading} text-5xl leading-[1.08] md:text-6xl xl:text-[5.4rem]`}>
|
||||
What happens when your best coaching{' '}
|
||||
<span className={ui.accent}>keeps going.</span>
|
||||
</h1>
|
||||
<p className={`mx-auto mt-9 max-w-3xl text-2xl leading-10 ${ui.muted}`}>
|
||||
<p className={`mx-auto mt-7 max-w-3xl text-xl leading-8 md:text-2xl md:leading-9 ${ui.muted}`}>
|
||||
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-12 flex justify-center">
|
||||
<div className="mt-9 flex justify-center">
|
||||
<Link href="/register/" className={`rounded-full px-10 py-5 text-lg font-semibold ${ui.button}`}>
|
||||
Join waitlist
|
||||
</Link>
|
||||
</div>
|
||||
<p className={`mt-6 text-lg ${ui.muted}`}>$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 ${ui.muted}`}>
|
||||
<p className={`mt-5 text-lg ${ui.muted}`}>$14/client/month. Everything included.</p>
|
||||
<div className={`mx-auto mt-7 flex max-w-3xl flex-wrap justify-center gap-x-9 gap-y-4 text-lg ${ui.muted}`}>
|
||||
{trustItems.map((item) => (
|
||||
<span key={item} className="flex items-center gap-2">
|
||||
<span className={ui.accent}>✦</span>
|
||||
@ -134,7 +134,7 @@ export default function Starter() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="relative mx-auto mt-16 max-w-4xl">
|
||||
<div className="relative mx-auto mt-12 max-w-4xl">
|
||||
<div className="absolute -inset-12 rounded-full bg-[#35b7a5]/10 blur-3xl" />
|
||||
<div className={`relative rounded-[2rem] border p-4 shadow-[0_24px_80px_rgba(31,31,50,0.10)] ${ui.border} ${ui.surface}`}>
|
||||
<div className={`rounded-[1.5rem] p-4 ${ui.darkPanel}`}>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user