finalized site comparison

blocks/seo/compare.php

-<section class="COMPARISON-FORM pt-80">
+<!-- SEO - compare Section -->
+<?php
+$compare = get_field('compare') ?: [];
+if (isset($compare) && is_array($compare) && !empty($compare)):
+  $enable_compare = $compare['enable_compare'];
+  if ($enable_compare):
+    $compare_title = $compare['compare_title'] ?: '';
+    $compare_desc = $compare['compare_desc'] ?: '';
+    $compare_url = $compare['compare_url'] ?: '';
+    $compare_btn = $compare['compare_btn'] ?: '';
+    ?>
+    <section class="COMPARISON-FORM pt-80">
       <div class="container">
         <div class="section-title top-title">
-      <h3>Find Keyword GAP Study from our best competitor analysis tool</h3>
-      <p>Unable to find competion gap to perform in google search, try our best competitor analysis tool, which gives
-        you the detail data of your competitors</p>
-
+          <?php if (!empty($compare_title)): ?>
+            <h3><?php echo $compare_title; ?></h3><?php endif;
+          echo $compare_desc ?: '';
+          ?>
         </div>
+        <?php
+        if (!empty($compare_url)):
+          ?>
+          <form class="turboform" method="POST" action="<?php echo esc_url($compare_url); ?>" onsubmit="return fixURL();">
             <div class="row">
               <div class="col-sm-6">
                 <div class="input-field">
-          <input type="text" placeholder="Website URL">
+                  <input type="text" id="websiteUrl" name="websiteUrl" placeholder="Website URL">
                 </div>
               </div>
               <div class="col-sm-6">
                 <div class="input-field">
-          <input type="text" placeholder="Competitor’s Website URL">
+                  <input type="text" id="competitorUrl" name="competitorUrl" placeholder="Competitor’s Website URL">
                 </div>
               </div>
             </div>
+            <?php if (!empty($compare_btn)): ?>
               <div class="submit-field ">
                 <button class="btn btn-start-project-white">
-        Analyze
+                  <?php echo $compare_btn; ?>
                   <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path fill-rule="evenodd" clip-rule="evenodd"
                       d="M-6.11959e-07 9L12.17 9L6.58 14.59L8 16L16 8L8 6.99382e-07L6.59 1.41L12.17 7L-7.86805e-07 7L-6.11959e-07 9Z"
                       fill="white" />
                   </svg>
                 </button>
+              <?php endif; ?>
             </div>
-    <div class="submit-field download-seo-audit">
+          </form>
+        <?php endif;
+        ?>
+        <!-- <div class="submit-field download-seo-audit">
           <input type="submit" value="Experimental Download">
           <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
             <path fill-rule="evenodd" clip-rule="evenodd"
@@ -36,5 +56,22 @@
               fill="white" />
           </svg>
         </div>
-  </div>
-</section>
+      </div> -->
+    </section>
\ No newline at end of file
+
+    <script>
+      function fixURL() {
+        var websiteUrl = document.getElementById('websiteUrl').value.trim();
+        var competitorUrl = document.getElementById('competitorUrl').value.trim();
+        if (!websiteUrl || !competitorUrl) {
+          alert('Please provide both URLs.');
+          return false;
+        }
+        websiteUrl = websiteUrl.replace(/^https?:\/\//, '').replace(/^www\./, '').toLowerCase();
+        competitorUrl = competitorUrl.replace(/^https?:\/\//, '').replace(/^www\./, '').toLowerCase();
+        var actionUrl = 'https://makuracreations.com/free-seo-audit/compare/' + websiteUrl + '/vs/' + competitorUrl;
+        document.querySelector('form.turboform').action = actionUrl;
+        return true;
+      }
+    </script><?php endif; endif; ?>
+<!-- !SEO - compare Section -->
\ No newline at end of file

page-templates/site-comparison.php

-<?php
-/**
- * Template Name: SITE Comparison
- */
-
-get_header();
-the_content();
-
-get_template_part("/template-parts/site-comparison/audit-page-intro", null);
-get_template_part("/template-parts/site-comparison/comparison-form", null);
-get_template_part("/template-parts/service-detail/service-listing", null);
-get_template_part("/template-parts/seo-audit/audit-quote", null);
-
-get_footer();
-?>
\ No newline at end of file

template-parts/site-comparison/audit-page-intro.php

-<section class="AUDIT-INNER-BANNER pb-40">
-  <div class="container">
-    <div class="top-title">
-      <h1>Best Competitor Analysis Tool for you</h1>
-    </div>
-  </div>
-</section>
\ No newline at end of file

template-parts/site-comparison/comparison-form.php

-<section class="COMPARISON-FORM pt-80">
-  <div class="container">
-    <div class="section-title top-title">
-      <h3>Find Keyword GAP Study from our best competitor analysis tool</h3>
-      <p>Unable to find competion gap to perform in google search, try our best competitor analysis tool, which gives
-        you the detail data of your competitors</p>
-
-    </div>
-    <div class="row">
-      <div class="col-sm-6">
-        <div class="input-field">
-          <input type="text" placeholder="Website URL">
-        </div>
-      </div>
-      <div class="col-sm-6">
-        <div class="input-field">
-          <input type="text" placeholder="Competitor’s Website URL">
-        </div>
-      </div>
-    </div>
-    <div class="submit-field ">
-      <button class="btn btn-start-project-white">
-        Analyze
-        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <path fill-rule="evenodd" clip-rule="evenodd"
-            d="M-6.11959e-07 9L12.17 9L6.58 14.59L8 16L16 8L8 6.99382e-07L6.59 1.41L12.17 7L-7.86805e-07 7L-6.11959e-07 9Z"
-            fill="white" />
-        </svg>
-      </button>
-    </div>
-    <div class="submit-field download-seo-audit">
-      <input type="submit" value="Experimental Download">
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path fill-rule="evenodd" clip-rule="evenodd"
-          d="M-6.11959e-07 9L12.17 9L6.58 14.59L8 16L16 8L8 6.99382e-07L6.59 1.41L12.17 7L-7.86805e-07 7L-6.11959e-07 9Z"
-          fill="white" />
-      </svg>
-    </div>
-  </div>
-</section>
\ No newline at end of file