feat(services-cards): add accordion feature to section

src/about.njk

@@ -1,15 +1,17 @@
 ---
 layout: base.njk
+metaDesc: "Learn about Derek L. Seitz's values as a freelance developer, his commitment to accessible design, and his collaborative approach to web development."
 title: "About Derek"
 stylesheet: /styles/about.css
 isLandingPage: false
+hCAPTCHA: "https://hcaptcha.com/1/api.js"
 pageScripts: 
   - "/scripts/contact-form.js"
   - "/scripts/accordion.js"
 ---
 
 <section class="about-section module" id="bio" role="region" aria-labelledby="about-heading">
-  <h1 id="about-heading">Who <span class="i-am">I</span> Am</h1>
+  <h2 id="about-heading">Who <span class="i-am">I</span> Am</h2>
   <p>I’m a freelance developer dedicated to building clean, functional, and accessible web experiences. But beyond the code, I’m someone driven by a deep sense of purpose and a commitment to creating digital solutions that <strong>genuinely</strong> serve people.</p>
   <p>My approach is simple: solve real problems and build with integrity. I believe great websites don’t just look good—they respect users’ time, adapt to diverse needs, and are built on a foundation of honesty and transparency. That’s why I communicate openly with clients, build trust through consistency, and deliver work that is both technically sound and thoughtfully designed.</p>
   <p class="click">Click on the cards below to learn more about what makes me who I am.</p>
@@ -106,10 +108,15 @@ pageScripts:
             <textarea id="message" name="message" rows="15" placeholder="What questions or feedback do you have for me?" required aria-describedby="message-error"></textarea>
             <span class="error-message" id="message-error" aria-live="polite"></span>
           </fieldset>
+          <div class="h-captcha" data-sitekey="b63e5b64-c6f2-4154-b5a6-77169a924022"></div>
           <div class="submit-reset">
             <button type="submit">Send Message</button>
             <button type="reset">Reset Form</button>
           </div>
+          <div class="honeypot-field" aria-hidden="true">
+            <label for="url">Website URL</label>
+            <input type="text" name="url" id="url" autocomplete="off" tabindex="-1">
+          </div>
         </div>
       </div>
       <p class="form-note">* Required fields</p>