diff --git a/frontend/src/pages/index.tsx b/frontend/src/pages/index.tsx
index 76b454b..7abca8e 100644
--- a/frontend/src/pages/index.tsx
+++ b/frontend/src/pages/index.tsx
@@ -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">