services.js

class Service {
  constructor() {
    this.el = document.getElementById('services');
    if (!this.el) return;
    this.el.innerHTML = this.render();
  }

  item(icon, title, text) {
    return `
      <div class="col-md-6 col-lg-4 col-xs-12 padding-none">
        <div class="services-item">
          <div class="icon" aria-hidden="true"><i class="${icon}"></i></div>
          <div class="services-content">
            <h3>${title}</h3>
            <p>${text}</p>
          </div>
        </div>
      </div>`;
  }

  render = () => {
    return `
      <div class="container">
        <div class="row">
          <div class="col-12">
            <div class="section-title-header text-center">
              <h1 class="section-title">چرا فینگرکدر؟</h1>
              <p>چیزهایی که در دورهمی حضوری واقعاً به دست می‌آورید</p>
            </div>
          </div>
        </div>
        <div class="row services-wrapper">
          ${this.item(
            'lni-heart',
            'عشق به کدنویسی',
            'فضایی برای کسانی که کد فقط شغل‌شان نیست — انگیزه، انرژی جمعی و انگیزه برای ادامه مسیر.'
          )}
          ${this.item(
            'lni-users',
            'آشنایی با آدم‌های جدید',
            'از دانشجوی تازه‌کار تا متخصص باتجربه؛ در یک اتاق می‌نشینید و با هم حرف می‌زنید.'
          )}
          ${this.item(
            'lni-bulb',
            'بینش از بازار واقعی',
            'ارائه‌ها از تجربه روزمره می‌آیند: تکنولوژی، مسیر شغلی، اشتباهات و درس‌های واقعی.'
          )}
          ${this.item(
            'lni-link',
            'شبکه‌سازی مؤثر',
            'ارتباطاتی که بعد از نشست هم ادامه پیدا می‌کند — همکار، منتور، هم‌تیمی پروژه.'
          )}
          ${this.item(
            'lni-rocket',
            'توسعه فردی',
            'ارائه کردن، سؤال پرسیدن و بازخورد گرفتن؛ مهارت‌هایی که فقط با تمرین حضوری رشد می‌کنند.'
          )}
          ${this.item(
            'lni-pencil-alt',
            'هفته‌نگار',
            'اعضای جدید مسیر هفته‌شان را بازگو می‌کنند؛ یک آیین کوچک برای تعهد به رشد مداوم.'
          )}
        </div>
      </div>`;
  };
}

new Service();