class HeroImageSection extends HTMLElement {
  constructor() {
    super();
  }

  async connectedCallback() {
    const input = document.createElement("div");
    input.innerHTML = /*html*/ `
          <div class="heroimage__container">
            <div>
              <img
                class="heroimage__illustration"
                src="../../assets/images/login_illustration.png"
              />
            </div>
            <div class="heroimage__text_section">
              <div class="heroimage__text_header"><span>Supercharge Your SaaS Growth in India!</span> <img class="heroimage__india_icon" src="../../assets/images/bharat.png"/></div>
              <ul>
                <li>Access up to 65% of projected revenue with non-dilutive debt capital</li>
                <li>Grow quickly with our low cost of capital and no hidden charges</li>
                <li>Access our strategic network of regulated NBFC partners in India</li>
                <li>Obtain upfront capital quickly to accelerate your SaaS business</li>
              </ul>
            </div>
          </div>
        `;
    this.appendChild(input);
  }
}

window.customElements.define("hero-image-section", HeroImageSection);