<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ZenCab — La gestion de cabinet sans prise de tête</title>
<link rel="icon" href="/assets/images/icons/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/assets/images/icons/favicon.ico" type="image/x-icon">
<!-- Pour les appareils Apple (iOS) -->
<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/icons/apple-touch-icon.png">
<!-- Pour Android -->
<link rel="icon" type="image/png" sizes="192x192" href="/assets/images/icons/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/assets/images/icons/android-chrome-512x512.png">
<meta name="theme-color" content="#ffffff">
<meta name="description" content="Prise de rendez-vous en ligne, rappels automatiques, facturation — tout-en-un, sans complexité. Pour tous les indépendants qui reçoivent sur rendez-vous.">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://zen-cab.fr/">
<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://zen-cab.fr/">
<meta property="og:site_name" content="ZenCab">
<meta property="og:title" content="ZenCab — La gestion de cabinet sans prise de tête">
<meta property="og:description" content="Prise de RDV en ligne, rappels automatiques, facturation, site vitrine — tout-en-un pour les indépendants qui reçoivent sur rendez-vous.">
<meta property="og:image" content="https://zen-cab.fr/assets/images/logo_main.png">
<meta property="og:locale" content="fr_FR">
<!-- Twitter / X card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="ZenCab — La gestion de cabinet sans prise de tête">
<meta name="twitter:description" content="Prise de RDV en ligne, rappels automatiques, facturation, site vitrine — tout-en-un pour les indépendants qui reçoivent sur rendez-vous.">
<meta name="twitter:image" content="https://zen-cab.fr/assets/images/logo_main.png">
<link rel="stylesheet" href="/shared/ext/bootstrap/css/bootstrap.min.css?v=1777805455">
<script src="/shared/ext/fontawesome/js/all.min.js" defer></script>
<style>
:root {
--zen-green: #3a7d63;
--zen-light: #f0f7f4;
--zen-dark: #1e3d31;
--zen-accent: #5cb88a;
}
body { font-family: 'Segoe UI', sans-serif; color: #333; }
/* NAV */
.navbar { background: #fff; box-shadow: 0 1px 8px rgba(0,0,0,.07); }
.navbar-brand { font-weight: 700; font-size: 1.4rem; color: var(--zen-green) !important; letter-spacing: -.5px; }
.navbar-brand span { color: var(--zen-accent); }
.nav-cta { background: var(--zen-green); color: #fff !important; border-radius: 6px; padding: 6px 18px !important; font-weight: 600; }
.nav-cta:hover { background: var(--zen-dark); }
/* HERO */
.hero {
background: linear-gradient(135deg, var(--zen-dark) 0%, var(--zen-green) 100%);
color: #fff;
padding: 100px 0 80px;
}
.hero h1 { font-size: 2.6rem; font-weight: 800; line-height: 1.2; }
.hero .lead { font-size: 1.15rem; opacity: .88; max-width: 520px; }
.hero-badge { display: inline-block; background: rgba(255,255,255,.15); border-radius: 20px; padding: 4px 14px; font-size: .82rem; margin-bottom: 18px; letter-spacing: .3px; }
.btn-hero { background: #fff; color: var(--zen-dark); font-weight: 700; border-radius: 8px; padding: 12px 30px; font-size: 1rem; border: none; }
.btn-hero:hover { background: var(--zen-light); color: var(--zen-dark); }
.btn-hero-outline { background: transparent; color: #fff; font-weight: 600; border-radius: 8px; padding: 12px 30px; font-size: 1rem; border: 2px solid rgba(255,255,255,.5); }
.btn-hero-outline:hover { border-color: #fff; background: rgba(255,255,255,.08); color: #fff; }
/* POUR QUI */
.section-label { font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: var(--zen-accent); }
.section-title { font-size: 1.9rem; font-weight: 800; }
.pill-list { display: flex; flex-wrap: wrap; gap: 10px; }
.pill { background: var(--zen-light); border: 1px solid #cde8d9; border-radius: 20px; padding: 6px 16px; font-size: .9rem; color: var(--zen-dark); }
/* FEATURES */
.features { background: var(--zen-light); }
.feature-card { background: #fff; border-radius: 14px; padding: 28px 24px; height: 100%; box-shadow: 0 2px 12px rgba(0,0,0,.05); border: 1px solid #e2ede8; }
.feature-icon { width: 48px; height: 48px; border-radius: 12px; background: var(--zen-light); display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.feature-icon i { font-size: 1.3rem; color: var(--zen-green); }
.feature-card h5 { font-weight: 700; font-size: 1rem; margin-bottom: 8px; }
.feature-card p { font-size: .9rem; color: #666; margin: 0; }
/* COMPARATIF */
.compare-table th { background: var(--zen-green); color: #fff; font-weight: 600; }
.compare-table td, .compare-table th { padding: 12px 18px; vertical-align: middle; }
.compare-table .check { color: var(--zen-green); font-size: 1.1rem; }
.compare-table .cross { color: #ccc; font-size: 1.1rem; }
.compare-table .highlight { background: #f0f7f4; font-weight: 600; }
/* CTA */
.section-cta { background: linear-gradient(135deg, var(--zen-dark), var(--zen-green)); color: #fff; padding: 80px 0; }
.section-cta h2 { font-size: 2rem; font-weight: 800; }
.section-cta p { opacity: .85; font-size: 1.05rem; }
/* CONTACT FORM */
.form-demo { background: #fff; border-radius: 16px; padding: 36px; box-shadow: 0 4px 24px rgba(0,0,0,.12); }
.form-demo .form-control { border-radius: 8px; border: 1px solid #d5e8de; padding: 10px 14px; }
.form-demo .form-control:focus { border-color: var(--zen-accent); box-shadow: 0 0 0 .2rem rgba(92,184,138,.2); }
.btn-submit { background: var(--zen-green); color: #fff; border-radius: 8px; padding: 12px 30px; font-weight: 700; border: none; width: 100%; font-size: 1rem; }
.btn-submit:hover { background: var(--zen-dark); color: #fff; }
/* FOOTER */
footer { background: var(--zen-dark); color: rgba(255,255,255,.6); font-size: .85rem; padding: 28px 0; }
footer a { color: rgba(255,255,255,.6); text-decoration: none; }
footer a:hover { color: #fff; }
@media (max-width: 768px) {
.hero h1 { font-size: 1.8rem; }
.hero { padding: 70px 0 60px; }
}
</style>
</head>
<body>
<!-- NAV -->
<nav class="navbar navbar-expand-lg sticky-top">
<div class="container">
<a class="navbar-brand" href="#"><img src="assets\images\logo_header.png" alt="Zen-Cab"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#nav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="nav">
<ul class="navbar-nav ms-auto align-items-center gap-2">
<li class="nav-item"><a class="nav-link" href="#fonctionnalites">Fonctionnalités</a></li>
<li class="nav-item"><a class="nav-link" href="#comparatif">Comparatif</a></li>
<li class="nav-item"><a class="nav-link" href="#demo">Tester gratuitement</a></li>
<li class="nav-item"><a class="nav-link nav-cta" href="/sinscrire">S'abonner · 1er mois à 1 €</a></li>
</ul>
</div>
</div>
</nav>
<!-- HERO -->
<section class="hero">
<div class="container">
<div class="row align-items-center g-5">
<div class="col-lg-6">
<div class="hero-badge">Pour tous les indépendants qui reçoivent sur RDV</div>
<h1>Gérez votre cabinet,<br>pas votre logiciel.</h1>
<p class="lead mt-3 mb-4">Site vitrine, prise de RDV en ligne, rappels automatiques, facturation — tout-en-un, sans complexité. Excellez dans votre métier. On s'occupe du reste.</p>
<div class="d-flex flex-wrap gap-3">
<a href="/sinscrire" class="btn btn-hero">Créer mon espace · 1er mois à 1 €</a>
<a href="#demo" class="btn btn-hero-outline">Tester la démo gratuite</a>
</div>
</div>
<div class="col-lg-6 text-center d-none d-lg-block">
<div style="background:white;border-radius:20px;padding:40px;">
<img src="assets\images\logo_main.png" alt="Logo" style="max-width: 100%; height: auto; max-height: 18rem;">
</div>
</div>
</div>
</div>
</section>
<!-- POUR QUI -->
<section class="py-5">
<div class="container">
<div class="text-center mb-4">
<div class="section-label">Pour qui ?</div>
<h2 class="section-title mt-1">Pour tous les indépendants qui travaillent sur rendez-vous</h2>
</div>
<div class="pill-list justify-content-center">
<span class="pill">🧠 Psychologues & thérapeutes</span>
<span class="pill">🌀 Hypnothérapeutes</span>
<span class="pill">🧘 Sophrologues</span>
<span class="pill">🌿 Naturopathes</span>
<span class="pill">🖐 Ostéopathes</span>
<span class="pill">🪡 Acupuncteurs</span>
<span class="pill">🔮 Magnétiseurs</span>
<span class="pill">🥗 Diététiciens</span>
<span class="pill">✂️ Coiffeurs</span>
<span class="pill">💅 Esthéticiennes</span>
<span class="pill">👗 Stylistes</span>
<span class="pill">💆 Masseurs, réflexologues & spas</span>
<span class="pill">🎯 Coaches & formateurs</span>
<span class="pill">📸 Photographes</span>
<span class="pill">🐾 Vétérinaires indépendants</span>
<span class="pill">🏠 Décorateurs & architectes d'intérieur</span>
<span class="pill">🌱 Paysagistes</span>
<span class="pill">🔧 Plombiers & électriciens</span>
<span class="pill">🍽️ Traiteurs</span>
<span class="pill">🎉 Organisateurs d'événements</span>
<span class="pill">Et bien d'autres...</span>
</div>
</div>
</section>
<!-- FEATURES -->
<section class="features py-5" id="fonctionnalites">
<div class="container">
<div class="text-center mb-5">
<div class="section-label">Fonctionnalités</div>
<h2 class="section-title mt-1">Tout ce dont vous avez besoin, sans mauvaise surprise</h2>
</div>
<div class="row g-4">
<div class="col-md-4">
<div class="feature-card">
<div class="feature-icon"><i class="fas fa-globe"></i></div>
<h5>Votre site vitrine inclus</h5>
<p>Pas une simple page — un vrai site web multi-sections, à votre image, avec votre propre adresse. Parcours, spécialités, tarifs, accès, formulaire de contact : vous composez vos sections librement, sans toucher une ligne de code.</p>
</div>
</div>
<div class="col-md-4">
<div class="feature-card">
<div class="feature-icon"><i class="fas fa-calendar-check"></i></div>
<h5>Prise de RDV en ligne</h5>
<p>Vos clients réservent 24h/24 depuis leur téléphone, sans vous appeler. Vous définissez vos créneaux, vos prestations et vos tarifs — la page s'adapte à votre pratique.</p>
</div>
</div>
<div class="col-md-4">
<div class="feature-card">
<div class="feature-icon"><i class="fas fa-file-invoice-dollar"></i></div>
<h5>Facturation intégrée</h5>
<p>Facture PDF générée en un clic dès la fin du rendez-vous. Envoyez-la directement par email, acquittée ou non, et suivez vos encaissements sans jongler entre plusieurs outils.</p>
</div>
</div>
<div class="col-md-4">
<div class="feature-card">
<div class="feature-icon"><i class="fas fa-bell"></i></div>
<h5>Rappels automatiques</h5>
<p>Confirmation, rappel J-1, suivi après séance — tout part automatiquement. Vos clients ne manquent plus leurs rendez-vous, et vous n'avez plus rien à relancer.</p>
</div>
</div>
<div class="col-md-4">
<div class="feature-card">
<div class="feature-icon"><i class="fab fa-google"></i></div>
<h5>Connecté à Google Agenda</h5>
<p>Vos rendez-vous ZenCab apparaissent dans votre Google Agenda — et vos événements Google bloquent automatiquement vos créneaux. Votre planning reste toujours juste, sans aucune double saisie.</p>
</div>
</div>
<div class="col-md-4">
<div class="feature-card">
<div class="feature-icon"><i class="fas fa-video"></i></div>
<h5>Téléconsultation intégrée</h5>
<p>Proposez des séances en visio sans quitter ZenCab. Le lien de connexion est inclus automatiquement dans l'e-mail de confirmation — votre client clique, la salle s'ouvre. Aucune installation requise de son côté.</p>
<p style="font-size:.8rem;color:#999;margin-top:8px;">(simplement une inscription gratuite sur la plateforme de votre part)</p>
</div>
</div>
<div class="col-md-4">
<div class="feature-card">
<div class="feature-icon"><i class="fas fa-film"></i></div>
<h5>Espace vidéos personnalisé</h5>
<p>Partagez des vidéos YouTube en privé avec vos clients via un lien personnel. Accès restreint, suivi des visionnages intégré.</p>
</div>
</div>
<div class="col-md-4">
<div class="feature-card">
<div class="feature-icon"><i class="fas fa-comments"></i></div>
<h5>Une plateforme qui vous écoute</h5>
<p>Vos besoins du quotidien façonnent ZenCab. Les retours de nos utilisateurs sont la première source d'évolution de la plateforme — pas un backlog produit déconnecté du terrain.</p>
</div>
</div>
<div class="col-md-4">
<div class="feature-card">
<div class="feature-icon"><i class="fas fa-sync-alt"></i></div>
<h5>Des évolutions sans surcoût</h5>
<p>La plateforme évolue régulièrement. Toute nouvelle fonctionnalité commune est intégrée automatiquement, sans frais supplémentaires.</p>
</div>
</div>
<div class="col-12">
<div style="background:linear-gradient(135deg,var(--zen-dark),var(--zen-green));border-radius:14px;padding:32px 40px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;color:#fff">
<div style="display:flex;align-items:center;gap:20px">
<div style="width:52px;height:52px;border-radius:12px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0">
<i class="fas fa-euro-sign" style="font-size:1.4rem"></i>
</div>
<div>
<div style="font-size:1.1rem;font-weight:700;margin-bottom:4px">Un tarif unique, toutes fonctionnalités incluses — <span style="font-size:1.35rem;color:var(--zen-accent)">30 €/mois</span></div>
<div style="opacity:.85;font-size:.93rem">Site vitrine, RDV en ligne, facturation, rappels — tout compris. Pas d'options cachées, pas de surcoût selon le nombre de RDV ou de clients.</div>
<div style="margin-top:10px;display:inline-block;background:rgba(255,255,255,.15);border-radius:20px;padding:4px 14px;font-size:.82rem;font-weight:600">🎁 1er mois à 1 € · puis 30 €/mois · Résiliable à tout moment</div>
</div>
</div>
<a href="/sinscrire" class="btn btn-hero" style="white-space:nowrap;flex-shrink:0">Créer mon espace <i class="fas fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
</div>
</section>
<!-- POURQUOI ZENCAB -->
<section class="py-5 features" id="comparatif">
<div class="container">
<div class="text-center mb-5">
<div class="section-label">Pourquoi ZenCab ?</div>
<h2 class="section-title mt-1">Arrêtez de payer pour quatre outils différents</h2>
<p class="text-muted mt-2" style="max-width:560px;margin:12px auto 0;font-size:.97rem">La plupart des indépendants jonglent entre plusieurs abonnements. ZenCab remplace tout ça.</p>
</div>
<div class="row align-items-center g-4 justify-content-center">
<div class="col-md-5">
<div style="background:#fff;border-radius:14px;padding:28px 32px;box-shadow:0 2px 12px rgba(0,0,0,.05);border:1px solid #e2ede8">
<div style="font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#aaa;margin-bottom:16px">Sans ZenCab</div>
<div style="display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #f0f0f0;color:#888">
<i class="fas fa-globe" style="width:18px;text-align:center;color:#ccc"></i>
<span style="font-size:.93rem;text-decoration:line-through">Hébergeur & site web</span>
<span style="margin-left:auto;font-size:.78rem;font-weight:600;color:#e06060">abonnement séparé</span>
</div>
<div style="display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #f0f0f0;color:#888">
<i class="fas fa-calendar-check" style="width:18px;text-align:center;color:#ccc"></i>
<span style="font-size:.93rem;text-decoration:line-through">Plateforme de prise de RDV</span>
<span style="margin-left:auto;font-size:.78rem;font-weight:600;color:#e06060">abonnement séparé</span>
</div>
<div style="display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #f0f0f0;color:#888">
<i class="fas fa-file-invoice-dollar" style="width:18px;text-align:center;color:#ccc"></i>
<span style="font-size:.93rem;text-decoration:line-through">Logiciel de facturation</span>
<span style="margin-left:auto;font-size:.78rem;font-weight:600;color:#e06060">abonnement séparé</span>
</div>
<div style="display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #f0f0f0;color:#888">
<i class="fas fa-bell" style="width:18px;text-align:center;color:#ccc"></i>
<span style="font-size:.93rem;text-decoration:line-through">Service de rappels</span>
<span style="margin-left:auto;font-size:.78rem;font-weight:600;color:#e06060">abonnement séparé</span>
</div>
<div style="margin-top:16px;font-size:.85rem;color:#aaa;font-style:italic">… et autant de mots de passe, de factures et d'interfaces à gérer.</div>
</div>
</div>
<div class="col-md-1 text-center d-none d-md-block" style="font-size:1.8rem;color:var(--zen-accent);font-weight:800">→</div>
<div class="col-md-5">
<div style="background:var(--zen-dark);border-radius:14px;padding:28px 32px;color:#fff">
<div style="font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--zen-accent);margin-bottom:16px">Avec ZenCab</div>
<div style="display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)">
<i class="fas fa-globe" style="width:18px;text-align:center;color:var(--zen-accent)"></i>
<span style="font-size:.93rem">Site vitrine à votre image</span>
<i class="fas fa-check" style="margin-left:auto;color:var(--zen-accent)"></i>
</div>
<div style="display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)">
<i class="fas fa-calendar-check" style="width:18px;text-align:center;color:var(--zen-accent)"></i>
<span style="font-size:.93rem">Prise de RDV en ligne</span>
<i class="fas fa-check" style="margin-left:auto;color:var(--zen-accent)"></i>
</div>
<div style="display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)">
<i class="fas fa-file-invoice-dollar" style="width:18px;text-align:center;color:var(--zen-accent)"></i>
<span style="font-size:.93rem">Facturation intégrée</span>
<i class="fas fa-check" style="margin-left:auto;color:var(--zen-accent)"></i>
</div>
<div style="display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)">
<i class="fas fa-bell" style="width:18px;text-align:center;color:var(--zen-accent)"></i>
<span style="font-size:.93rem">Rappels automatiques</span>
<i class="fas fa-check" style="margin-left:auto;color:var(--zen-accent)"></i>
</div>
<div style="margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);font-size:.93rem;color:rgba(255,255,255,.7)">
<i class="fas fa-check-circle me-2" style="color:var(--zen-accent)"></i>Un seul abonnement. Un seul outil. Zéro prise de tête.
</div>
</div>
</div>
</div>
</div>
</section>
<!-- CTA + FORM -->
<section class="section-cta" id="demo">
<div class="container">
<div class="row align-items-center g-5">
<div class="col-lg-6">
<div style="display:inline-block;background:rgba(255,255,255,.15);border-radius:20px;padding:4px 14px;font-size:.8rem;margin-bottom:14px;letter-spacing:.3px">Démo gratuite · Sans engagement</div>
<h2>Explorez ZenCab avant de vous lancer</h2>
<p class="mt-3" style="opacity:.9">Renseignez votre email et recevez vos accès instantanément. Vous découvrez l'application dans un environnement de démonstration — aucune carte bancaire, aucun abonnement.</p>
<ul class="list-unstyled mt-4" style="opacity:.85">
<li class="mb-2"><i class="fas fa-check-circle me-2" style="color:var(--zen-accent)"></i> Accès immédiat par email</li>
<li class="mb-2"><i class="fas fa-check-circle me-2" style="color:var(--zen-accent)"></i> Toutes les fonctionnalités visibles</li>
<li class="mb-2"><i class="fas fa-check-circle me-2" style="color:var(--zen-accent)"></i> Démo partagée, données réinitialisées chaque nuit</li>
<li><i class="fas fa-check-circle me-2" style="color:var(--zen-accent)"></i> Zéro engagement, zéro carte requise</li>
</ul>
<p class="mt-4" style="opacity:.75;font-size:.9rem">Convaincu·e ? <a href="/sinscrire" style="color:#fff;font-weight:700;text-decoration:underline">Créez votre espace — 1er mois à 1 € →</a></p>
</div>
<div class="col-lg-6">
<div class="form-demo">
<h5 class="fw-700 mb-1" style="color:var(--zen-dark);font-weight:700">Accéder à la démo</h5>
<p class="text-muted mb-4" style="font-size:.88rem">Recevez vos accès par email instantanément.</p>
<form method="post">
<div class="mb-3">
<input type="text" name="fname" class="form-control" placeholder="Votre nom & prénom *" required value="">
</div>
<div class="mb-3">
<input type="email" name="email" class="form-control" placeholder="Votre email *" required value="">
</div>
<div class="mb-3">
<input type="tel" name="phone" class="form-control" placeholder="Téléphone (facultatif)" value="">
</div>
<div class="mb-4">
<input type="text" name="metier" class="form-control" placeholder="Votre spécialité (ex : sophrologue)" value="">
</div>
<button type="submit" class="btn btn-submit">Recevoir mes accès <i class="fas fa-arrow-right ms-2"></i></button>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer>
<div class="container d-flex flex-wrap justify-content-between align-items-center gap-3">
<div>
<strong style="color:#fff">Zen-Cab</strong> — La gestion de cabinet sans prise de tête
</div>
<div class="d-flex gap-3">
<a href="/mentionsLegales.php">Mentions légales</a>
<a href="/confidentialite.php">Confidentialité</a>
<a href="/cgu.php">CGU</a>
<a href="mailto:contact@zen-cab.fr">contact@zen-cab.fr</a>
</div>
</div>
</footer>
<script src="/shared/ext/bootstrap/js/bootstrap.bundle.min.js?v=1777805455"></script>
</body>
</html>
