const NsAbout = () => {
  const focus = [
    'ที่ปรึกษาด้านบัญชี การเงิน และระบบควบคุมภายใน',
    'การเตรียมความพร้อมเข้าสู่ตลาดหลักทรัพย์',
    'การปรับปรุงโครงสร้าง กระบวนการ และการกำกับดูแลภายในองค์กร',
    'การพัฒนารายงานทางการเงินและระบบงานให้พร้อมต่อการตรวจสอบ',
  ];

  return (
    <section className="ns-section ns-section--deep" id="about">
      <div className="ns-container ns-about">
        <div className="ns-about__story">
          <div className="ns-eyebrow">About Us</div>
          <h2>มากกว่าที่ปรึกษา คือพันธมิตรที่เดินเคียงข้างองค์กร</h2>
          <p className="ns-about__quote">Committed to Your Path. Until You Succeed.</p>
          <div className="ns-gold-line" />
          <p>
            Northstar Corporation คือบริษัทที่ปรึกษาด้านบัญชี การเงิน และระบบควบคุมภายใน ก่อตั้งโดยทีมผู้เชี่ยวชาญที่มีประสบการณ์ตรงจากภาคธุรกิจและสายงานตรวจสอบบัญชี
          </p>
          <p>
            เรามุ่งมั่นสนับสนุนให้องค์กรบรรลุเป้าหมายทางธุรกิจได้อย่างมั่นคง ยั่งยืน และมีประสิทธิภาพ ผ่านแนวทางที่เน้นการลงมือทำจริง วิเคราะห์เชิงลึก และเข้าใจบริบทของแต่ละองค์กรอย่างแท้จริง
          </p>
          <p>
            ชื่อ North Star มาจากดาวเหนือ ซึ่งเป็นสัญลักษณ์ของความมั่นคงและการนำทาง เช่นเดียวกับบทบาทของเราในการช่วยวางทิศทางและนำพาองค์กรไปสู่เป้าหมายที่ชัดเจน
          </p>
        </div>

        <div className="ns-about__panel">
          <h3>Our Vision</h3>
          <p className="ns-about__vision">
            To become the leading advisory firm that walks alongside clients, illuminating the path to lasting success.
          </p>
          <ul>
            {focus.map(item => <li key={item}>{item}</li>)}
          </ul>
          <div className="ns-value-tags">
            <span>Integrity</span>
            <span>Clarity</span>
            <span>Collaboration</span>
          </div>
        </div>
      </div>
    </section>
  );
};

window.NsAbout = NsAbout;