From 026cd6e1fe7b94d978d967798d54317316cbfe53 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 10 Apr 2026 02:57:17 +0000
Subject: [PATCH 1/3] Remove Free from homepage Get Started CTA text

Agent-Logs-Url: https://github.com/aleexwong/trainpace/sessions/39e9789e-4b18-411f-96a0-ca4f3950a698

Co-authored-by: aleexwong <65264501+aleexwong@users.noreply.github.com>
---
 vite-project/src/components/layout/Landing.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/vite-project/src/components/layout/Landing.tsx b/vite-project/src/components/layout/Landing.tsx
index 8d46596..ab7da17 100644
--- a/vite-project/src/components/layout/Landing.tsx
+++ b/vite-project/src/components/layout/Landing.tsx
@@ -100,7 +100,7 @@ const Hero = () => {
                 icon={ArrowRight}
                 onClick={() => navigate("/calculator")}
               >
-                Get Started Free
+                Get Started
               </Button>
               <Button variant="secondary" size="lg" onClick={scrollToFeatures}>
                 See How It Works
@@ -814,7 +814,7 @@ const CTA = () => {
             className="bg-white text-emerald-700 font-bold py-4 px-8 rounded-full hover:bg-emerald-50 transition shadow-xl"
             onClick={() => navigate("/calculator")}
           >
-            Get Started Free
+            Get Started
           </button>
           <button
             className="bg-emerald-700 text-white font-semibold py-4 px-8 rounded-full hover:bg-emerald-800 transition border border-emerald-500"

From f02272a22987f0ec84f66cceb40b9b1f31431624 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 10 Apr 2026 03:24:22 +0000
Subject: [PATCH 2/3] feat: update landing page - clickable race mockup, new
 pain point, runner slogan badge

Agent-Logs-Url: https://github.com/aleexwong/trainpace/sessions/517c371d-bf98-4c76-9ceb-dd765f6ac950

Co-authored-by: aleexwong <65264501+aleexwong@users.noreply.github.com>
---
 .../src/components/layout/Landing.tsx         | 27 +++++++++++--------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/vite-project/src/components/layout/Landing.tsx b/vite-project/src/components/layout/Landing.tsx
index ab7da17..5bc6b45 100644
--- a/vite-project/src/components/layout/Landing.tsx
+++ b/vite-project/src/components/layout/Landing.tsx
@@ -80,7 +80,7 @@ const Hero = () => {
             <div className="inline-flex items-center space-x-2 bg-white rounded-full px-4 py-1.5 shadow-sm border border-emerald-100 mb-6">
               <span className="flex h-2 w-2 rounded-full bg-emerald-500"></span>
               <span className="text-sm font-semibold text-emerald-800 tracking-wide uppercase">
-                Free forever for the basics
+                Made for runners by a runner
               </span>
             </div>
             <h1 className="text-4xl lg:text-6xl font-extrabold text-slate-900 tracking-tight leading-[1.1] mb-6">
@@ -121,29 +121,34 @@ const Hero = () => {
 
           {/* Visual / Dashboard Mockup */}
           <div className="relative mx-auto w-full max-w-lg lg:max-w-none">
-            <div className="relative rounded-2xl bg-white shadow-2xl border border-slate-200 overflow-hidden">
+            <div
+              className="relative rounded-2xl bg-white shadow-2xl border border-slate-200 overflow-hidden cursor-pointer hover:shadow-emerald-200 hover:border-emerald-300 transition-all duration-200 group"
+              onClick={() => navigate("/race")}
+              role="link"
+              aria-label="Browse race courses"
+            >
               <div className="bg-slate-50 px-4 py-3 border-b border-slate-200 flex items-center space-x-2">
                 <div className="w-3 h-3 rounded-full bg-red-400"></div>
                 <div className="w-3 h-3 rounded-full bg-yellow-400"></div>
                 <div className="w-3 h-3 rounded-full bg-green-400"></div>
-                <div className="ml-4 text-xs text-slate-400 font-mono">
-                  trainpace.com/dashboard
+                <div className="ml-4 text-xs text-slate-400 font-mono group-hover:text-emerald-600 transition-colors">
+                  trainpace.com/race
                 </div>
               </div>
               <div className="p-6 grid gap-6">
-                {/* Mock UI Elements */}
+                {/* Mock UI Elements - Race page preview */}
                 <div className="flex items-center justify-between border-b border-slate-100 pb-4">
                   <div>
                     <div className="text-sm text-slate-500 font-medium uppercase">
-                      Next Long Run
+                      Race Courses
                     </div>
                     <div className="text-2xl font-bold text-slate-900">
-                      18 Miles{" "}
-                      <span className="text-emerald-600">@ 8:45/mi</span>
+                      Boston Marathon{" "}
+                      <span className="text-orange-500">Rolling Hills</span>
                     </div>
                   </div>
                   <div className="h-10 w-10 bg-emerald-100 rounded-full flex items-center justify-center text-emerald-600">
-                    <Activity size={20} />
+                    <Map size={20} />
                   </div>
                 </div>
 
@@ -261,8 +266,8 @@ const PainPoints = () => {
       solution: "Personalized gel timing and carb calculations.",
     },
     {
-      problem: "Coaches are expensive ($150+/mo).",
-      solution: "TrainPace is 100% free, forever.",
+      problem: "I want to know what pace I should be going per km.",
+      solution: "Get your exact per-km pace zones from any recent race time.",
     },
   ];
 

From 03f722968babef22f24d344ab65c446830ce6984 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 10 Apr 2026 03:25:29 +0000
Subject: [PATCH 3/3] fix: add keyboard accessibility to race mockup link

Agent-Logs-Url: https://github.com/aleexwong/trainpace/sessions/517c371d-bf98-4c76-9ceb-dd765f6ac950

Co-authored-by: aleexwong <65264501+aleexwong@users.noreply.github.com>
---
 vite-project/src/components/layout/Landing.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/vite-project/src/components/layout/Landing.tsx b/vite-project/src/components/layout/Landing.tsx
index 5bc6b45..5834f59 100644
--- a/vite-project/src/components/layout/Landing.tsx
+++ b/vite-project/src/components/layout/Landing.tsx
@@ -124,7 +124,9 @@ const Hero = () => {
             <div
               className="relative rounded-2xl bg-white shadow-2xl border border-slate-200 overflow-hidden cursor-pointer hover:shadow-emerald-200 hover:border-emerald-300 transition-all duration-200 group"
               onClick={() => navigate("/race")}
+              onKeyDown={(e) => (e.key === "Enter" || e.key === " ") && navigate("/race")}
               role="link"
+              tabIndex={0}
               aria-label="Browse race courses"
             >
               <div className="bg-slate-50 px-4 py-3 border-b border-slate-200 flex items-center space-x-2">