Tune coaching landing hero scale

This commit is contained in:
Flatlogic Bot 2026-06-09 11:42:37 +00:00
parent 9fb010bc3b
commit 8256123655

View File

@ -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}`}>