From 8256123655ab09c438133ef7011fa8bfdf71e7f3 Mon Sep 17 00:00:00 2001
From: Flatlogic Bot <support@flatlogic.com>
Date: Tue, 9 Jun 2026 11:42:37 +0000
Subject: [PATCH] Tune coaching landing hero scale

---
 frontend/src/pages/index.tsx | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/frontend/src/pages/index.tsx b/frontend/src/pages/index.tsx
index 72b2d21..a7da881 100644
--- a/frontend/src/pages/index.tsx
+++ b/frontend/src/pages/index.tsx
@@ -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}`}>