Chris Farhood
66659b4841
- Update hero message to approved lead message: 'Stop missing client calls. Book 24/7, groom all day.' - Add team messaging: 'Automate the admin. Your team focuses on grooming.' - Reframe features section around time/revenue benefit for solo groomers - Replace feature-parity comparison table with 'Built for Your Reality' positioning emphasizing mobile capability, offline-first, data ownership - Remove competitive feature checklist (Path C doesn't compete on feature parity) - Create MESSAGING-PATH-C.md as authoritative messaging framework - Anti-customer positioning: NOT for large commercial/franchise shops - Emphasize workflow fit, pet-specific depth, data ownership over feature breadth Path C targets solo groomers and small teams (1-5 staff) with niche-domination positioning through 2026, AI roadmap for 2027+. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
353 lines
20 KiB
HTML
353 lines
20 KiB
HTML
<!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">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.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>Reclaim 3+ Hours Every Week</h2>
|
||
<p class="section-subtitle">Features built for solo groomers and small teams — not generic salon software.</p>
|
||
<div class="feature-grid">
|
||
<div class="feature-card">
|
||
<h3>📱 24/7 Client Booking</h3>
|
||
<p>Clients book themselves anytime—overnight, weekends, while you're grooming. No more missed calls, no more rescheduling requests interrupting your work.</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<h3>🔔 Automated Reminders & Waitlist</h3>
|
||
<p>SMS/email reminders cut no-shows by 30–40%. Cancellations auto-fill from your waitlist instantly—stop leaving money on the table.</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<h3>🐾 Pet Profiles & Health Tracking</h3>
|
||
<p>Detailed breed data, coat type notes, behavior flags, vaccination dates. Information you actually use to charge premium prices and provide better grooming.</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<h3>📱 Works Offline (PWA)</h3>
|
||
<p>Mobile groomer in a garage, basement, or van? Works offline on your phone. No internet required—perfect for rural areas and spotty signal.</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<h3>🔐 You Own Your Data</h3>
|
||
<p>Self-hosted or cloud—your choice. Open source means you own GroomBook, fully. No vendor lock-in, no surprise price hikes, no company disappearing with your client list.</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<h3>📅 Calendar Integration</h3>
|
||
<p>Sync to Google Calendar, Apple Calendar, or Outlook via iCal. One source of truth across all your tools—no double-bookings, no surprises.</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<h3>💳 POS & Financial Tracking</h3>
|
||
<p>Process payments, track tips, generate invoices. One place for all your money—no more spreadsheets, no more lost revenue to guessing.</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<h3>👥 Team Management (Small Teams)</h3>
|
||
<p>Growing from solo? Assign staff roles, control access levels, and track groomer productivity. Front desk books; only you see the books.</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<h3>📊 Business Insights</h3>
|
||
<p>Revenue trends, groomer utilization, and performance reports. See exactly what's working—and where the money is.</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>Built for Your Reality</h2>
|
||
<p class="section-subtitle">Not a generic salon tool. Not a feature arms race. Built specifically for how solo groomers and small teams actually work.</p>
|
||
<div class="how-it-works-grid">
|
||
<div class="workflow-card">
|
||
<div class="workflow-icon">🚗</div>
|
||
<h3>Mobile Groomers</h3>
|
||
<p>Offline-first PWA runs on your phone with or without signal. Perfect for garage, basement, and van setups where internet is unreliable.</p>
|
||
</div>
|
||
<div class="workflow-card">
|
||
<div class="workflow-icon">⏰</div>
|
||
<h3>24/7 Booking</h3>
|
||
<p>Clients book at midnight, 3am, Sunday. You don't answer the phone—GroomBook does. 43% of bookings happen outside business hours.</p>
|
||
</div>
|
||
<div class="workflow-card">
|
||
<div class="workflow-icon">🔓</div>
|
||
<h3>You Own It</h3>
|
||
<p>Open source, self-hostable. No vendor lock-in, no surprise price hikes, no company going out of business and taking your data with it.</p>
|
||
</div>
|
||
<div class="workflow-card">
|
||
<div class="workflow-icon">🐾</div>
|
||
<h3>Grooming-Specific</h3>
|
||
<p>Breed profiles, coat type tracking, health notes, behavior flags. Tools built for grooming, not generic salon workflows.</p>
|
||
</div>
|
||
<div class="workflow-card">
|
||
<div class="workflow-icon">⚡</div>
|
||
<h3>No-Show Recovery</h3>
|
||
<p>Automated reminders cut no-shows by 30–40%. Cancellations instantly fill from your waitlist. Stop losing money to empty slots.</p>
|
||
</div>
|
||
<div class="workflow-card">
|
||
<div class="workflow-icon">👥</div>
|
||
<h3>Scales With You</h3>
|
||
<p>Solo today? Small team tomorrow? Role-based access, staff scheduling, and productivity tracking grow with your business.</p>
|
||
</div>
|
||
</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>
|