DeCentN2Madness
c6202d2ac6
Extends Button.astro with a center prop, native <button> element support (type, disabled, aria-describedby), harmonised padding (.65rem), and transition. Removes global .button, .button-small, .button-light, and .button-center rules from components.css, layout.css, and typography.css. Converts all inline class="button" usages across Header, HomeHero, HomeFinancialHelp, HomeServicesIntro, FormShell, TeamPage, CareersPage, and FaqPage to the <Button> component. Updates three scoped style selectors to :global() to reach the child component's elements.
21 lines
1.4 KiB
Plaintext
21 lines
1.4 KiB
Plaintext
---
|
|
import Button from './Button.astro';
|
|
const { title = 'Schedule Your Free Consultation', showBackground = false } = Astro.props;
|
|
---
|
|
<section class:list={['form-section', { 'form-section-background': showBackground }]} aria-labelledby="form-title">
|
|
<div class="container form-grid">
|
|
<div><p class="eyebrow">Get started</p><h2 id="form-title">{title}</h2><p>Tell our client advocates how we can help. Submission is disabled until a production form backend is selected.</p></div>
|
|
<form class="form" method="post" action="">
|
|
<!-- TODO: Wire this form to Netlify Forms, a custom API endpoint, or another backend service. -->
|
|
<!-- TODO: Add spam protection before production launch. -->
|
|
<label>Parent or guardian name<input name="name" autocomplete="name" /></label>
|
|
<label>Email<input type="email" name="email" autocomplete="email" /></label>
|
|
<label>Phone<input type="tel" name="phone" autocomplete="tel" /></label>
|
|
<label>Service of interest<select name="service"><option>ABA Therapy</option><option>Autism Evaluation</option><option>Learner Social Club</option><option>Other</option></select></label>
|
|
<label>How can we help?<textarea name="message" rows="5"></textarea></label>
|
|
<Button type="submit" disabled aria-describedby="form-note">Submit</Button>
|
|
<p id="form-note" class="form-note">Online submission is not yet connected. Please call (480) 687-7099.</p>
|
|
</form>
|
|
</div>
|
|
</section>
|