// pages-partner.jsx — Vertriebspartner & Provisionen, Selbstauskunft, Expose, Dokumente, Kunden-Detail, Kampagnen, Rechner // ===================== KUNDEN-DETAIL ===================== function KundeDetail({ kundeId, openObjekt, openSelbstauskunft, openExpose, back }) { const k = SAMPLE_KUNDEN.find(x => x.id === kundeId) || SAMPLE_KUNDEN[0]; const obj = SAMPLE_OBJEKTE.find(o => o.id === k.objektId); const stage = PIPELINE_STAGES.find(s => s.key === k.stage); return (
{k.email} · {k.tel} · {stage.label}} actions={<> } />
Pipeline-Verlauf
{PIPELINE_STAGES.map((s, i) => { const active = PIPELINE_STAGES.findIndex(x=>x.key===k.stage) >= i; return (
{i+1}
{s.label}
{i < PIPELINE_STAGES.length-1 &&
x.key===k.stage) > i ? 'var(--accent)' : 'var(--border-default)', alignSelf: 'flex-start', marginTop: 13 }}>
} ); })}
Finanzielles Profil
{[['Budget', fmtEUR(k.budget)],['Eigenkapital', fmtEUR(k.ek)],['Haushalts-Netto / Monat', fmtEUR(k.einkommen)], ['Score (KI)', k.score+' / 100'],['Selbstauskunft', k.selbstauskunft],['Stadt', k.stadt]].map(([a,b]) => (
{a}
{b}
))}
Aktivitätsverlauf
{[ { i: 'send', t: 'Exposé "Stadtvilla Königsallee" versendet', m: 'sandra@office-vertrieb.de · vor 2 Std' }, { i: 'eye', t: 'Exposé 4× geöffnet — letzte Ansicht 18 Min', m: 'tracking@wholix' }, { i: 'fileCheck', t: 'Selbstauskunft eingereicht', m: 'Mit allen Pflichtfeldern · vor 12 Min' }, { i: 'phone', t: 'Telefonat — 14 Min', m: 'Sandra Kersten · gestern' }, ].map((a,i) => { const Ic = Icon[a.i]; return (
0 ? '1px solid var(--border-subtle)' : 0 }}>
{a.t}
{a.m}
); })}
{obj && (
Aktuelles Objekt
{obj.titel}
{obj.adresse}
{fmtEUR(obj.kaufpreis)}
 )}
