feat(GRO-1791): landing page Book Now CTA #11
+49
-2
@@ -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
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user