feat(landing): integrate campaign and early intervention pages
This commit is contained in:
63 files changed
+4230
-50
No files matched your search
@@ -0,0 +1,20 @@
|
||||
---
|
||||
import site from '../data/site.json';
|
||||
const organizationSchema = {
|
||||
'@context': 'https://schema.org',
|
||||
'@type': 'MedicalOrganization',
|
||||
name: site.name,
|
||||
url: site.url,
|
||||
// Contact details are rendered through ContactObfuscation to avoid plain text in HTML.
|
||||
address: {
|
||||
'@type': 'PostalAddress',
|
||||
streetAddress: '8901 E Raintree Dr Ste 160',
|
||||
addressLocality: 'Scottsdale',
|
||||
addressRegion: 'AZ',
|
||||
postalCode: '85260',
|
||||
addressCountry: 'US'
|
||||
},
|
||||
sameAs: Object.values(site.social)
|
||||
};
|
||||
---
|
||||
<script type="application/ld+json" is:inline set:html={JSON.stringify(organizationSchema)} />
|
||||
@@ -0,0 +1,83 @@
|
||||
---
|
||||
import Icon from './Icon.astro';
|
||||
interface Props {
|
||||
sourcePage: 'general' | 'commercial' | 'ahcccs' | 'private_pay';
|
||||
title: string;
|
||||
intro: string;
|
||||
buttonText: string;
|
||||
}
|
||||
const { sourcePage, title, intro, buttonText } = Astro.props;
|
||||
const phone = import.meta.env.PUBLIC_AIA_PHONE || '480-687-7099';
|
||||
const tel = phone.replace(/[^0-9+]/g, '');
|
||||
---
|
||||
<section class="section consultation" id="consultation" aria-labelledby="consultation-heading">
|
||||
<div class="container consultation__panel grid-2">
|
||||
<div class="consultation__copy">
|
||||
<div class="eyebrow">Talk with AIA</div>
|
||||
<h2 id="consultation-heading">{title}</h2>
|
||||
<p class="lede">{intro}</p>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<!-- TODO: Replace this inactive presentation with the approved Jotform integration under P9-03. -->
|
||||
<!-- TODO: Verify privacy, spam protection and notifications before production activation. -->
|
||||
<div id="lead-form" role="group" aria-labelledby="campaign-form-heading" aria-describedby="campaign-form-status" data-forms-mode="off">
|
||||
<h3 id="campaign-form-heading">Start with your contact details</h3>
|
||||
<p class="form-note form-intro">Use this form to request a conversation. An AIA team member can explain the next steps for your family.</p>
|
||||
<input disabled type="hidden" name="sourcePage" value={sourcePage} />
|
||||
<div class="form-grid">
|
||||
<div class="field field--full">
|
||||
<label for="name">Parent or caregiver name</label>
|
||||
<input disabled id="name" name="name" autocomplete="name" required maxlength="160" />
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="phone">Phone</label>
|
||||
<input disabled id="phone" name="phone" type="tel" autocomplete="tel" required maxlength="80" />
|
||||
</div>
|
||||
<div class="field field--website" aria-hidden="true" inert>
|
||||
<label for="website">Website</label>
|
||||
<input disabled id="website" name="website" type="text" tabindex="-1" autocomplete="off" data-1p-ignore />
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="email">Email <span id="email-requirement" class="form-note">(optional)</span></label>
|
||||
<input disabled id="email" name="email" type="email" autocomplete="email" maxlength="320" />
|
||||
</div>
|
||||
<div class="field field--full">
|
||||
<label for="preferredContact">Preferred contact method</label>
|
||||
<select disabled id="preferredContact" name="preferredContact" required>
|
||||
<option value="">Choose one</option>
|
||||
<option value="phone">Phone</option>
|
||||
<option value="email">Email</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<p class="form-note">
|
||||
Please avoid entering detailed medical, diagnostic, or insurance-member information here. An AIA team member can gather any needed details through the appropriate follow-up process.
|
||||
</p>
|
||||
<p class="form-note">
|
||||
By submitting this form, you are asking AIA to contact you about services. Review AIA's <a href="/privacy-policy">privacy policy</a>.
|
||||
</p>
|
||||
<div id="form-error" class="form-error" role="alert" tabindex="-1"></div>
|
||||
<button class="button" type="button" disabled>{buttonText}<Icon name="arrow" /></button>
|
||||
<p id="campaign-form-status" class="form-note">Online requests are not enabled on this site yet. Please <a href={`tel:${tel}`}>call AIA at {phone}</a> during staffed hours.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="consultation__details">
|
||||
<div class="consultation__contact">
|
||||
<h3><a href={`tel:${tel}`}><Icon name="phone" />Call AIA at {phone}</a></h3>
|
||||
<p>Mon–Fri, 8:00 AM–6:00 PM<br />Online requests are not enabled yet.</p>
|
||||
</div>
|
||||
<div class="clinic-location" aria-labelledby="clinic-location-heading">
|
||||
<span class="icon-circle"><Icon name="pin" /></span>
|
||||
<div class="clinic-location__body">
|
||||
<h3 id="clinic-location-heading">Scottsdale clinic location</h3>
|
||||
<address>8901 E Raintree Dr, Ste 160<br />Scottsdale, AZ 85260</address>
|
||||
<a class="clinic-location__directions" href="https://www.google.com/maps/search/?api=1&query=8901+E+Raintree+Dr+Ste+160+Scottsdale+AZ+85260" target="_blank" rel="noopener noreferrer">Get directions <Icon name="arrow" /></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
.field--website { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
|
||||
</style>
|
||||
@@ -0,0 +1,122 @@
|
||||
<!-- Source: public /lp/early-intervention, 2026-10-20 (cache-qualified). -->
|
||||
<!-- TODO: Approved Jotform integration and spam protection require separate authorization. -->
|
||||
<div class="qr-landing">
|
||||
<section class="qr-hero" aria-labelledby="qr-hero-heading">
|
||||
<div class="qr-hero-copy">
|
||||
<p id="locale-message" class="eyebrow">Evidense-Based ABA Therapy</p>
|
||||
<h1 id="qr-hero-heading">Early Autism Intervention Makes a Difference</h1>
|
||||
<p class="qr-hero-subheading">If you have questions about your child's communication, play, or everyday routines, AIA offers a calm, practical place to explore early support and possible next steps, including ABA therapy and school readiness programs.</p>
|
||||
<p class="qr-audience">For parents and caregivers with questions about a young child’s development</p>
|
||||
<div class="hero-actions qr-hero-actions" aria-label="Ways to contact AIA"><a class="button button-primary" href="#consultation">Request a consultation</a><a class="button button-secondary" href="tel:+14806877099">Call (480) 687-7099</a></div>
|
||||
</div>
|
||||
<div class="qr-hero-visual">
|
||||
<div class="qr-image-frame"><img src="/assets/images/bcba-with-happy-toddler.webp" alt="A smiling young child with an AIA team member" width="474" height="450" loading="eager" decoding="async" fetchpriority="high"></div>
|
||||
<aside class="qr-fit-card" aria-label="Who this page may help">
|
||||
<p class="panel-label">Could this help my child?</p>
|
||||
<p class="panel-title">A free consultation may be useful if:</p>
|
||||
<ul>
|
||||
<li>You have questions about your child's communication, play, or routines.</li>
|
||||
<li>You want to understand what early developmental support may involve.</li>
|
||||
<li>You’re looking for clear next steps without pressure.</li>
|
||||
</ul>
|
||||
</aside>
|
||||
</div>
|
||||
</section>
|
||||
<div class="qr-process-band">
|
||||
<section class="qr-section qr-contact-section" aria-label="Request a consultation or call AIA"><div id="consultation" class="lead-form" aria-labelledby="consultation-heading" aria-describedby="consultation-unavailable" role="group" data-forms-mode="off">
|
||||
|
||||
<div class="form-heading">
|
||||
<h2 id="consultation-heading">Request a free consultation</h2>
|
||||
<p>Share your name and the best number to reach you. Email is optional.</p>
|
||||
</div>
|
||||
|
||||
<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><p id="consultation-unavailable">Online submissions are not enabled on this site. Please <a href="tel:+14806877099">call (480) 687-7099</a> to contact AIA.</p></div>
|
||||
<aside class="qr-call-card">
|
||||
<p class="eyebrow">Prefer to talk?</p>
|
||||
<h2>Call AIA</h2>
|
||||
<p>Call to speak with a client advocate about early intervention and the consultation process.</p>
|
||||
<a class="phone-link" href="tel:+14806877099">(480) 687-7099</a></aside>
|
||||
</section>
|
||||
</div>
|
||||
<section class="qr-section qr-benefits-section" id="proof" aria-labelledby="qr-benefits-heading">
|
||||
<div class="section-heading qr-section-heading">
|
||||
<p class="eyebrow">Early support, explained</p>
|
||||
<h2 id="qr-benefits-heading">What early support may focus on</h2>
|
||||
</div>
|
||||
<div class="qr-benefit-grid">
|
||||
<article class="qr-benefit-card"><span class="qr-card-number" aria-hidden="true">01</span>
|
||||
<h3>Communication and connection</h3>
|
||||
<p>Support may build on how a child communicates needs, shares attention, and connects with other people.</p>
|
||||
</article>
|
||||
<article class="qr-benefit-card"><span class="qr-card-number" aria-hidden="true">02</span>
|
||||
<h3>Play and everyday routines</h3>
|
||||
<p>Goals may include play, transitions, participation, and other skills used throughout the day.</p>
|
||||
</article>
|
||||
<article class="qr-benefit-card"><span class="qr-card-number" aria-hidden="true">03</span>
|
||||
<h3>Guidance for caregivers</h3>
|
||||
<p>Families can learn practical ways to support skills across home and community routines.</p>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
<div class="qr-process-band">
|
||||
<section class="qr-section qr-process-section" aria-labelledby="qr-process-heading">
|
||||
<div class="section-heading qr-section-heading">
|
||||
<p class="eyebrow">What happens next</p>
|
||||
<h2 id="qr-process-heading">A clear path to understanding your options</h2>
|
||||
</div>
|
||||
<ol class="qr-process-list">
|
||||
<li class="qr-process-step"><span class="step-number" aria-hidden="true">1</span>
|
||||
<div>
|
||||
<h3>Send a short request</h3>
|
||||
<p>Share your name and contact details. This first step does not ask for medical history or other private health information.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="qr-process-step"><span class="step-number" aria-hidden="true">2</span>
|
||||
<div>
|
||||
<h3>Consult with AIA</h3>
|
||||
<p>An AIA team member can listen to your questions and explain relevant services, timing, and what information may be useful next.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="qr-process-step"><span class="step-number" aria-hidden="true">3</span>
|
||||
<div>
|
||||
<h3>Next steps</h3>
|
||||
<p>If you want to continue, AIA can explain the appropriate consultation, evaluation, referral, or service path.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</section>
|
||||
</div>
|
||||
<section class="qr-section qr-assurance-section" aria-labelledby="qr-assurance-heading">
|
||||
<div class="qr-assurance-copy">
|
||||
<p class="eyebrow">AIA offers</p>
|
||||
<h2 id="qr-assurance-heading">A calm place to start</h2>
|
||||
<p>You do not need to know what kind of support your child may need before contacting AIA. A consultation is a chance to learn about possible next steps, including ABA therapy and school readiness programs; it is not a diagnosis or a promise of outcomes.</p>
|
||||
<ul class="check-list">
|
||||
<li>Plain-language answers about the process</li>
|
||||
<li>Space to ask about services and scheduling</li>
|
||||
<li>Private details handled through approved intake channels</li>
|
||||
</ul>
|
||||
</div>
|
||||
<figure class="qr-assurance-figure"><img src="/assets/images/playing-girl.webp" alt="A young child playing with a colorful toy" width="280" height="280" loading="lazy" decoding="async"></figure>
|
||||
</section>
|
||||
<section class="qr-final-cta" aria-labelledby="qr-final-heading">
|
||||
<div>
|
||||
<p class="eyebrow">Start where you are</p>
|
||||
<h2 id="qr-final-heading">Take the next step</h2>
|
||||
<p>Send a short request or call AIA to talk it through.</p>
|
||||
</div>
|
||||
<div class="hero-actions" aria-label="Final contact options"><a class="button button-primary" href="#consultation">Request a consultation</a><a class="button button-secondary" href="tel:+14806877099">Call (480) 687-7099</a></div>
|
||||
</section>
|
||||
<div class="qr-process-band">
|
||||
<section class="qr-section qr-more-info-section" aria-labelledby="qr-more-info-heading">
|
||||
<div>
|
||||
<p class="eyebrow">More about AIA</p>
|
||||
<h2 id="qr-more-info-heading">Learn more about Arizona Institute for Autism</h2>
|
||||
<p>Visit AIA's main website for more information about the organization, its services, and extensive family resources.</p>
|
||||
</div>
|
||||
<a class="button button-secondary" href="/">Visit the AIA website</a></section>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,21 @@
|
||||
---
|
||||
interface Props {
|
||||
src: string;
|
||||
alt: string;
|
||||
height?: number;
|
||||
priority?: boolean;
|
||||
sizes?: string;
|
||||
}
|
||||
const { src, alt, height = 853, priority = false, sizes = '(max-width: 800px) calc(100vw - 40px), (max-width: 1240px) 45vw, 550px' } = Astro.props;
|
||||
---
|
||||
<img
|
||||
src={src}
|
||||
srcset={`${src.replace('.webp', '-640.webp')} 640w, ${src} 1280w`}
|
||||
sizes={sizes}
|
||||
alt={alt}
|
||||
width="1280"
|
||||
height={height}
|
||||
loading={priority ? 'eager' : 'lazy'}
|
||||
fetchpriority={priority ? 'high' : 'auto'}
|
||||
decoding="async"
|
||||
/>
|
||||
@@ -0,0 +1,21 @@
|
||||
---
|
||||
import type { FAQItem } from '../../data/campaign/landingPages';
|
||||
interface Props { items: FAQItem[] }
|
||||
const { items } = Astro.props;
|
||||
---
|
||||
<section class="section faq-section" aria-labelledby="faq-heading">
|
||||
<div class="container faq-grid">
|
||||
<div>
|
||||
<div class="eyebrow">Questions families ask</div>
|
||||
<h2 id="faq-heading">Frequently asked questions</h2>
|
||||
</div>
|
||||
<div class="faq">
|
||||
{items.map((item) => (
|
||||
<details>
|
||||
<summary>{item.question}</summary>
|
||||
<p>{item.answer}</p>
|
||||
</details>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,14 @@
|
||||
<footer class="site-footer">
|
||||
<div class="container site-footer__inner">
|
||||
<a class="brand" href="/" aria-label="Arizona Institute for Autism home"><img src="/assets/campaign/media/brand/aia-logo.svg" alt="Arizona Institute for Autism" width="679" height="316" loading="lazy" /></a>
|
||||
<div>
|
||||
<div class="site-footer__links">
|
||||
<a href="/">Main site</a>
|
||||
<a href="/privacy-policy">Privacy</a>
|
||||
<a href="/faqs">FAQs</a>
|
||||
<a href="/client-consultation">Consultation information</a>
|
||||
</div>
|
||||
<p class="form-note">ABA at AIA is for children ages 18 months through 8 years old. An autism diagnosis is required before services begin.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
@@ -0,0 +1,21 @@
|
||||
---
|
||||
import Icon from './Icon.astro';
|
||||
interface Props { primaryCta?: string }
|
||||
const { primaryCta } = Astro.props;
|
||||
const phone = import.meta.env.PUBLIC_AIA_PHONE || '480-687-7099';
|
||||
const tel = phone.replace(/[^0-9+]/g, '');
|
||||
---
|
||||
<header class="site-header">
|
||||
<div class="site-header__ribbon">
|
||||
<div class="container"><span>ABA therapy · Scottsdale clinic</span><span>Calls answered Mon–Fri, 8 AM–6 PM</span></div>
|
||||
</div>
|
||||
<div class="container site-header__inner">
|
||||
<a class="brand" href="/" aria-label="Arizona Institute for Autism home">
|
||||
<img src="/assets/campaign/media/brand/aia-logo.svg" alt="Arizona Institute for Autism" width="679" height="316" />
|
||||
</a>
|
||||
<div class="header-actions">
|
||||
<a class="header-phone" href={`tel:${tel}`}><Icon name="phone" /><span>Call {phone}</span></a>
|
||||
{primaryCta && <a class="button" href="#consultation">{primaryCta}</a>}
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
@@ -0,0 +1,39 @@
|
||||
---
|
||||
import Icon from './Icon.astro';
|
||||
import EditorialImage from './EditorialImage.astro';
|
||||
interface Props {
|
||||
eyebrow: string;
|
||||
h1: string;
|
||||
subhead: string;
|
||||
eligibilityNote: string;
|
||||
primaryCta: string;
|
||||
heroImage: string;
|
||||
heroAlt: string;
|
||||
heroHeight: number;
|
||||
}
|
||||
const { eyebrow, h1, subhead, eligibilityNote, primaryCta, heroImage, heroAlt, heroHeight } = Astro.props;
|
||||
const phone = import.meta.env.PUBLIC_AIA_PHONE || '480-687-7099';
|
||||
const tel = phone.replace(/[^0-9+]/g, '');
|
||||
---
|
||||
<section class="hero">
|
||||
<div class="container hero__grid">
|
||||
<div class="hero__copy">
|
||||
<div class="eyebrow"><span class="eyebrow__line" aria-hidden="true"></span>{eyebrow}</div>
|
||||
<h1>{h1}</h1>
|
||||
<p class="lede">{subhead}</p>
|
||||
<p class="eligibility-note">{eligibilityNote}</p>
|
||||
<div class="hero__actions">
|
||||
<a class="button" href="#consultation">{primaryCta}<Icon name="arrow" /></a>
|
||||
<a class="hero__call" href={`tel:${tel}`}><Icon name="phone" />Call {phone}</a>
|
||||
</div>
|
||||
<p class="form-note">Calls are answered Mon–Fri, 8:00 AM–6:00 PM. Forms are available anytime.</p>
|
||||
</div>
|
||||
<div class="hero__visual">
|
||||
<img class="hero__gear" src="/assets/campaign/media/brand/gear-outline.svg" alt="" width="160" height="160" aria-hidden="true" />
|
||||
<figure class="hero__media">
|
||||
<EditorialImage src={heroImage} alt={heroAlt} height={heroHeight} priority sizes="(max-width: 800px) 100vw, 800px" />
|
||||
</figure>
|
||||
<div class="hero__location"><span class="icon-circle"><Icon name="pin" /></span><div>Arizona Institute for Autism<strong>Scottsdale clinic</strong></div></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,17 @@
|
||||
---
|
||||
interface Props {
|
||||
name: 'arrow' | 'phone' | 'check' | 'pin' | 'conversation' | 'coverage' | 'heart';
|
||||
class?: string;
|
||||
}
|
||||
const { name, class: className } = Astro.props;
|
||||
const paths = {
|
||||
arrow: 'M4 12h15m-6-6 6 6-6 6',
|
||||
phone: 'M7 3H4a1 1 0 0 0-1 1c0 9.4 7.6 17 17 17a1 1 0 0 0 1-1v-3l-5-2-2 2a15 15 0 0 1-7-7l2-2-2-5Z',
|
||||
check: 'm5 12 4 4L19 6',
|
||||
pin: 'M20 10c0 6-8 11-8 11S4 16 4 10a8 8 0 1 1 16 0ZM15 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z',
|
||||
conversation: 'M21 11a9 9 0 0 1-9 9H3l2-5a9 9 0 1 1 16-4ZM8 10h8M8 14h5',
|
||||
coverage: 'm12 2 8 3v6c0 5-8 11-8 11S4 16 4 11V5l8-3Zm-4 9 3 3 5-6',
|
||||
heart: 'M20.5 4.5a5 5 0 0 0-7 0L12 6l-1.5-1.5a5 5 0 0 0-7 7L12 20l8.5-8.5a5 5 0 0 0 0-7Z',
|
||||
};
|
||||
---
|
||||
<svg class={className} width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d={paths[name]} /></svg>
|
||||
@@ -0,0 +1,104 @@
|
||||
---
|
||||
import type { LandingPageConfig } from '../../data/campaign/landingPages';
|
||||
import { paymentPaths } from '../../data/campaign/landingPages';
|
||||
import LandingLayout from '../../layouts/CampaignLayout.astro';
|
||||
import Hero from './Hero.astro';
|
||||
import FAQ from './FAQ.astro';
|
||||
import ConsultationForm from './ConsultationForm.astro';
|
||||
import Icon from './Icon.astro';
|
||||
import EditorialImage from './EditorialImage.astro';
|
||||
|
||||
interface Props { page: LandingPageConfig }
|
||||
const { page } = Astro.props;
|
||||
---
|
||||
<LandingLayout title={page.title} description={page.description} canonicalPath={page.slug} primaryCta={page.primaryCta}>
|
||||
<Hero
|
||||
eyebrow={page.eyebrow}
|
||||
h1={page.h1}
|
||||
subhead={page.subhead}
|
||||
eligibilityNote={page.eligibilityNote}
|
||||
primaryCta={page.primaryCta}
|
||||
heroImage={page.heroImage}
|
||||
heroAlt={page.heroAlt}
|
||||
heroHeight={page.heroHeight}
|
||||
/>
|
||||
|
||||
<section class="section reassurance" aria-labelledby="reassurance-heading">
|
||||
<div class="container grid-2">
|
||||
<div>
|
||||
<div class="eyebrow">A clear first step</div>
|
||||
<h2 id="reassurance-heading">{page.reassuranceTitle}</h2>
|
||||
<p class="lede">{page.reassuranceBody}</p>
|
||||
</div>
|
||||
<div class="expectations">
|
||||
<h3>What you can expect</h3>
|
||||
<ul class="check-list">
|
||||
{page.highlights.map((item) => <li><span class="check-mark"><Icon name="check" /></span><span>{item}</span></li>)}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section section--soft payment" aria-labelledby="payer-heading">
|
||||
<div class="container">
|
||||
<div class="section-heading">
|
||||
<div class="eyebrow">Payment and coverage path</div>
|
||||
<h2 id="payer-heading">{page.payerTitle}</h2>
|
||||
<p class="lede">{page.payerBody}</p>
|
||||
</div>
|
||||
<div class="cards">
|
||||
{page.payerPoints.map((item, index) => (
|
||||
<article class="payment-card">
|
||||
<span class="icon-circle"><Icon name={index === 0 ? 'coverage' : index === 1 ? 'heart' : 'conversation'} /></span>
|
||||
<p>{item}</p>
|
||||
{page.intent === 'general' && <a class="text-link" href={paymentPaths[index].href} data-payment-intent={paymentPaths[index].intent}>{paymentPaths[index].label}<Icon name="arrow" /></a>}
|
||||
</article>
|
||||
))}
|
||||
</div>
|
||||
{page.intent !== 'general' && <a class="text-link payment__action" href="#consultation">{page.primaryCta}<Icon name="arrow" /></a>}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section class="section care" aria-labelledby="aba-heading">
|
||||
<div class="container grid-2 care__grid">
|
||||
<figure class="care__media">
|
||||
<EditorialImage src={page.careImage} alt={page.careAlt} />
|
||||
</figure>
|
||||
<div class="care__copy">
|
||||
<div class="eyebrow">ABA at AIA</div>
|
||||
<h2 id="aba-heading">Care should be individualized and meaningful</h2>
|
||||
<p class="lede">Talk with AIA about your child's communication, daily routines, and goals. Clinical recommendations depend on an individualized assessment.</p>
|
||||
<a class="text-link" href="#consultation">{page.primaryCta}<Icon name="arrow" /></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section next-steps" aria-labelledby="process-heading">
|
||||
<div class="container">
|
||||
<div class="section-heading">
|
||||
<div class="eyebrow">Next steps</div>
|
||||
<h2 id="process-heading">{page.processTitle}</h2>
|
||||
</div>
|
||||
<ol class="process">
|
||||
{page.processSteps.map((step, index) => (
|
||||
<li>
|
||||
<span class="process__number" aria-hidden="true">0{index + 1}</span>
|
||||
<h3>{step.title}</h3>
|
||||
<p>{step.body}</p>
|
||||
</li>
|
||||
))}
|
||||
</ol>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<FAQ items={page.faq} />
|
||||
|
||||
<ConsultationForm
|
||||
sourcePage={page.intent}
|
||||
title={page.formTitle}
|
||||
intro={page.formIntro}
|
||||
buttonText={page.primaryCta}
|
||||
/>
|
||||
</LandingLayout>
|
||||
Reference in new issue
Block a user