wip(web): collapse gate name fields into single full name input

Author: lgarciaog

web/layouts/partials/pricing-gate.html

@@ -9,17 +9,10 @@
   <h3>Access the pricing calculator</h3>
   <p class="gate-lead">Enter your email to build your estimate.</p>
   <form id="pricing-gate-form" novalidate>
-    <div class="gate-field-row">
-      <div class="gate-field">
-        <label for="gate-firstname">First name <span class="req">*</span></label>
-        <input id="gate-firstname" name="firstname" type="text" required
-               autocomplete="given-name" placeholder="Ada">
-      </div>
-      <div class="gate-field">
-        <label for="gate-lastname">Last name <span class="req">*</span></label>
-        <input id="gate-lastname" name="lastname" type="text" required
-               autocomplete="family-name" placeholder="Lovelace">
-      </div>
+    <div class="gate-field">
+      <label for="gate-fullname">Full name <span class="req">*</span></label>
+      <input id="gate-fullname" name="fullname" type="text" required
+             autocomplete="name" placeholder="Your full name">
     </div>
     <div class="gate-field">
       <label for="gate-email">Work email <span class="req">*</span></label>

web/static/css/pricing-gate.css

@@ -54,16 +54,6 @@
     font-size: .95rem;
 }
 
-#epc #pricing-gate .gate-field-row {
-    display: flex;
-    gap: 12px;
-}
-
-#epc #pricing-gate .gate-field-row .gate-field {
-    flex: 1;
-    min-width: 0;
-}
-
 #epc #pricing-gate .gate-field {
     text-align: left;
     margin-bottom: 16px;

web/static/js/pricing-gate.js

@@ -75,8 +75,7 @@
   var heroActions = document.querySelector('.hero-actions');
   if (heroActions) heroActions.hidden = true;
 
-  var firstNameInput = document.getElementById('gate-firstname');
-  var lastNameInput = document.getElementById('gate-lastname');
+  var fullNameInput = document.getElementById('gate-fullname');
   var emailInput = document.getElementById('gate-email');
   var form = document.getElementById('pricing-gate-form');
   var consentInput = document.getElementById('gate-consent');
@@ -92,17 +91,11 @@
     ev.preventDefault();
     errorEl.hidden = true;
 
-    var firstName = (firstNameInput.value || '').trim();
-    var lastName = (lastNameInput.value || '').trim();
+    var fullName = (fullNameInput.value || '').trim();
     var email = (emailInput.value || '').trim();
-    if (!firstName) {
-      showError('Please enter your first name.');
-      firstNameInput.focus();
-      return;
-    }
-    if (!lastName) {
-      showError('Please enter your last name.');
-      lastNameInput.focus();
+    if (!fullName) {
+      showError('Please enter your full name.');
+      fullNameInput.focus();
       return;
     }
     if (!EMAIL_RE.test(email)) {
@@ -120,8 +113,8 @@
     var consentText = document.getElementById('gate-consent-text').textContent.replace(/\s+/g, ' ').trim();
     var payload = {
       fields: [
-        { objectTypeId: '0-1', name: 'firstname', value: firstName },
-        { objectTypeId: '0-1', name: 'lastname', value: lastName },
+        // the form's renamed "Full name" field still maps to firstname
+        { objectTypeId: '0-1', name: 'firstname', value: fullName },
         { objectTypeId: '0-1', name: 'email', value: email }
       ],
       context: {