/* ClientBase — About, Contact, Login pages */ const AboutPage = ({ go }) => ( <>

ClientBase est né d'un constat simple : les outils existants pour les indépendants du service sont soit trop chers, soit trop compliqués, soit les deux. On s'est dit qu'on pouvait faire mieux, plus simple, plus juste.

On est au tout début : l'app fonctionne, mais elle a besoin de vos retours pour grandir. C'est pour ça qu'on ouvre la bêta — vous utilisez gratuitement, vous nous dites ce qui va ou pas, et on adapte l'outil à la réalité de votre métier.

Ce qu'on s'engage à tenir dès maintenant : un prix juste quand on lancera officiellement, une interface simple à comprendre, et un support humain — pas un bot. Pas de commission sur vos RDV, jamais.

— L'équipe ClientBase
{/* Honest status */}
{[ ["Bêta", "statut du projet"], ["Gratuit", "pendant toute la bêta"], ["< 15 min", "pour être opérationnel"], ["🇫🇷", "hébergé en France"], ].map(([v, l]) => (
{v}
{l}
))}
{/* Values */}

Ce qui nous guide

{[ { icon: "shield", title: "Honnêteté", desc: "Un prix affiché, pas de frais cachés, pas de commission sur vos RDV. Ce que vous payez, c'est ce que vous payez." }, { icon: "zap", title: "Simplicité", desc: "Chaque nouvelle fonctionnalité doit réussir le test du « ma mère peut-elle l'utiliser sans tuto ? »" }, { icon: "heart", title: "Proximité", desc: "Un support humain, en français, qui comprend votre métier. Pas un bot qui tourne en rond." }, ].map(v => (

{v.title}

{v.desc}

))}
); /* ============ CONTACT PAGE ============ */ // Adresse contact globale — affichée et utilisée pour les formulaires const CB_CONTACT_EMAIL = "clientbase.fr@gmail.com"; // Endpoint FormSubmit — zéro setup, les mails arrivent directement const CB_FORM_ENDPOINT = `https://formsubmit.co/ajax/${CB_CONTACT_EMAIL}`; /** Envoie un message via FormSubmit.co. Retourne { ok } ou { error }. */ const sendContactMail = async ({ subject, from, replyTo, message, meta }) => { try { const res = await fetch(CB_FORM_ENDPOINT, { method: "POST", headers: { "Content-Type": "application/json", "Accept": "application/json" }, body: JSON.stringify({ _subject: subject, _replyto: replyTo, _template: "table", _captcha: "false", name: from, email: replyTo, message, ...(meta || {}), }), }); const data = await res.json().catch(() => ({})); if (!res.ok || data.success === "false") { return { error: data.message || "Erreur d'envoi. Réessayez dans un instant." }; } return { ok: true }; } catch (e) { return { error: "Impossible d'envoyer (réseau). Réessayez." }; } }; const ContactPage = () => { const [form, setForm] = React.useState({ name: "", email: "", subject: "Question générale", message: "" }); const [sent, setSent] = React.useState(false); const [busy, setBusy] = React.useState(false); const [error, setError] = React.useState(null); const isMobile = useIsMobile(760); const submit = async (e) => { e.preventDefault(); setError(null); if (!form.name.trim()) return setError("Votre nom est requis."); if (!cbAuth.isValidEmail(form.email)) return setError("Email invalide. Exemple : prenom@exemple.fr"); if (!form.message.trim() || form.message.trim().length < 10) return setError("Votre message est trop court."); setBusy(true); const res = await sendContactMail({ subject: `[ClientBase — ${form.subject}] ${form.name}`, from: form.name, replyTo: form.email, message: form.message, meta: { Source: "Page vitrine /contact" }, }); setBusy(false); if (res.error) return setError(res.error); setSent(true); }; // Carte email rapide (mobile : tout en haut pour un contact express) const QuickMail = () => (
Envoi direct
{CB_CONTACT_EMAIL}
Réponse sous 24 h ouvrées
 ); return ( <>
{isMobile ? ( /* ===== Mobile : carte email rapide en haut, puis formulaire ===== */
Déjà inscrit·e ? Contactez-nous directement depuis Paramètres → Nous contacter dans l'app.
{sent ? (

Message envoyé !

Réponse sous 24 h à {form.email}.

) : ( <>

Écrivez-nous

Arrive directement à {CB_CONTACT_EMAIL}.

{error && (
{error}
)}
setForm({...form, name: v})} placeholder="Camille Dupont"/> setForm({...form, email: v})} placeholder="vous@exemple.fr"/>