groombook/groombook.dev
13
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
8778f7b5fd505da4b47b3d674242e06a34cd0d8b
groombook.dev/index.html
T
Hugh Hackman ed519edbeb Marketing strategy based on GRO-920 competitive research 
- Updated homepage hero copy to emphasize owner peace-of-mind and communication automation
- Created MARKETING-STRATEGY.md with competitive positioning framework
- Outlined three positioning pillars: peace-of-mind, wellness partner, unified platform
- Identified top 5 content priorities aligned with customer pain points
- Mapped competitive threats (Anolla AI, MoeGo dominance, marketplace models)

This strategy translates Scrubs' market research (GRO-920) into actionable marketing initiatives.

Co-Authored-By: Paperclip <noreply@paperclip.ing>
2026-05-02 16:50:45 +00:00

385 lines
20 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GroomBook — Open Source Pet Grooming Business Management</title>
<meta name="description" content="Built for groomers, not corporations. Open source, self-hostable scheduling and client management platform built specifically for independent pet groomers.">
<meta property="og:title" content="GroomBook — Built for groomers, not corporations">
<meta property="og:description" content="Open source scheduling and client management platform built specifically for independent pet groomers.">
<meta property="og:type" content="website">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; }
.container { max-width: 1000px; margin: 0 auto; padding: 0 20px; }
header { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); color: #fff; padding: 80px 0; text-align: center; }
header h1 { font-size: 3rem; margin-bottom: 15px; font-weight: 700; }
.tagline { font-size: 1.4rem; color: #90EE90; margin-bottom: 25px; font-weight: 600; }
header p { font-size: 1.1rem; color: #c0c0c0; max-width: 700px; margin: 0 auto 30px; line-height: 1.8; }
.hero-badge { display: inline-block; background: #4CAF50; color: #fff; padding: 6px 14px; border-radius: 20px; font-size: 0.85rem; margin-bottom: 25px; font-weight: 600; }
.cta-buttons { margin-top: 40px; display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }
.cta-buttons a { display: inline-block; padding: 16px 32px; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 1rem; transition: all 0.3s; }
.btn-primary { background: #4CAF50; color: #fff; border: 2px solid #4CAF50; }
.btn-primary:hover { background: #45a049; transform: translateY(-2px); }
.btn-secondary { background: transparent; color: #fff; border: 2px solid #fff; }
.btn-secondary:hover { background: #fff; color: #1a1a2e; }
.btn-demo { background: #FF9500; color: #fff; border: 2px solid #FF9500; }
.btn-demo:hover { background: #f59700; transform: translateY(-2px); }
.features { padding: 100px 0; background: #f9f9f9; }
.features h2 { text-align: center; font-size: 2.2rem; margin-bottom: 60px; color: #1a1a2e; }
.feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.feature-card { background: #fff; padding: 35px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); transition: transform 0.3s, box-shadow 0.3s; }
.feature-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.12); }
.feature-card h3 { color: #1a1a2e; margin-bottom: 12px; font-size: 1.2rem; }
.feature-card p { color: #666; line-height: 1.7; }
.demo-section { padding: 100px 0; background: #fff; text-align: center; }
.demo-section h2 { font-size: 2.2rem; margin-bottom: 30px; color: #1a1a2e; }
.demo-section p { font-size: 1.1rem; color: #666; max-width: 600px; margin: 0 auto 40px; }
.comparison { padding: 100px 0; background: #fff; }
.comparison h2 { text-align: center; font-size: 2.2rem; margin-bottom: 50px; color: #1a1a2e; }
.comparison-table { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.08); }
th, td { padding: 18px 20px; text-align: left; border-bottom: 1px solid #eee; }
th { background: #1a1a2e; color: #fff; font-weight: 600; }
tr:last-child td { border-bottom: none; }
.check { color: #4CAF50; font-weight: bold; font-size: 1.2rem; }
.cross { color: #e74c3c; font-weight: bold; font-size: 1.2rem; }
.quickstart { padding: 100px 0; background: #f9f9f9; }
.quickstart h2 { text-align: center; font-size: 2.2rem; margin-bottom: 40px; color: #1a1a2e; }
.code-block { background: #1a1a2e; color: #a0a0a0; padding: 25px; border-radius: 8px; overflow-x: auto; font-family: 'Courier New', monospace; font-size: 0.95rem; margin: 30px 0; border-left: 4px solid #4CAF50; }
.code-block code { color: #a0a0a0; }
.code-block .prompt { color: #4CAF50; font-weight: bold; }
.quickstart-link { text-align: center; margin-top: 30px; }
.quickstart-link a { color: #4CAF50; font-weight: 600; font-size: 1.05rem; }
.roadmap { padding: 100px 0; background: #fff; }
.roadmap h2 { text-align: center; font-size: 2.2rem; margin-bottom: 50px; color: #1a1a2e; }
.roadmap-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
.roadmap-item { background: #f9f9f9; padding: 30px; border-radius: 10px; border-left: 4px solid #4CAF50; }
.roadmap-item.upcoming { border-left-color: #FF9500; }
.roadmap-item h3 { color: #1a1a2e; margin-bottom: 10px; font-size: 1.15rem; }
.roadmap-item .status { display: inline-block; font-size: 0.8rem; padding: 4px 10px; border-radius: 12px; margin-bottom: 10px; font-weight: 600; }
.status.current { background: #4CAF50; color: #fff; }
.status.upcoming { background: #FF9500; color: #fff; }
.blog-preview { padding: 80px 0; background: #f9f9f9; }
.blog-preview h2 { text-align: center; font-size: 2.2rem; margin-bottom: 50px; color: #1a1a2e; }
.blog-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.blog-card { background: #fff; padding: 30px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); transition: transform 0.3s; }
.blog-card:hover { transform: translateY(-5px); }
.blog-card h3 { margin-bottom: 10px; font-size: 1.15rem; }
.blog-card h3 a { color: #1a1a2e; text-decoration: none; }
.blog-card h3 a:hover { color: #4CAF50; }
.blog-date { color: #999; font-size: 0.9rem; margin-bottom: 15px; }
.blog-card p { color: #666; font-size: 0.95rem; line-height: 1.7; }
.blog-card a { color: #4CAF50; font-weight: 600; text-decoration: none; }
.how-it-works-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; margin-bottom: 50px; }
.workflow-card { background: #f9f9f9; padding: 35px; border-radius: 10px; text-align: center; transition: transform 0.3s; }
.workflow-card:hover { transform: translateY(-5px); }
.workflow-icon { font-size: 2.5rem; margin-bottom: 15px; }
.workflow-card h3 { color: #1a1a2e; margin-bottom: 12px; font-size: 1.25rem; }
.workflow-card p { color: #666; line-height: 1.7; font-size: 0.95rem; }
.screenshot-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; margin: 60px 0; }
.screenshot-item { text-align: center; }
.screenshot-item img { width: 100%; border-radius: 8px; box-shadow: 0 8px 25px rgba(0,0,0,0.15); margin-bottom: 15px; }
.screenshot-item h4 { color: #1a1a2e; margin-bottom: 8px; font-size: 1.05rem; font-weight: 600; }
.screenshot-item p { color: #666; font-size: 0.9rem; line-height: 1.6; }
footer { background: #1a1a2e; color: #fff; padding: 50px 0; text-align: center; border-top: 1px solid #333; }
footer p { color: #c0c0c0; }
footer strong { color: #fff; }
.footer-links { margin-top: 25px; display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; }
.footer-links a { color: #4CAF50; text-decoration: none; font-weight: 600; }
.footer-links a:hover { text-decoration: underline; }
.section-subtitle { font-size: 0.95rem; color: #666; margin-bottom: 40px; text-align: center; max-width: 700px; margin-left: auto; margin-right: auto; }
</style>
</head>
<body>
<header>
<div class="container">
<span class="hero-badge">🎉 100% Open Source — AGPL-3.0 License</span>
<h1>GroomBook</h1>
<p class="tagline">Built for groomers, not corporations.</p>
<p>Open source, self-hostable scheduling and client management platform built for independent pet groomers who need their time back. Stop managing appointments between appointments — automate the chaos, own your data, scale without compromise.</p>
<div class="cta-buttons">
<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>
</div>
</div>
</header>
<section class="features">
<div class="container">
<h2>Everything Independent Groomers Need</h2>
<p class="section-subtitle">Purpose-built features that solve the real pain points of running a grooming shop.</p>
<div class="feature-grid">
<div class="feature-card">
<h3>📅 Calendar Feeds</h3>
<p>Push GroomBook appointments directly into Google Calendar, Apple Calendar, or Outlook via iCal. Your calendar, your way — no app switching.</p>
</div>
<div class="feature-card">
<h3>🐾 Client Search & Pet Records</h3>
<p>Never lose context on a regular. Detailed profiles with grooming history, coat types, behavior notes, breed data, and service preferences at your fingertips.</p>
</div>
<div class="feature-card">
<h3>💬 Stop Chasing Confirmations</h3>
<p>Let clients confirm or cancel appointments through their own portal. Automated waitlist fills cancelled slots instantly — no more lost revenue to no-shows.</p>
</div>
<div class="feature-card">
<h3>📱 Customer Portal & Booking</h3>
<p>24/7 self-service booking for clients. No more phone tag or chasing scheduling confirmations.</p>
</div>
<div class="feature-card">
<h3>👥 Staff Access Control (RBAC)</h3>
<p>Multi-staff shops: front desk sees bookings, only you see financials. Role-appropriate access for every team member.</p>
</div>
<div class="feature-card">
<h3>🔔 Automated Reminders</h3>
<p>SMS and email reminders reduce no-shows. Clients get appointment confirmations; staff gets scheduling notifications.</p>
</div>
<div class="feature-card">
<h3>💳 POS & Invoicing</h3>
<p>Process payments, record tips, and generate receipts. Full financial tracking without spreadsheets.</p>
</div>
<div class="feature-card">
<h3>📊 Business Insights</h3>
<p>Revenue analytics, groomer utilization trends, and performance reports. Know exactly how your salon is performing.</p>
</div>
<div class="feature-card">
<h3>📱 Works Offline (PWA)</h3>
<p>Installable on mobile devices as a native app. Works offline—perfect for mobile groomers in basements, garages, and rural areas with spotty signal.</p>
</div>
</div>
</div>
</section>
<section class="demo-section">
<div class="container">
<h2>How It Works</h2>
<p class="section-subtitle">Three core workflows that solve grooming shop chaos.</p>
<div class="how-it-works-grid">
<div class="workflow-card">
<div class="workflow-icon">📅</div>
<h3>Book an Appointment</h3>
<p>Breed-aware scheduling that handles duration and complexity. Never double-book again. Clients can book themselves through the portal, and you get instant SMS/email notifications.</p>
</div>
<div class="workflow-card">
<div class="workflow-icon">👥</div>
<h3>Client Portal & Pet History</h3>
<p>Searchable client records. Track pet health notes, vaccination dates, allergies, and coat preferences. One place for all the information you used to keep on scraps of paper.</p>
</div>
<div class="workflow-card">
<div class="workflow-icon">⏳</div>
<h3>Manage Waitlist & No-Shows</h3>
<p>Automated waitlist system fills cancellations instantly. Send no-show reminders and track which clients are reliable. Never lose a booking to a last-minute cancellation again.</p>
</div>
</div>
<div class="screenshot-grid">
<div class="screenshot-item">
<img src="01-appointments-calendar.png" alt="Weekly appointment calendar with breed-aware scheduling">
<h4>📅 Appointment Calendar</h4>
<p>Color-coded appointments, breed-specific labels, and conflict detection at a glance.</p>
</div>
<div class="screenshot-item">
<img src="02-book-appointment.png" alt="Book an appointment workflow">
<h4>✏️ Book Appointment</h4>
<p>Intuitive step wizard for scheduling. Clients choose service, date, time, and confirm instantly.</p>
</div>
<div class="screenshot-item">
<img src="03-client-pet-history.png" alt="Client and pet profile with grooming history">
<h4>🐾 Pet Profiles & History</h4>
<p>All client and pet information in one place—grooming history, health notes, and preferences.</p>
</div>
<div class="screenshot-item">
<img src="04-services-management.png" alt="Services management with breed-based pricing">
<h4>💰 Service Pricing</h4>
<p>Manage services with breed-specific pricing tiers. Set durations and track availability.</p>
</div>
<div class="screenshot-item">
<img src="05-customer-portal.png" alt="Customer portal dashboard">
<h4>👥 Customer Portal</h4>
<p>Clients see their appointments, pets, and history. 24/7 access to manage their grooming record.</p>
</div>
</div>
<div style="text-align: center;">
<p style="color: #666; margin-bottom: 25px;">Ready to try it? Choose your path:</p>
<a href="https://groombook.farh.net" class="btn-demo" style="display: inline-block; margin-right: 15px;">Launch Live Demo →</a>
<a href="getting-started/" class="btn-secondary" style="display: inline-block;">Deploy Locally</a>
</div>
</div>
</section>
<section class="comparison">
<div class="container">
<h2>Why GroomBook?</h2>
<p class="section-subtitle">How we stack up against the alternatives your shop might be using today.</p>
<div class="comparison-table">
<table>
<thead>
<tr>
<th>Feature</th>
<th>GroomBook</th>
<th>MoeGo / Gingr</th>
<th>Legacy Software</th>
<th>Generic Schedulers</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Self-hosted or free tier</strong></td>
<td class="check">✓</td>
<td class="cross">✗ ($50-150/mo)</td>
<td class="cross">✗</td>
<td class="check">✓</td>
</tr>
<tr>
<td><strong>You own your client data</strong></td>
<td class="check">✓</td>
<td class="cross">✗ (vendor lock-in)</td>
<td class="check">✓</td>
<td class="cross">✗</td>
</tr>
<tr>
<td><strong>Built for grooming workflows</strong></td>
<td class="check">✓</td>
<td class="check">✓</td>
<td class="cross">✗</td>
<td class="cross">✗</td>
</tr>
<tr>
<td><strong>Calendar feeds (iCal)</strong></td>
<td class="check">✓</td>
<td class="cross">✗</td>
<td class="cross">✗</td>
<td class="check">✓</td>
</tr>
<tr>
<td><strong>Automated waitlist</strong></td>
<td class="check">✓</td>
<td class="check">✓</td>
<td class="cross">✗</td>
<td class="cross">✗</td>
</tr>
<tr>
<td><strong>Open source & customizable</strong></td>
<td class="check">✓</td>
<td class="cross">✗</td>
<td class="cross">✗</td>
<td class="cross">✗</td>
</tr>
<tr>
<td><strong>Works offline (PWA)</strong></td>
<td class="check">✓</td>
<td class="cross">✗</td>
<td class="cross">✗</td>
<td class="cross">✗</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<section class="roadmap">
<div class="container">
<h2>What's Coming</h2>
<p class="section-subtitle">Active development roadmap. We're building features groomers have asked for.</p>
<div class="roadmap-grid">
<div class="roadmap-item">
<span class="status current">Current</span>
<h3>Appointment Scheduling</h3>
<p>Calendar management, drag-and-drop booking, conflict detection, and iCal sync.</p>
</div>
<div class="roadmap-item">
<span class="status current">Current</span>
<h3>Client Portal & Waitlist</h3>
<p>Self-service booking, cancellations, and automated waitlist fulfillment.</p>
</div>
<div class="roadmap-item">
<span class="status current">Current</span>
<h3>Financial Tracking</h3>
<p>POS, invoicing, payment processing, and revenue analytics.</p>
</div>
<div class="roadmap-item">
<span class="status upcoming">Upcoming</span>
<h3>Advanced Reporting</h3>
<p>Custom reports, groomer utilization dashboards, and forecasting.</p>
</div>
<div class="roadmap-item">
<span class="status upcoming">Upcoming</span>
<h3>Mobile App</h3>
<p>Native iOS and Android apps for on-the-go scheduling and client management.</p>
</div>
<div class="roadmap-item">
<span class="status upcoming">Upcoming</span>
<h3>Integration Hub</h3>
<p>Connect with payment processors, SMS gateways, accounting software, and more.</p>
</div>
</div>
</div>
</section>
<section class="quickstart">
<div class="container">
<h2>Deploy in 5 Minutes</h2>
<p class="section-subtitle">Run GroomBook on your own server with Docker Compose.</p>
<div class="code-block">
<code><span class="prompt">$</span> git clone https://github.com/groombook/groombook.git</code><br>
<code><span class="prompt">$</span> cd groombook</code><br>
<code><span class="prompt">$</span> docker compose up --build</code><br>
<br>
<code style="color: #90EE90;">👉 Web UI: <strong>http://localhost:5173</strong></code><br>
<code style="color: #90EE90;">👉 API: <strong>http://localhost:3000</strong></code>
</div>
<p style="text-align: center; color: #666; margin-top: 25px;">
Want step-by-step guidance?
</p>
<div class="quickstart-link">
<a href="getting-started/">📖 Read the Full Getting Started Guide →</a>
</div>
</div>
</section>
<section class="blog-preview">
<div class="container">
<h2>From the Blog</h2>
<div class="blog-grid">
<div class="blog-card">
<h3><a href="blog/launch.html">Introducing GroomBook</a></h3>
<p class="blog-date">March 2026</p>
<p>The open source CRM you've been waiting for if you're tired of paper files, spreadsheets, and overpriced salon software.</p>
<a href="blog/launch.html">Read more →</a>
</div>
<div class="blog-card">
<h3><a href="blog/why-we-built.html">Why We Built GroomBook</a></h3>
<p class="blog-date">March 2026</p>
<p>An honest look at the pet grooming software landscape—and why we decided to build something specifically for independent groomers.</p>
<a href="blog/why-we-built.html">Read more →</a>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<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://github.com/groombook/groombook">GitHub</a>
<a href="https://github.com/groombook/groombook/issues">Issues</a>
<a href="https://discord.gg/groombook">Discord</a>
<a href="blog/launch.html">Blog</a>
<a href="getting-started/">Docs</a>
</div>
</div>
</footer>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink