Files
reformix-hackaton/mvp/b2c/src/components/funnel/TenantBrand.tsx
Carlos Narro 1a1caaf0df Reorganiza el routing multi-tenant: funnel por slug, B2B en raíz
- / y /b2b sirven la landing B2B estática (rewrites beforeFiles)
- /{slug} resuelve el funnel del reformista (app/[slug]/page.tsx) con
  branding propio (TenantBrand) y atribución de leads por tenant
- crearLead(slug) y páginas /solicitud usan el tenant del lead
- Panel: edición del slug del funnel + URL pública en /panel/empresa
- Helper de slugs reservados para evitar colisiones con rutas reales

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-06-01 11:09:44 +02:00

45 lines
1.5 KiB
TypeScript

type TenantBrandProps = {
nombreEmpresa: string;
logoUrl: string | null;
subtitle?: string;
};
function iniciales(nombre: string): string {
return nombre
.split(/\s+/)
.slice(0, 2)
.map((p) => p[0]?.toUpperCase() ?? '')
.join('');
}
// Cabecera de marca del reformista para el funnel público y las páginas de
// solicitud. El cliente final ve el branding del reformista, no el de Reformix.
export default function TenantBrand({ nombreEmpresa, logoUrl, subtitle }: TenantBrandProps) {
return (
<header className="bg-white border-b border-gray-200">
<div className="container py-4 flex items-center justify-between gap-4">
<div className="flex items-center gap-3 min-w-0">
{logoUrl ? (
// eslint-disable-next-line @next/next/no-img-element
<img
src={logoUrl}
alt={nombreEmpresa}
className="h-9 w-auto max-w-[160px] object-contain"
/>
) : (
<span className="h-9 w-9 rounded-lg bg-black text-white text-sm font-black flex items-center justify-center shrink-0">
{iniciales(nombreEmpresa)}
</span>
)}
<span className="text-lg font-black tracking-tight text-black truncate">
{nombreEmpresa}
</span>
</div>
<span className="text-xs font-semibold uppercase tracking-widest text-gray-400 shrink-0">
{subtitle ?? 'Presupuesto de reforma'}
</span>
</div>
</header>
);
}