feat(forms): add isolated Form A iframe adapter

www/src/components/campaign/ConsultationForm.astro

@@ -1,7 +1,8 @@
 ---
 import Icon from './Icon.astro';
 import FormAPreview from '../FormAPreview.astro';
-import { formAPreviewEnabled, formModeForRuntime, resolveFormMode } from '../../utils/form-integration';
+import JotformIframe from '../JotformIframe.astro';
+import { formAPreviewEnabled, formModeForRuntime, resolveFormAIframe, resolveFormMode } from '../../utils/form-integration';
 interface Props {
   sourcePage: 'general' | 'commercial' | 'ahcccs' | 'private_pay';
   title: string;
@@ -13,6 +14,23 @@ const phone = import.meta.env.PUBLIC_AIA_PHONE || '480-687-7099';
 const tel = phone.replace(/[^0-9+]/g, '');
 const formConfig = resolveFormMode(import.meta.env.PUBLIC_AIA_FORMS_MODE, import.meta.env.PUBLIC_AIA_FORMS_LIVE_APPROVED);
 const formPreview = formAPreviewEnabled(import.meta.env.PUBLIC_AIA_FORM_A_PREVIEW, import.meta.env.PUBLIC_ALLOW_INDEXING, formModeForRuntime(formConfig));
+const campaignRoute = sourcePage === 'general'
+  ? '/lp/aba-therapy'
+  : sourcePage === 'commercial'
+    ? '/lp/aba-insurance'
+    : sourcePage === 'ahcccs'
+      ? '/lp/aba-ahcccs'
+      : '/lp/aba-private-pay';
+const iframeDescription = 'Use this form to request a conversation. An AIA team member can explain the next steps for your family.';
+const formAIframe = resolveFormAIframe({
+  rawMode: import.meta.env.PUBLIC_AIA_FORMS_MODE,
+  liveApproved: import.meta.env.PUBLIC_AIA_FORMS_LIVE_APPROVED,
+  isolatedTestApproved: import.meta.env.PUBLIC_AIA_FORMS_ISOLATED_TEST_APPROVED,
+  environmentRole: import.meta.env.PUBLIC_AIA_FORMS_ENVIRONMENT,
+  allowIndexing: import.meta.env.PUBLIC_ALLOW_INDEXING,
+  route: campaignRoute,
+  locale: 'en',
+});
 ---
 <section class="section consultation" id="consultation" aria-labelledby="consultation-heading">
   <div class="container consultation__panel grid-2">
@@ -22,7 +40,9 @@ const formPreview = formAPreviewEnabled(import.meta.env.PUBLIC_AIA_FORM_A_PREVIE
       <p class="lede">{intro}</p>
     </div>
     <div class="form-wrap">
-      {formPreview ? <FormAPreview lang="en" variant="compact" submitText={buttonText} /> : <div id="lead-form" role="group" aria-labelledby="campaign-form-heading" data-forms-mode="off">
+      {formAIframe.enabled
+        ? <JotformIframe config={formAIframe} heading="Start with your contact details" description={iframeDescription} variant="embedded" />
+        : formPreview ? <FormAPreview lang="en" variant="compact" submitText={buttonText} /> : <div id="lead-form" role="group" aria-labelledby="campaign-form-heading" data-forms-mode="off">
         <!-- TODO: Replace this inactive presentation with the approved Jotform integration under P9-03. -->
         <!-- TODO: Verify privacy, spam protection and notifications before production activation. -->
         <h3 id="campaign-form-heading">Start with your contact details</h3>

www/src/components/campaign/EarlyInterventionPage.astro

@@ -1,5 +1,20 @@
+---
+import JotformIframe from '../JotformIframe.astro';
+import { resolveFormAIframe } from '../../utils/form-integration';
+
+const formAIframe = resolveFormAIframe({
+  rawMode: import.meta.env.PUBLIC_AIA_FORMS_MODE,
+  liveApproved: import.meta.env.PUBLIC_AIA_FORMS_LIVE_APPROVED,
+  isolatedTestApproved: import.meta.env.PUBLIC_AIA_FORMS_ISOLATED_TEST_APPROVED,
+  environmentRole: import.meta.env.PUBLIC_AIA_FORMS_ENVIRONMENT,
+  allowIndexing: import.meta.env.PUBLIC_ALLOW_INDEXING,
+  route: '/lp/early-intervention',
+  locale: 'en',
+});
+---
+
 <!-- Source: public /lp/early-intervention, 2026-10-20 (cache-qualified). -->
-<!-- TODO: Approved Jotform integration and spam protection require separate authorization. -->
+<!-- TODO: Production Jotform activation and spam protection require separate authorization. -->
 <div class="qr-landing">
 <section class="qr-hero" aria-labelledby="qr-hero-heading">
 <div class="qr-hero-copy">
@@ -23,17 +38,19 @@
 </div>
 </section>
 <div class="qr-process-band">
-<section class="qr-section qr-contact-section" aria-label="Call AIA about early intervention"><div id="consultation" class="lead-form" aria-labelledby="consultation-heading" role="group" data-forms-mode="off">
+<section class="qr-section qr-contact-section" aria-label="Contact AIA about early intervention"><div id="consultation" class="lead-form" aria-labelledby="consultation-heading" role="group" data-forms-mode={formAIframe.enabled ? 'isolated-test' : 'off'}>
 
 <div class="form-heading">
-<h2 id="consultation-heading">Call AIA about early intervention</h2>
+<h2 id="consultation-heading">Contact AIA about early intervention</h2>
 <p>Speak with an AIA team member about your questions and possible next steps.</p>
 </div>
 
+{formAIframe.enabled ? <JotformIframe config={formAIframe} heading="Start with your contact details" variant="embedded" /> : <>
 <div class="field"><label for="parent-name">Parent or caregiver name</label><input id="parent-name" autocomplete="name" required="" type="text" disabled=""></div>
 <div class="field"><label for="phone">Phone number</label><input id="phone" autocomplete="tel" required="" type="tel" disabled=""></div>
 <div class="field"><label for="email">Email address<span class="field-optional"> (optional)</span></label><input id="email" autocomplete="email" type="email" disabled=""></div>
- <button class="button button-primary" type="button" disabled="">Request a consultation</button></div>
+ <button class="button button-primary" type="button" disabled="">Request a consultation</button></>}
+</div>
 <aside class="qr-call-card">
 <p class="eyebrow">Prefer to talk?</p>
 <h2>Call AIA</h2>