// Shared content + shield logo component for Northbound Advisory

const CONTACT = {
  email: 'kurt.gielen@gmail.com',
  phone: '+32 468 13 14 66',
  linkedin: 'https://www.linkedin.com/in/kurtgielen/',
  linkedinHandle: 'linkedin.com/in/kurtgielen',
};

const SERVICES = [
  {
    num: '01',
    title: 'Strategic Business Development',
    blurb: 'Identifying and translating growth opportunities into executable commercial paths — across markets, partnerships, and adjacencies.',
    lines: ['Market entry & expansion', 'Partnership structuring', 'Growth strategy & roadmaps'],
  },
  {
    num: '02',
    title: 'Go-to-Market, Sales & Marketing',
    blurb: 'Building the commercial engine: positioning, channel design, sales enablement, and the marketing infrastructure that compounds over time.',
    lines: ['Positioning & value propositions', 'Sales organisation design', 'Marketing & demand generation'],
  },
  {
    num: '03',
    title: 'General Management & Interim Leadership',
    blurb: 'Hands-on senior support during transitions — scale-ups professionalising, teams between leaders, or complexity that needs an experienced hand.',
    lines: ['Interim executive roles', 'Organisational transformation', 'Team building & coaching'],
  },
];

const BIO_SHORT = "Twenty-plus years at the intersection of science, business, and strategy — from corporate leadership at Invitrogen / Life Technologies to building Medace and advising ventures across biotech, medtech, and adjacent fields.";

const BIO_LONG = [
  "With 20+ years of experience in the life sciences and biomedical industry, I have built a career at the intersection of science, business, and strategy. My background spans corporate leadership (Invitrogen / Life Technologies), scale-up building (Medace), and international business development — giving me a unique perspective on how to translate innovation into impact.",
  "I hold a Master's degree in Biochemistry and have worked across commercial, operational, and strategic leadership roles. I've led teams, developed markets across Europe, built partnerships with corporates and investors, and guided startups through regulatory, clinical, and commercialisation challenges. This combination of entrepreneurial drive and corporate discipline allows me to thrive in dynamic, fast-moving environments — from early-stage ventures to multinational organisations.",
  "I'm particularly passionate about helping science-based ventures grow, whether in biotech, medtech, or adjacent fields. What drives me is enabling teams and organisations to professionalise, scale, and ultimately deliver innovations that improve lives.",
];

const STRENGTHS = [
  { label: 'Business & market development', detail: 'Identifying growth opportunities and scaling ventures internationally.' },
  { label: 'Leadership & change management', detail: 'Building teams, coaching talent, driving organisational transformation.' },
  { label: 'Strategy & partnerships', detail: 'Aligning stakeholders, structuring collaborations, securing funding.' },
];

// Shield logo — uses the attached asset, displayed small.
// For the mark-only variant (without wordmark) we use the mountain-arrow.
function ShieldLogo({ height = 48, tone = 'color' }) {
  return (
    <img
      src="assets/logo-shield.png"
      alt="Northbound Advisory"
      style={{
        height,
        width: 'auto',
        display: 'block',
        filter: tone === 'mono-light' ? 'brightness(0) invert(1)' : tone === 'mono-dark' ? 'brightness(0)' : 'none',
      }}
    />
  );
}

function MountainMark({ height = 32, tone = 'color' }) {
  return (
    <img
      src="assets/logo-mark.png"
      alt=""
      style={{
        height,
        width: 'auto',
        display: 'block',
        filter: tone === 'mono-light' ? 'brightness(0) invert(1)' : tone === 'mono-dark' ? 'brightness(0)' : 'none',
      }}
    />
  );
}

// Simulated browser chrome — each artboard starts with this
function BrowserChrome({ url = 'northbound-advisory.com' }) {
  return (
    <div className="nb-chrome">
      <div className="dot" style={{ background: '#e06c5c' }} />
      <div className="dot" style={{ background: '#e0b65c' }} />
      <div className="dot" style={{ background: '#6ca96c' }} />
      <div className="url">{url}</div>
    </div>
  );
}

Object.assign(window, {
  CONTACT, SERVICES, BIO_SHORT, BIO_LONG, STRENGTHS,
  ShieldLogo, MountainMark, BrowserChrome,
});