// Features.jsx — "What we offer" 6-card grid
function Features() {
  const cards = [
    { icon: 'box', title: 'Hands-on CAD training', body: 'Fusion 360 from the ground up. Model a part, revise against a brief, export ready to print or mill.' },
    { icon: 'rocket', title: 'Core aerospace principles', body: 'Aerodynamics, propulsion, and orbital mechanics — taught through the things you actually build.' },
    { icon: 'plane', title: 'Aviation fundamentals', body: 'FAA airspace rules, navigation, and flight theory. The same foundations a real student pilot learns.' },
    { icon: 'wrench', title: 'Real engineering projects', body: 'Model rocketry, balsa gliders, and drone builds. Every session ends with something in your hands.' },
    { icon: 'users', title: 'Industry guest speakers', body: 'Working pilots and aerospace engineers join every cohort — real people, real jobs, your questions.' },
    { icon: 'graduation-cap', title: 'Career pathway guidance', body: 'We map the road: internships, certifications, and college programs. You leave with a plan.' },
  ];
  return (
    <section id="program" className="al-section">
      <div className="al-container">
        <div className="al-eyebrow al-center">WHAT WE OFFER</div>
        <h2 className="al-h2 al-center">Six things you'll learn, build, and leave with.</h2>
        <div className="al-features-grid">
          {cards.map((c, i) => (
            <div key={i} className="al-feature-card">
              <div className="al-feature-icon"><i data-lucide={c.icon} /></div>
              <h3 className="al-feature-title">{c.title}</h3>
              <p className="al-feature-body">{c.body}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
window.Features = Features;