// Outcomes.jsx — What students walk away with
function Outcomes() {
  const items = [
    'Practical CAD skills in Fusion 360 — the same software professional engineers use.',
    'Working knowledge of aerospace principles and FAA aviation regulations.',
    'A completed engineering project, documented and ready for your portfolio.',
    'Real connections to working pilots and aerospace engineers.',
    'Mentorship from industry professionals beyond the 8-week program.',
    'A clear personal roadmap: internships, certifications, and college programs.',
  ];
  return (
    <section id="outcomes" className="al-section al-section-alt">
      <div className="al-container">
        <div className="al-eyebrow al-center">WHAT STUDENTS WALK AWAY WITH</div>
        <h2 className="al-h2 al-center">Six things in your back pocket by graduation.</h2>
        <div className="al-outcomes-grid">
          {items.map((t, i) => (
            <div key={i} className="al-outcome-row">
              <div className="al-outcome-check"><i data-lucide="check" /></div>
              <div className="al-outcome-text">
                <span className="al-outcome-num">0{i+1}</span>
                <span>{t}</span>
              </div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
window.Outcomes = Outcomes;