From c1a6539af36f7f5ae5b87d368e68ab773e65c4ba Mon Sep 17 00:00:00 2001
From: Flea Flicker <flea-flicker@groombook>
Date: Tue, 26 May 2026 11:48:41 +0000
Subject: [PATCH 1/2] feat(GRO-1791): add Book Now CTA to landing page hero and
 navigation

- Add "Book an Appointment" as first CTA button in hero section, linking
  to https://groombook.dev/admin/book
- Add "Book Now" to footer navigation links
- Add "Book an Appointment" quick-link to getting-started page
- Preserve all existing CTAs (Try Demo, Get Started, View on GitHub)

cc @cpfarhood

Co-Authored-By: Paperclip <noreply@paperclip.ing>
---
 getting-started/index.html | 1 +
 index.html                 | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/getting-started/index.html b/getting-started/index.html
index 83c9be9..f4e6b96 100644
--- a/getting-started/index.html
+++ b/getting-started/index.html
@@ -109,6 +109,7 @@
   <h2>Quick Links</h2>
 
   <ul>
+    <li><a href="https://groombook.dev/admin/book">Book an Appointment →</a></li>
     <li><a href="https://github.com/groombook/groombook">GitHub Repository</a></li>
     <li><a href="https://github.com/groombook/groombook/issues">Report an Issue</a></li>
     <li><a href="https://discord.gg/groombook">Join Our Discord</a></li>
diff --git a/index.html b/index.html
index cd6c97c..df77d9e 100644
--- a/index.html
+++ b/index.html
@@ -99,6 +99,7 @@
       <p class="tagline">Stop missing client calls. Book 24/7, groom all day.</p>
       <p>Built for solo groomers and small teams who want to own their schedule and their data. Clients book themselves 24/7. You groom. Automated reminders, detailed pet profiles, and mobile-first tools mean more time grooming, less time on admin.</p>
       <div class="cta-buttons">
+        <a href="https://groombook.dev/admin/book" class="btn-primary">Book an Appointment →</a>
         <a href="https://groombook.farh.net" class="btn-demo">Try the Demo →</a>
         <a href="https://github.com/groombook/groombook" class="btn-primary">View on GitHub</a>
         <a href="getting-started/" class="btn-secondary">Get Started</a>
@@ -340,6 +341,7 @@
       <p><strong>GroomBook</strong> — Open source scheduling and client management for independent pet groomers.</p>
       <p style="color: #999; font-size: 0.9rem; margin-top: 8px;">AGPL-3.0 License — You own this software, fully.</p>
       <div class="footer-links">
+        <a href="https://groombook.dev/admin/book">Book Now</a>
         <a href="https://github.com/groombook/groombook">GitHub</a>
         <a href="https://github.com/groombook/groombook/issues">Issues</a>
         <a href="https://discord.gg/groombook">Discord</a>
-- 
2.52.0


From f67470581e9e8e7e93b7eee7bbb5fbf5400b7327 Mon Sep 17 00:00:00 2001
From: Flea Flicker <flea-flicker@groombook>
Date: Tue, 26 May 2026 11:50:09 +0000
Subject: [PATCH 2/2] =?UTF-8?q?docs(GRO-1791):=20add=20TC-3.1=E2=80=93TC-3?=
 =?UTF-8?q?.5=20to=20UAT=5FPLAYBOOK=20for=20self-booking=20CTA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added test cases covering:
- Hero "Book an Appointment" button visibility and order
- All 4 hero CTA buttons present
- Mobile responsiveness at 375px width
- Footer "Book Now" link navigation
- Getting-started page booking CTA

Also fixed repo URL from github.com/site to git.farh.net/groombook/groombook.dev.

cc @cpfarhood

Co-Authored-By: Paperclip <noreply@paperclip.ing>
---
 UAT_PLAYBOOK.md | 51 +++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 49 insertions(+), 2 deletions(-)

diff --git a/UAT_PLAYBOOK.md b/UAT_PLAYBOOK.md
index f8d10dc..b47c2f8 100644
--- a/UAT_PLAYBOOK.md
+++ b/UAT_PLAYBOOK.md
@@ -2,8 +2,8 @@
 
 ## Test Environment
 - **URL:** https://groombook.farh.net (demo)
-- **Repository:** https://github.com/groombook/site
-- **Last Updated:** 2026-05-12
+- **Repository:** https://git.farh.net/groombook/groombook.dev
+- **Last Updated:** 2026-05-26
 
 ---
 
@@ -93,6 +93,52 @@ Verify homepage copy aligns with Path C strategy (solo/small operator focus) wit
 
 ---
 
+## 3. Self-Booking CTA (GRO-1791)
+
+### Purpose
+Verify "Book an Appointment" is the primary CTA in the hero section, "Book Now" appears in navigation, and all CTAs are present and mobile-responsive.
+
+### Pre-Conditions
+- Homepage loads successfully
+- User is not logged in
+
+### Test Cases
+
+#### TC-3.1: Hero CTA - Book an Appointment
+| Step | Action | Expected Result |
+|------|--------|-----------------|
+| 1 | Navigate to homepage | Page loads without errors |
+| 2 | Locate hero CTA buttons | "Book an Appointment →" is the first button in the hero CTA group |
+| 3 | Click "Book an Appointment →" button | Navigates to https://groombook.dev/admin/book (the 4-step booking wizard) |
+
+#### TC-3.2: Hero CTA - All Buttons Present
+| Step | Action | Expected Result |
+|------|--------|-----------------|
+| 1 | Locate hero CTA buttons | All 4 buttons present: "Book an Appointment", "Try the Demo", "View on GitHub", "Get Started" |
+| 2 | Verify button order | "Book an Appointment" is first |
+
+#### TC-3.3: Mobile Responsiveness - Hero CTA (375px)
+| Step | Action | Expected Result |
+|------|--------|-----------------|
+| 1 | Resize browser to 375px width | Page is responsive |
+| 2 | Locate hero CTA buttons | "Book an Appointment" button is visible and properly sized |
+| 3 | Verify flex-wrap | CTA buttons wrap gracefully on small screens |
+
+#### TC-3.4: Footer Navigation - Book Now
+| Step | Action | Expected Result |
+|------|--------|-----------------|
+| 1 | Scroll to footer | "Book Now" appears in footer navigation links |
+| 2 | Click "Book Now" link | Navigates to https://groombook.dev/admin/book |
+
+#### TC-3.5: Getting Started Page - Booking CTA
+| Step | Action | Expected Result |
+|------|--------|-----------------|
+| 1 | Navigate to getting-started page | Page loads |
+| 2 | Locate "Book an Appointment" link | "Book an Appointment →" link present in Quick Links section |
+| 3 | Click "Book an Appointment →" link | Navigates to https://groombook.dev/admin/book |
+
+---
+
 ## Pass/Fail Criteria
 
 - **PASS:** All test cases execute successfully with expected results
@@ -105,3 +151,4 @@ Verify homepage copy aligns with Path C strategy (solo/small operator focus) wit
 - UAT should be performed on both desktop and mobile viewports
 - Check browser console for JavaScript errors during test execution
 - Verify all links are functional and lead to expected destinations
+- Mobile viewport test (TC-3.3) must be executed at exactly 375px width per acceptance criteria
-- 
2.52.0