<div x-data="HF_MCORE_APP">
      <div class="hfng-logo-wrap">
          <img src="{{ links.happyfenceng_logo_url }}"
              alt="HappyFenceNG Logo"
              class="hfng-logo">
          <p class="hfng-logo-info">
              {{ texts.happyfenceng_release_name }} &nbsp; | &nbsp;
              {{ texts.happyfenceng_version }} &nbsp; | &nbsp;
              {{ texts.happyfenceng_build }}
          </p>
      </div>
    
      <hr class="hfng-divider" />       
      <header class="hfng-site-hero">
        <div class="hfng-hero-content">
            <h1>{{texts.headline}}</h1>
            <h2>
                {{texts.designed_for}}<br />
                {{texts.built_for}}
            </h2>                  
        </div>
      </header>

      <section id="hfng-features" class="hfng-features">
 
          <h2>{{texts.core_features}}</h2>

          <div class="hfng-core-grid">
            <div class="hfng-feature">
              <h3>{{texts.line_title}}</h3>
              <p>{{texts.line}}</p>
            </div>
            <div class="hfng-feature">
              <h3>{{texts.line_0_title}}</h3>
              <p>{{texts.line_0}}</p>
            </div>
            <div class="hfng-feature">
              <h3>{{texts.line_1_title}}</h3>
              <p>{{texts.line_1}}</p>
            </div>
            <div class="hfng-feature">
              <h3>{{texts.line_2_title}}</h3>
              <p>{{texts.line_2}}</p>
            </div>
            <div class="hfng-feature">
              <h3>{{texts.line_3_title}}</h3>
              <p>{{texts.line_3}}</p>
            </div>
            <div class="hfng-feature">
              <h3>{{texts.line_4_title}}</h3>
              <p>{{texts.line_4}}</p>
            </div>
            <div class="hfng-feature">
              <h3>{{texts.line_5_title}}</h3>
              <p>{{texts.line_5}}</p>
            </div>
            <div class="hfng-feature">
              <h3>{{texts.line_6_title}}</h3>
              <p>{{texts.line_6}}</p>
            </div>
            <div class="hfng-feature">
              <h3>{{texts.line_7_title}}</h3>
              <p>{{texts.line_7}}</p>
            </div>
            <div class="hfng-feature">
              <h3>{{texts.line_8_title}}</h3>
              <p>{{texts.line_8}}</p>
            </div>
            <div class="hfng-feature">
              <h3>{{texts.line_9_title}}</h3>
              <p>{{texts.line_9}}</p>
            </div>
            <div class="hfng-feature">
              <h3>{{texts.line_10_title}}</h3>
              <p>{{texts.line_10}}</p>
            </div>
            <div class="hfng-feature">
              <h3>{{texts.line_11_title}}</h3>
              <p>{{texts.line_11}}</p>
            </div>
            <div class="hfng-feature">
              <h3>{{texts.line_12_title}}</h3>
              <p>{{texts.line_12}}</p>
            </div>
            <div class="hfng-feature">
              <h3>{{texts.line_13_title}}</h3>
              <p>{{texts.line_13}}</p>
            </div>
            <div class="hfng-feature">
              <h3>{{texts.line_14_title}}</h3>
              <p>{{texts.line_14}}</p>
            </div>
          </div>
      </section>
   

    
    <hr class="hfng-divider-small" />

    <div class="hfng-tail">   
      <div>
        <div class="hfng-disclaimer">
              <p><strong>{{texts.disclaimer}}</strong></p>
              <p>{{texts.disclaimer_1}}</p>
              <p>{{texts.disclaimer_2}}</p>
              <p>{{texts.disclaimer_3}}</p>
        </div>              
        <h2>{{texts.check_features}}</h2>
        <p class="hfng-visit-hwpress">{{texts.need_help}}<a href="https://happywpress.com" target="_blank">{{texts.visit_happywpress}}</a></p>        
      </div>
    </div>
    <hr class="hfng-divider" />
</div>
