// content.jsx — shared copy + helpers for the Thruline landing directions.
// (T tokens come from brand.jsx, loaded first.)

const COPY = {
  name: 'Thruline Solutions',
  tagline: 'Committed to your mission.',
  position: 'Professional protection, investigations, training, and consulting for organizations and leaders who need to operate safely and effectively.',
  approach: 'Our work starts with understanding your mission. Whether you need protection, investigations, training, or consulting, we provide practical security support designed to help you move forward safely, confidently, and effectively.',
  approachShort: 'We align our work to your mission — then provide the protection, investigations, and training to carry it out.',
};

const SERVICES = [
  { n: '01', title: 'Private Investigations',
    blurb: 'Investigative support for organizations, individuals, and mission-critical matters.' },
  { n: '02', title: 'Executive Protection',
    blurb: 'Physical protection and security support for leaders, elected officials, teams, and events.' },
  { n: '03', title: 'Training & Consulting',
    blurb: 'Practical security, de-escalation, and preparedness training for teams and organizations.' },
];

const SERVICE_OPTIONS = ['Private Investigations', 'Executive Protection', 'Training & Consulting', 'General Inquiry'];

// Striped placeholder for imagery the client will supply later.
function Ph({ label, h = 240, dark = false, accent = '#E8850C', radius = 0, style = {} }) {
  const base = dark ? '#222019' : '#efe7db';
  const stripe = dark ? 'rgba(255,255,255,0.05)' : 'rgba(26,26,26,0.05)';
  return (
    <div style={{ height: h, width: '100%', borderRadius: radius, position: 'relative',
      background: `repeating-linear-gradient(135deg, ${base}, ${base} 11px, ${stripe} 11px, ${stripe} 22px)`,
      display: 'flex', alignItems: 'center', justifyContent: 'center',
      border: dark ? '1px solid rgba(255,255,255,0.08)' : '1px solid rgba(26,26,26,0.08)', ...style }}>
      <span style={{ fontFamily: '"Spline Sans Mono", monospace', fontSize: 11, letterSpacing: '0.18em',
        textTransform: 'uppercase', color: accent, background: dark ? 'rgba(20,18,14,0.6)' : 'rgba(255,248,240,0.7)',
        padding: '5px 10px' }}>{label}</span>
    </div>
  );
}

Object.assign(window, { COPY, SERVICES, SERVICE_OPTIONS, Ph });