feat(GRO-1791): landing page Book Now CTA #11

Closed
The Dogfather wants to merge 2 commits from feature/gro-1165a-book-now-cta into main
3 changed files with 52 additions and 2 deletions
+49 -2
View File
@@ -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
+1
View File
@@ -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>
+2
View File
@@ -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>