KI-Zusammenfassung
{k.name} bringt {fmtEUR(k.ek)} Eigenkapital ({Math.round(k.ek/k.budget*100)} % vom Budget) und ein Haushalts-Netto von {fmtEUR(k.einkommen)} mit. Bonität-Score {k.score}/100 — {k.score >= 85 ? 'sehr stark' : k.score >= 70 ? 'solide' : 'unterdurchschnittlich'}. Empfehlung: {k.score >= 85 ? 'Reservierungs-Gespräch zeitnah anstoßen.' : 'Vor Reservierung Bonitätsprüfung & Finanzierungsbestätigung einholen.'}
Berater
{k.berater}
Senior Vertriebspartner
); } // ===================== VERTRIEBSPARTNER ===================== function PartnerListe() { return (
s+p.provisionYTD,0))} Provisionen YTD`} actions={<>}/>
p.status==='aktiv').length} icon={}/> s+p.pipeline,0))} icon={}/> s+p.abschluesse,0)} icon={}/> s+p.provisionYTD,0))} icon={}/>
{['Partner','Region','Kunden','Pipeline','Abschlüsse','Provision %','Provision YTD','Score',''].map(h => )} {SAMPLE_PARTNER.map((p,i) => ( ))}
{h}
{p.name}
{p.rolle}
 {p.region} {p.kunden} {fmtEUR(p.pipeline)} {p.abschluesse} {p.provisionPct} % {fmtEUR(p.provisionYTD)} =85?'var(--success-soft)':p.score>=70?'var(--accent-soft)':'var(--surface-sunken)', color: p.score>=85?'#166534':p.score>=70?'var(--wholix-amber-800)':'var(--fg-3)' }}>{p.score}
); } // ===================== PROVISIONEN ===================== function Provisionen() { const offen = [ { id: 'PROV-2451', objekt: 'OBJ-2042 — WE 04', kunde: 'Familie Vogt', partner: 'Tim Rauch', pct: 1.4, betrag: 11_830, datum: '15.04.2026', status: 'fällig' }, { id: 'PROV-2452', objekt: 'OBJ-2037 — Reihenhaus', kunde: 'F. Lehnert', partner: 'Sandra Kersten', pct: 1.5, betrag: 10_800, datum: '02.05.2026', status: 'ausgezahlt' }, { id: 'PROV-2453', objekt: 'OBJ-2041 — Stadtvilla', kunde: 'M. Albrecht', partner: 'Sandra Kersten', pct: 1.5, betrag: 19_350, datum: 'in Reservierung', status: 'pending' }, { id: 'PROV-2454', objekt: 'OBJ-2039 — Speicherstadt', kunde: 'P. Wenzel', partner: 'Tim Rauch', pct: 1.4, betrag: 16_520, datum: 'in Reservierung', status: 'pending' }, ]; const tones = { 'fällig': 'amber', 'ausgezahlt': 'green', 'pending': 'grey' }; return (
}>Abrechnungslauf starten}/>
o.status==='fällig').reduce((s,o)=>s+o.betrag,0))} deltaTone="amber" icon={}/> o.status==='pending').reduce((s,o)=>s+o.betrag,0))} icon={}/> o.status==='ausgezahlt').reduce((s,o)=>s+o.betrag,0))} icon={}/> } delta="+18 %" deltaTone="green"/>
{['ID','Objekt','Kunde','Partner','%','Betrag','Datum','Status',''].map(h => )} {offen.map((r,i) => ( ))}
{h}
{r.id} {r.objekt} {r.kunde} {r.partner} {r.pct} % {fmtEUR(r.betrag)} {r.datum} {r.status}
); } // ===================== EXPOSÉS-ÜBERSICHT ===================== function ExposeListe({ openExpose, openExposePublic }) { const items = SAMPLE_OBJEKTE.filter(o => o.status !== 'verkauft').map(o => ({ o, aufrufe: Math.floor(Math.random()*40+5), versendet: Math.floor(Math.random()*15+3), })); return (
}>Neues Exposé}/>
{items.map(({o, aufrufe, versendet}) => (
veröffentlicht
{o.titel}
{o.adresse}
{aufrufe} Aufrufe {versendet} Versand
))}
); } // ===================== EXPOSE-EDITOR ===================== function ExposeEditor({ objektId, openExposePublic, back }) { const o = SAMPLE_OBJEKTE.find(x => x.id === objektId) || SAMPLE_OBJEKTE[0]; const [mode, setMode] = React.useState('public'); const [pwd, setPwd] = React.useState(''); const [recipient, setRecipient] = React.useState(''); const [generating, setGenerating] = React.useState(false); const [text, setText] = React.useState(`Exklusive Anlagemöglichkeit in ${o.ort}: ${o.titel}. ${o.bauJahr >= 2020 ? 'Energieeffizienter Neubau' : 'Gepflegter Bestand'} mit ${o.wfl} m² Wohnfläche, ${o.zimmer} Zimmern und attraktiver Mietsituation. ${o.afaTyp === 'denkmal-7i' ? 'Maximale Steuerersparnis durch Denkmal-AfA nach §7i EStG.' : o.afaTyp === 'sonder-7b' ? 'Beschleunigte Sonder-AfA §7b für Mietwohnungsneubau.' : 'Solide Brutto-Mietrendite und langfristige Wertstabilität.'}\n\nDie Lage überzeugt durch hervorragende Anbindung, Infrastruktur und ein nachhaltig steigendes Mietniveau im Quartier.`); const link = `https://app.wholix.de/x/${o.id.toLowerCase()}-${mode === 'public' ? 'pub' : 'a8f2'}`; const generate = () => { setGenerating(true); setTimeout(() => { setText(`✦ ${o.titel}\n\n${o.ort} bleibt einer der gefragtesten Standorte Deutschlands. Mit ${o.wfl} m² auf ${o.zimmer} Zimmer bietet diese Immobilie alles, was Kapitalanleger 2026 suchen: stabile Mieteinnahmen (${fmtEUR(o.miete)} kalt/Monat), eine ${(o.miete*12/o.kaufpreis*100).toFixed(2)} % Brutto-Mietrendite und ${o.afaTyp === 'denkmal-7i' ? '12 Jahre erhöhte Denkmal-AfA bis zu 9 % p.a.' : o.afaTyp === 'sonder-7b' ? 'Sonder-AfA §7b von 5 % zusätzlich in den ersten 4 Jahren' : 'planbare lineare AfA über die volle Nutzungsdauer'}.\n\nKurz: Eine Immobilie, die rechnet.`); setGenerating(false); }, 1100); }; return (
}/>
Inhalt