Groom Book CTO
4fb13b26d4
Migrated marketing site content from groombook/groombook/docs/ to this dedicated org-level GitHub Pages repo. Site will publish at groombook.github.io. Files migrated: - index.html (landing page) - mobile-groomers.html - blog/launch.html, blog/why-we-built.html - getting-started/index.html - _config.yml (updated with explicit url) Refs: GRO-195 Co-Authored-By: Paperclip <noreply@paperclip.ing> Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
200 lines
9.7 KiB
HTML
200 lines
9.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Groom Book — Open Source Pet Grooming Business Management</title>
|
|
<meta name="description" content="Free, open source, self-hostable pet grooming CRM and business management platform. Schedule appointments, manage clients, and run your salon on your own server.">
|
|
<meta property="og:title" content="Groom Book — Open Source Pet Grooming Business Management">
|
|
<meta property="og:description" content="Free, open source, self-hostable pet grooming CRM and business management platform.">
|
|
<meta property="og:type" content="website">
|
|
<link rel="canonical" href="https://groombook.github.io/groombook/">
|
|
<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: 900px; margin: 0 auto; padding: 0 20px; }
|
|
header { background: #1a1a2e; color: #fff; padding: 60px 0; text-align: center; }
|
|
header h1 { font-size: 2.5rem; margin-bottom: 10px; }
|
|
header p { font-size: 1.25rem; color: #a0a0a0; max-width: 600px; margin: 0 auto; }
|
|
.hero-badge { display: inline-block; background: #4CAF50; color: #fff; padding: 4px 12px; border-radius: 4px; font-size: 0.85rem; margin-bottom: 20px; }
|
|
.cta-buttons { margin-top: 30px; }
|
|
.cta-buttons a { display: inline-block; padding: 14px 28px; border-radius: 6px; text-decoration: none; font-weight: 600; margin: 5px; }
|
|
.btn-primary { background: #4CAF50; color: #fff; }
|
|
.btn-secondary { background: #333; color: #fff; }
|
|
.features { padding: 80px 0; background: #f9f9f9; }
|
|
.features h2 { text-align: center; font-size: 2rem; margin-bottom: 50px; }
|
|
.feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; }
|
|
.feature-card { background: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
|
|
.feature-card h3 { color: #1a1a2e; margin-bottom: 10px; font-size: 1.1rem; }
|
|
.comparison { padding: 80px 0; }
|
|
.comparison h2 { text-align: center; font-size: 2rem; margin-bottom: 50px; }
|
|
table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
|
|
th, td { padding: 15px 20px; text-align: left; border-bottom: 1px solid #eee; }
|
|
th { background: #1a1a2e; color: #fff; }
|
|
tr:last-child td { border-bottom: none; }
|
|
.check { color: #4CAF50; font-weight: bold; }
|
|
.cross { color: #e74c3c; font-weight: bold; }
|
|
.quickstart { padding: 80px 0; background: #f9f9f9; }
|
|
.quickstart h2 { text-align: center; font-size: 2rem; margin-bottom: 30px; }
|
|
.code-block { background: #1a1a2e; color: #fff; padding: 20px; border-radius: 6px; overflow-x: auto; font-family: 'Courier New', monospace; font-size: 0.9rem; margin: 20px 0; }
|
|
.code-block code { color: #a0a0a0; }
|
|
.code-block .prompt { color: #4CAF50; }
|
|
footer { background: #1a1a2e; color: #fff; padding: 40px 0; text-align: center; }
|
|
footer a { color: #4CAF50; text-decoration: none; }
|
|
footer a:hover { text-decoration: underline; }
|
|
.footer-links { margin-top: 20px; }
|
|
.footer-links a { margin: 0 15px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class="container">
|
|
<span class="hero-badge">100% Open Source — MIT License</span>
|
|
<h1>Groom Book</h1>
|
|
<p>Open source, self-hostable pet grooming business management and CRM. No vendor lock-in. No monthly fees.</p>
|
|
<div class="cta-buttons">
|
|
<a href="https://github.com/groombook/groombook" class="btn-primary">View on GitHub</a>
|
|
<a href="https://github.com/groombook/groombook/stargazers" class="btn-secondary">Star the Project</a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="features">
|
|
<div class="container">
|
|
<h2>Everything You Need to Run Your Grooming Business</h2>
|
|
<div class="feature-grid">
|
|
<div class="feature-card">
|
|
<h3>📅 Appointment Scheduling</h3>
|
|
<p>Calendar management for single or multiple groomers. Drag-and-drop scheduling with automatic conflict detection.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<h3>🐾 Client & Pet Records</h3>
|
|
<p>Detailed profiles with grooming history, coat types, behavior notes, and preferences. Never lose a pet's information again.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<h3>💳 Online Booking Portal</h3>
|
|
<p>Let clients book appointments 24/7 through your own self-service portal. No more phone tag.</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>📱 PWA — Works Offline</h3>
|
|
<p>Install on mobile devices. Perfect for mobile groomers who need access in basements, garages, and rural areas.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<h3>📊 Reporting Dashboard</h3>
|
|
<p>Revenue analytics, utilization trends, and business insights. Know exactly how your salon is performing.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="comparison">
|
|
<div class="container">
|
|
<h2>Why Groom Book?</h2>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Feature</th>
|
|
<th>Groom Book</th>
|
|
<th>Legacy Software</th>
|
|
<th>SaaS Platforms</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Self-host on your own server</td>
|
|
<td class="check">✓</td>
|
|
<td class="cross">✗</td>
|
|
<td class="cross">✗</td>
|
|
</tr>
|
|
<tr>
|
|
<td>No monthly fees</td>
|
|
<td class="check">✓</td>
|
|
<td class="cross">✗ ($150-250/mo)</td>
|
|
<td class="cross">✗</td>
|
|
</tr>
|
|
<tr>
|
|
<td>You own your data</td>
|
|
<td class="check">✓</td>
|
|
<td class="check">✓</td>
|
|
<td class="cross">✗</td>
|
|
</tr>
|
|
<tr>
|
|
<td>No booking revenue cut</td>
|
|
<td class="check">✓</td>
|
|
<td class="check">✓</td>
|
|
<td class="cross">✗ (up to 30%)</td>
|
|
</tr>
|
|
<tr>
|
|
<td>PWA with offline support</td>
|
|
<td class="check">✓</td>
|
|
<td class="cross">✗</td>
|
|
<td class="cross">✗</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Open source & customizable</td>
|
|
<td class="check">✓</td>
|
|
<td class="cross">✗</td>
|
|
<td class="cross">✗</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="quickstart">
|
|
<div class="container">
|
|
<h2>Get Started in 5 Minutes</h2>
|
|
<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>
|
|
</div>
|
|
<p style="text-align: center; color: #666; margin-top: 10px;">
|
|
Web UI: <strong>http://localhost:8080</strong> | API: <strong>http://localhost:3000</strong>
|
|
</p>
|
|
<p style="text-align: center; margin-top: 30px;">
|
|
<a href="getting-started/">Full Getting Started Guide →</a>
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="blog-preview" style="padding: 60px 0; background: #fff;">
|
|
<div class="container">
|
|
<h2 style="text-align: center; font-size: 2rem; margin-bottom: 30px;">From the Blog</h2>
|
|
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px;">
|
|
<div style="background: #f9f9f9; padding: 25px; border-radius: 8px;">
|
|
<h3 style="margin-bottom: 10px; font-size: 1.1rem;"><a href="blog/launch.html" style="color: #1a1a2e; text-decoration: none;">Introducing Groom Book</a></h3>
|
|
<p style="color: #666; font-size: 0.9rem; margin-bottom: 15px;">March 2026</p>
|
|
<p style="font-size: 0.95rem;">The CRM you've been waiting for if you're tired of paper files, spreadsheets, and overpriced salon software.</p>
|
|
<a href="blog/launch.html" style="color: #4CAF50; font-size: 0.9rem;">Read more →</a>
|
|
</div>
|
|
<div style="background: #f9f9f9; padding: 25px; border-radius: 8px;">
|
|
<h3 style="margin-bottom: 10px; font-size: 1.1rem;"><a href="blog/why-we-built.html" style="color: #1a1a2e; text-decoration: none;">Why We Built Groom Book</a></h3>
|
|
<p style="color: #666; font-size: 0.9rem; margin-bottom: 15px;">March 2026</p>
|
|
<p style="font-size: 0.95rem;">An honest look at the pet grooming software landscape — and why we decided to do something about it.</p>
|
|
<a href="blog/why-we-built.html" style="color: #4CAF50; font-size: 0.9rem;">Read more →</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer>
|
|
<div class="container">
|
|
<p><strong>Groom Book</strong> — Open source pet grooming business management</p>
|
|
<p style="color: #a0a0a0; font-size: 0.9rem; margin-top: 5px;">MIT 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">Launch Announcement</a>
|
|
<a href="blog/why-we-built.html">Why We Built</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|