// CourtiersLanding — Route #/courtiers
// Vague 1 PR 1.1 — Landing publique qui vend le plan Pro 59$/mois aux courtiers OACIQ
// et fait le pont vers le dashboard existant #/courtier (gating Pro).
//
// Conventions Vestora vanilla : aucun import/export ES,
// composant exposé via window.CourtiersLanding, React/hooks accédés via le global.
(function () {
const { useState, useEffect } = React;
// ---------- Helpers stubs (auth / billing absents en dev) ----------
function showToast(msg) {
const el = document.createElement('div');
el.textContent = msg;
Object.assign(el.style, {
position: 'fixed', bottom: '24px', left: '50%', transform: 'translateX(-50%)',
background: 'oklch(0.18 0.012 85)', color: '#fff',
padding: '12px 24px', borderRadius: '8px', zIndex: 9999,
fontSize: '14px', fontFamily: 'Inter, sans-serif',
boxShadow: '0 4px 16px rgba(0,0,0,0.25)',
});
document.body.appendChild(el);
setTimeout(() => el.remove(), 3500);
}
function getCurrentUser() {
const auth = window.vestora && window.vestora.auth;
if (!auth) return null;
if (typeof auth.getUser === 'function') return auth.getUser();
return auth.currentUser || null;
}
function openLoginModal(intent) {
// On stocke l'intent dans une variable globale lue par l'effet de continuation
// (la LoginModal existante ne prend pas de prop intent — Sprint 1 garde l'API stable).
if (intent) window.__vestoraIntent = intent;
const auth = window.vestora && window.vestora.auth;
if (auth && typeof auth.openModal === 'function') {
auth.openModal();
} else {
showToast('Connexion bientôt disponible.');
}
}
function startCheckout(planKey) {
const billing = window.vestora && window.vestora.billing;
if (billing && typeof billing.startCheckout === 'function') {
billing.startCheckout(planKey);
} else {
showToast('Paiement bientôt disponible (Stripe).');
}
}
// ---------- Données plan Pro (extrait de PricingPage) ----------
// On garde une définition locale minimale pour rester découplé de PricingPage,
// afin d'éviter un refactor cross-PR. Si PricingPage change, ajuster ici.
const PRO_PLAN = {
id: 'pro',
name: 'Pro',
monthlyPrice: 59,
annualPrice: 564,
annualPerMonth: 47,
features: [
'Tableau de bord courtier (marché, opportunités, clients, fiche rapide)',
'Matching automatique clients ↔ listings',
'Alertes nouvelles annonces illimitées',
'Analyse complète avec 3 scénarios + projection 10 ans',
'Fiche PDF brandée à partager (client, banquier)',
'Module fiscalité QC (CCA, gain en capital)',
'Test de sensibilité 6 variables + export CSV',
'Historique cloud + favoris multi-appareils',
],
};
// ---------- FAQ ----------
const FAQ = [
{
q: 'Vestora est-il conforme aux exigences de l\'OACIQ ?',
a: 'Vestora est un outil d\'aide à la décision destiné aux investisseurs et aux courtiers. Les analyses présentées ne constituent pas un avis professionnel et ne remplacent pas le devoir de conseil du courtier. Vous restez en tout temps responsable de la conformité des transactions présentées à vos clients.',
},
{
q: 'D\'où proviennent les données affichées ?',
a: 'Les listings proviennent du scrape public Centris (mise à jour quotidienne). Un partenariat MLS direct (feed Matrix via courtier OACIQ partenaire) est en cours d\'intégration pour des données live et exhaustives. Les calculs financiers (cap rate, DSCR, cash-flow) sont effectués en temps réel selon vos hypothèses.',
},
{
q: 'Comment Vestora respecte-t-il la Loi 25 (protection des renseignements personnels) ?',
a: 'Les données de vos clients (préférences, alertes, notes) sont hébergées au Canada (Supabase région Montréal), chiffrées en transit (TLS) et au repos. Vous gardez le contrôle total : export et suppression à tout moment depuis votre espace courtier. Notre politique de confidentialité détaille les durées de conservation.',
},
{
q: 'Puis-je partager les analyses à mes clients sans qu\'ils aient un compte ?',
a: 'Oui. Le plan Pro inclut l\'export PDF de l\'analyse complète brandée Vestora. Vous le partagez par courriel, en visite ou en présentation banque — votre client n\'a besoin d\'aucun compte pour le consulter.',
},
{
q: 'Comment Vestora calcule-t-il les dépenses d\'opération (OpEx) ?',
a: 'Les vendeurs sous-déclarent souvent les OpEx sur Centris (cap rate gonflé). Quand les dépenses déclarées sont absentes OU inférieures à 30 % des revenus bruts, Vestora applique un benchmark normalisé par ville × taille × ère de construction. Catégories couvertes : taxes municipales (priorité MAMH), taxes scolaires (taux MEQ), assurances, entretien, gestion (5-7 % si >5 portes), déneigement, énergie communs, GER (réserve de remplacement). Sources : SCHL (CMHC), APCHQ, StatCan Income Property Survey, recensement MAMH 2024. Un badge ⚖️ « OpEx normalisée » apparaît à côté du cap rate concerné, avec le détail du calcul.',
},
{
q: 'Que se passe-t-il après les 7 jours d\'essai ?',
a: 'Aucun débit automatique. À la fin du trial Pro, votre compte revient en mode Découverte (gratuit). Si vous souhaitez continuer, vous activez l\'abonnement Pro 59$/mois (ou 47$/mois en facturation annuelle) en un clic depuis votre espace compte. Annulation en un clic à tout moment.',
},
];
// ---------- CTA logic ----------
function ctaLabelForUser(user) {
if (!user) return 'Essayer 7 jours gratuits';
const plan = user.plan || (user.user_metadata && user.user_metadata.plan);
if (plan === 'pro' || plan === 'agent') return 'Ouvrir mon dashboard';
return 'Activer mon essai Pro 7 jours';
}
function handleCTA(user) {
if (!user) {
if (window.vestora && window.vestora.analytics) {
window.vestora.analytics.track('Lead', { plan: 'pro', surface: 'courtiers_landing' });
}
openLoginModal('broker_trial');
return;
}
const plan = user.plan || (user.user_metadata && user.user_metadata.plan);
if (plan === 'pro' || plan === 'agent') {
window.location.hash = '#/courtier';
return;
}
startCheckout('pro_monthly');
}
// ---------- Sub-components ----------
function BenefitIcon({ kind }) {
const common = { width: 28, height: 28, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: 1.6, strokeLinecap: 'round', strokeLinejoin: 'round' };
if (kind === 'match') {
return (
);
}
if (kind === 'bell') {
return (
);
}
if (kind === 'pdf') {
return (
);
}
return null;
}
function FAQItem({ q, a }) {
const [open, setOpen] = useState(false);
return (
Outillez vos clients investisseurs en quelques clics. Économisez 10 h par semaine.
Vestora Pro vous donne un tableau de bord courtier branché sur les analyses cap rate, DSCR et cash-flow de chaque plex au Québec. Matching client automatique, alertes illimitées, fiche PDF brandée.
Sans carte requise · Annule en 1 clic
{/* 2. Bénéfices */}
{[
{
kind: 'match',
title: 'Matching client ↔ listings',
desc: 'Vos clients investisseurs déclarent leurs critères (budget, rendement cible, ville). Vestora propose en continu les plex qui matchent — vous reprenez la main pour qualifier.',
},
{
kind: 'bell',
title: 'Alertes nouveautés illimitées',
desc: 'Soyez le premier à signaler une nouvelle annonce qui colle au profil de votre client. Notifications par email, regroupement quotidien, historique des alertes envoyées.',
},
{
kind: 'pdf',
title: 'Fiche PDF brandée',
desc: 'Exportez l\'analyse complète (3 scénarios, projection 10 ans, fiscalité QC) en PDF brandé Vestora. Partagez à votre client, à son banquier ou à son comptable.',
},
].map((b) => (
{b.title}
{b.desc}
))}
{/* 3. Comment ça marche */}
Comment ça marche
{[
{
step: '1',
title: 'Vous activez votre trial Pro',
desc: '7 jours d\'accès complet — sans carte. Configurez votre profil courtier en 2 minutes.',
},
{
step: '2',
title: 'Vous ajoutez vos clients investisseurs',
desc: 'Importez votre liste, configurez budget / rendement / ville pour chacun. Vestora fait le matching en continu.',
},
{
step: '3',
title: 'Vous envoyez la fiche PDF',
desc: 'Sur les biens qui matchent, exportez l\'analyse complète brandée et envoyez-la à votre client. C\'est tout.',
},
].map((s) => (
{s.step}
{s.title}
{s.desc}
))}
{/* 4. Prix — Pro plan card */}
Un plan, tout inclus
Pas de paliers. Pas de surprise. Le plan Pro donne accès à l'ensemble du dashboard courtier et aux analyses complètes de tous les plex publiés au Québec.
Vous courtez du multilog 6+ ou du mixte résidentiel+commercial ?
Pro Commercial inclut tout le plan Pro + 1 Dossier IA Commercial / mois,
comps cap rate par sous-marché, IRR 5/10 ans, pro forma normalisée 12+ portes.
129$/mois — pour courtiers commerciaux spécialisés.