[Summary view] [Print] [Text view]

   1  <?php
   2  declare( strict_types = 1 );
   3  
   4  //phpcs:disable VariableAnalysis
   5  // There are "undefined" variables here because they're defined in the code that includes this file as a template.
   6  
   7  $tick_icon = '<svg class="akismet-setup-instructions__icon" width="48" height="48" viewBox="0 0 48 48" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">
   8    <circle cx="24" cy="24" r="22" fill="#2E7D32"/>
   9    <path d="M16 24l6 6 12-14" fill="none" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
  10  </svg>';
  11  ?>
  12  <section class="akismet-setup-instructions">
  13      <h2 class="akismet-setup-instructions__heading"><?php esc_html_e( 'Eliminate spam from your site', 'akismet' ); ?></h2>
  14  
  15      <h3 class="akismet-setup-instructions__subheading">
  16          <?php echo esc_html__( 'Protect your site from comment spam and contact form spam — automatically.', 'akismet' ); ?>
  17      </h3>
  18  
  19      <ul class="akismet-setup-instructions__feature-list">
  20          <li class="akismet-setup-instructions__feature">
  21              <?php echo $tick_icon; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
  22              <div class="akismet-setup-instructions__body">
  23                  <h4 class="akismet-setup-instructions__title">
  24                      <?php echo esc_html__( 'Machine learning accuracy', 'akismet' ); ?>
  25                  </h4>
  26                  <p class="akismet-setup-instructions__text">
  27                      <?php echo esc_html__( 'Learns from billions of spam signals across the web to stop junk before it reaches you.', 'akismet' ); ?>
  28                  </p>
  29              </div>
  30          </li>
  31          <li class="akismet-setup-instructions__feature">
  32              <?php echo $tick_icon; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
  33              <div class="akismet-setup-instructions__body">
  34                  <h4 class="akismet-setup-instructions__title">
  35                      <?php echo esc_html__( 'Zero effort', 'akismet' ); ?>
  36                  </h4>
  37                  <p class="akismet-setup-instructions__text">
  38                      <?php echo esc_html__( 'Akismet runs quietly in the background, saving you hours of manual moderation.', 'akismet' ); ?>
  39                  </p>
  40              </div>
  41          </li>
  42          <li class="akismet-setup-instructions__feature">
  43              <?php echo $tick_icon; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
  44              <div class="akismet-setup-instructions__body">
  45                  <h4 class="akismet-setup-instructions__title">
  46                      <?php echo esc_html__( 'Works with popular contact forms', 'akismet' ); ?>
  47                  </h4>
  48                  <p class="akismet-setup-instructions__text">
  49                      <?php echo esc_html__( 'Seamlessly integrates with plugins like Elementor, Contact Form 7, Jetpack and WPForms.', 'akismet' ); ?>
  50                  </p>
  51              </div>
  52          </li>
  53          <li class="akismet-setup-instructions__feature">
  54              <?php echo $tick_icon; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
  55              <div class="akismet-setup-instructions__body">
  56                  <h4 class="akismet-setup-instructions__title">
  57                      <?php echo esc_html__( 'Flexible pricing', 'akismet' ); ?>
  58                  </h4>
  59                  <p class="akismet-setup-instructions__text">
  60                      <?php echo esc_html__( 'Name your own price for personal sites. Businesses start on a paid plan.', 'akismet' ); ?>
  61                  </p>
  62              </div>
  63          </li>
  64      </ul>
  65  
  66      <?php
  67      if ( empty( $use_jetpack_connection ) ) :
  68          Akismet::view(
  69              'get',
  70              array(
  71                  'text'    => __( 'Get started', 'akismet' ),
  72                  'classes' => array( 'akismet-button', 'akismet-is-primary', 'akismet-setup-instructions__button' ),
  73                  'utm_content' => 'setup_instructions',
  74              )
  75          );
  76      endif;
  77      ?>
  78  </section>