// Partner wordmarks — typographic SVG logos in a single ink color,
// rendered so each brand reads as a recognizable wordmark on a uniform wall.

const W = ({ children, vb = "0 0 200 60" }) => (
  <svg viewBox={vb} xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet" style={{ width: '100%', height: '100%', display: 'block' }} fill="currentColor">
    {children}
  </svg>
);

const Bilt = () => (
  <W vb="0 0 200 60">
    <text x="100" y="44" textAnchor="middle" fontFamily="Inter Tight, sans-serif" fontWeight="800" fontSize="40" letterSpacing="-1">Bilt</text>
  </W>
);

const VirginVoyages = () => (
  <W vb="0 0 240 70">
    <text x="120" y="32" textAnchor="middle" fontFamily="Fraunces, serif" fontStyle="italic" fontWeight="900" fontSize="26" letterSpacing="-0.5">Virgin</text>
    <text x="120" y="58" textAnchor="middle" fontFamily="Inter Tight, sans-serif" fontWeight="500" fontSize="13" letterSpacing="6">VOYAGES</text>
  </W>
);

const BMW = () => (
  <W vb="0 0 200 60">
    <circle cx="100" cy="30" r="22" fill="none" stroke="currentColor" strokeWidth="2.5" />
    <path d="M 100 8 L 100 52 M 78 30 L 122 30" stroke="currentColor" strokeWidth="1.5" />
    <path d="M 100 30 L 100 8 A 22 22 0 0 1 122 30 Z" fill="currentColor" opacity="0.18" />
    <path d="M 100 30 L 100 52 A 22 22 0 0 1 78 30 Z" fill="currentColor" opacity="0.18" />
    <text x="100" y="34" textAnchor="middle" fontFamily="Inter Tight, sans-serif" fontWeight="800" fontSize="11" letterSpacing="1">BMW</text>
  </W>
);

const Yasso = () => (
  <W vb="0 0 200 60">
    <text x="100" y="42" textAnchor="middle" fontFamily="Fraunces, serif" fontWeight="900" fontStyle="italic" fontSize="36" letterSpacing="-1">yasso</text>
  </W>
);

const Public = () => (
  <W vb="0 0 200 60">
    <text x="100" y="42" textAnchor="middle" fontFamily="Inter Tight, sans-serif" fontWeight="700" fontSize="32" letterSpacing="-1.5">Public</text>
  </W>
);

const Chase = () => (
  <W vb="0 0 220 60">
    <g transform="translate(50 30)">
      <rect x="-10" y="-10" width="9" height="9" />
      <rect x="1" y="-10" width="9" height="9" />
      <rect x="-10" y="1" width="9" height="9" />
      <rect x="1" y="1" width="9" height="9" />
    </g>
    <text x="75" y="40" fontFamily="Inter Tight, sans-serif" fontWeight="700" fontSize="30" letterSpacing="-0.5">CHASE</text>
  </W>
);

const Abbott = () => (
  <W vb="0 0 200 60">
    <text x="100" y="42" textAnchor="middle" fontFamily="Inter Tight, sans-serif" fontWeight="600" fontSize="34" letterSpacing="-1.5" fontStyle="italic">Abbott</text>
  </W>
);

const SimpleMills = () => (
  <W vb="0 0 240 70">
    <text x="120" y="32" textAnchor="middle" fontFamily="Fraunces, serif" fontWeight="500" fontSize="22" letterSpacing="-0.5">Simple</text>
    <text x="120" y="56" textAnchor="middle" fontFamily="Fraunces, serif" fontWeight="500" fontSize="22" letterSpacing="-0.5">Mills.</text>
  </W>
);

const Take5 = () => (
  <W vb="0 0 200 60">
    <text x="100" y="42" textAnchor="middle" fontFamily="Inter Tight, sans-serif" fontWeight="900" fontSize="32" letterSpacing="-1">TAKE 5</text>
  </W>
);

const OrderlyMeds = () => (
  <W vb="0 0 240 60">
    <text x="120" y="40" textAnchor="middle" fontFamily="Inter Tight, sans-serif" fontWeight="600" fontSize="22" letterSpacing="-0.5">orderly<tspan fontWeight="800">meds</tspan></text>
  </W>
);

const BahaMar = () => (
  <W vb="0 0 240 70">
    <text x="120" y="32" textAnchor="middle" fontFamily="Fraunces, serif" fontWeight="400" fontSize="22" letterSpacing="3">BAHA</text>
    <text x="120" y="58" textAnchor="middle" fontFamily="Fraunces, serif" fontWeight="400" fontSize="22" letterSpacing="3">MAR</text>
  </W>
);

const Truist = () => (
  <W vb="0 0 220 60">
    <circle cx="60" cy="30" r="14" fill="none" stroke="currentColor" strokeWidth="3" />
    <path d="M 54 30 L 60 36 L 68 24" fill="none" stroke="currentColor" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round" />
    <text x="82" y="40" fontFamily="Inter Tight, sans-serif" fontWeight="700" fontSize="28" letterSpacing="-0.5">Truist</text>
  </W>
);

const UnitedHealth = () => (
  <W vb="0 0 280 70">
    <text x="140" y="32" textAnchor="middle" fontFamily="Inter Tight, sans-serif" fontWeight="700" fontSize="20" letterSpacing="-0.3">United</text>
    <text x="140" y="56" textAnchor="middle" fontFamily="Inter Tight, sans-serif" fontWeight="700" fontSize="20" letterSpacing="-0.3">Healthcare</text>
  </W>
);

const Perplexity = () => (
  <W vb="0 0 260 60">
    <g transform="translate(72 30)">
      <circle cx="0" cy="0" r="14" fill="none" stroke="currentColor" strokeWidth="2.5" />
      <line x1="0" y1="-14" x2="0" y2="14" stroke="currentColor" strokeWidth="2.5" />
      <line x1="-14" y1="0" x2="14" y2="0" stroke="currentColor" strokeWidth="2.5" />
    </g>
    <text x="92" y="40" fontFamily="Inter Tight, sans-serif" fontWeight="500" fontSize="26" letterSpacing="-0.5">perplexity</text>
  </W>
);

window.PartnerLogos = [
  { name: 'Bilt', C: Bilt },
  { name: 'Virgin Voyages', C: VirginVoyages },
  { name: 'BMW', C: BMW },
  { name: 'Yasso', C: Yasso },
  { name: 'Public', C: Public },
  { name: 'Chase', C: Chase },
  { name: 'Abbott', C: Abbott },
  { name: 'Simple Mills', C: SimpleMills },
  { name: 'Take 5', C: Take5 },
  { name: 'OrderlyMeds', C: OrderlyMeds },
  { name: 'Baha Mar', C: BahaMar },
  { name: 'Truist Bank', C: Truist },
  { name: 'United Healthcare', C: UnitedHealth },
  { name: 'Perplexity', C: Perplexity },
];
