<!-- The Dillar Group – Austin Buyer Lead Form (Squarespace Code Block) -->

<div id="austin-buyer-form" class="tdg-form-wrap">

<form id="leadForm" method="POST" action="YOUR_FORM_ENDPOINT_URL" novalidate>

<!-- branding -->

<div class="tdg-header">

<h2>Find Your Austin Dream Home</h2>

<p>Get instant access to Austin homes—including South Austin, Circle C, Buda, Kyle & Pflugerville. Tell us what you’re looking for and we’ll send curated listings that match your lifestyle and budget.</p>

</div>

<!-- contact -->

<div class="tdg-grid">

<label class="tdg-field">

<span>First Name*</span>

<input type="text" name="first_name" required />

</label>

<label class="tdg-field">

<span>Last Name*</span>

<input type="text" name="last_name" required />

</label>

<label class="tdg-field">

<span>Email*</span>

<input type="email" name="email" inputmode="email" required />

</label>

<label class="tdg-field">

<span>Phone (recommended)</span>

<input type="tel" name="phone" inputmode="tel" />

</label>

</div>

<!-- intent -->

<label class="tdg-field">

<span>Are you looking to…*</span>

<select name="intent" required>

<option value="">Select one…</option>

<option>Buy a home</option>

<option>Sell a home</option>

<option>Both</option>

</select>

</label>

<!-- property type -->

<fieldset class="tdg-field">

<legend>What type of home are you searching for?</legend>

<label><input type="checkbox" name="property_type[]" value="Single Family Home" /> Single Family Home</label>

<label><input type="checkbox" name="property_type[]" value="Condo/Townhome" /> Condo / Townhome</label>

<label><input type="checkbox" name="property_type[]" value="Luxury Home" /> Luxury Home</label>

<label><input type="checkbox" name="property_type[]" value="New Construction" /> New Construction</label>

</fieldset>

<!-- areas -->

<fieldset class="tdg-field">

<legend>Preferred Area(s)</legend>

<label><input type="checkbox" name="areas[]" value="Austin (78745/South/Central)" /> Austin (78745 / South / Central)</label>

<label><input type="checkbox" name="areas[]" value="Circle C Ranch" /> Circle C Ranch</label>

<label><input type="checkbox" name="areas[]" value="Buda" /> Buda</label>

<label><input type="checkbox" name="areas[]" value="Kyle" /> Kyle</label>

<label><input type="checkbox" name="areas[]" value="Pflugerville" /> Pflugerville</label>

<label><input type="checkbox" name="areas[]" value="Manor" /> Manor</label>

</fieldset>

<!-- price/timeline -->

<div class="tdg-grid">

<label class="tdg-field">

<span>Price Range*</span>

<select name="price_range" required>

<option value="">Select…</option>

<option>Under $400K</option>

<option>$400K–$600K</option>

<option>$600K–$800K</option>

<option>$800K–$1M</option>

<option>$1M+</option>

</select>

</label>

<label class="tdg-field">

<span>When do you plan to move?*</span>

<select name="timeline" required>

<option value="">Select…</option>

<option>ASAP</option>

<option>3–6 Months</option>

<option>6–12 Months</option>

<option>Just Browsing</option>

</select>

</label>

</div>

<!-- notes -->

<label class="tdg-field">

<span>Anything else we should know?</span>

<textarea name="notes" rows="4" placeholder="Bedrooms, schools, commute, pool, modern finishes, etc."></textarea>

</label>

<!-- honeypot (spam trap) -->

<div class="tdg-pot" aria-hidden="true">

<label>Leave this field empty <input type="text" name="company" tabindex="-1" autocomplete="off" /></label>

</div>

<!-- hidden metadata -->

<input type="hidden" name="source" value="Squarespace" />

<input type="hidden" name="page_url" id="page_url" />

<input type="hidden" name="submitted_at" id="submitted_at" />

<input type="hidden" name="utm_source" id="utm_source" />

<input type="hidden" name="utm_medium" id="utm_medium" />

<input type="hidden" name="utm_campaign" id="utm_campaign" />

<input type="hidden" name="utm_term" id="utm_term" />

<input type="hidden" name="utm_content" id="utm_content" />

<!-- consent -->

<label class="tdg-consent">

<input type="checkbox" name="consent" required />

<span>I agree to be contacted about Austin homes. I can opt out anytime.</span>

</label>

<!-- submit -->

<button type="submit" id="submitBtn">Show Me Homes Now</button>

<!-- messages -->

<p class="tdg-msg tdg-error" id="errorMsg" role="alert" hidden>

Oops—please check required fields and try again.

</p>

<div class="tdg-success" id="successState" hidden>

<h3>Thanks! You’re on the list. 🎉</h3>

<p>We’ll send your personalized Austin home search shortly. Want to talk now? <a href="tel:+1-000-000-0000">Call our team</a>.</p>

<a class="tdg-btn" href="/austin-homes-for-sale">Start Browsing Listings →</a>

</div>

</form>

</div>

<style>

.tdg-form-wrap{--tdg-bg:#ffffff;--tdg-ink:#1b1b1b;--tdg-accent:#8a1b61;--tdg-ink-2:#5b5b5b;--tdg-border:#e6e6e6;--tdg-ok:#1f8f4e;--tdg-error:#b00020;background:var(--tdg-bg);padding:24px;border:1px solid var(--tdg-border);border-radius:16px;max-width:820px;margin:0 auto;box-shadow:0 6px 24px rgba(0,0,0,.06)}

.tdg-header h2{margin:0 0 6px;font-size:28px;line-height:1.2}

.tdg-header p{margin:0 0 18px;color:var(--tdg-ink-2)}

.tdg-grid{display:grid;gap:14px;grid-template-columns:1fr}

@media(min-width:700px){.tdg-grid{grid-template-columns:1fr 1fr}}

.tdg-field{display:flex;flex-direction:column;gap:6px;margin:10px 0}

.tdg-field span,.tdg-field legend{font-weight:600}

.tdg-field input[type="text"],.tdg-field input[type="email"],.tdg-field input[type="tel"],.tdg-field select,.tdg-field textarea{padding:12px 14px;border:1px solid var(--tdg-border);border-radius:10px;font-size:16px}

fieldset.tdg-field label{display:inline-flex;gap:8px;align-items:center;margin:6px 12px 0 0}

.tdg-consent{display:flex;gap:10px;align-items:flex-start;margin:14px 0;color:var(--tdg-ink-2)}

#submitBtn{display:inline-block;border:0;border-radius:999px;padding:12px 20px;font-size:16px;font-weight:700;cursor:pointer;background:var(--tdg-accent);color:#fff;transition:transform .04s ease,opacity .2s}

#submitBtn:active{transform:scale(.98)}

.tdg-pot{position:absolute;left:-5000px}

.tdg-msg{margin:10px 0;color:var(--tdg-error)}

.tdg-success{border:1px solid var(--tdg-border);background:#f7f7f9;padding:18px;border-radius:12px;margin-top:16px}

.tdg-success h3{margin:0 0 6px;color:var(--tdg-ok)}

.tdg-btn{display:inline-block;margin-top:8px;padding:10px 16px;border-radius:999px;background:#111;color:#fff;text-decoration:none}

</style>

<script>

(function(){

const form = document.getElementById('leadForm');

const btn = document.getElementById('submitBtn');

const errorMsg = document.getElementById('errorMsg');

const successState = document.getElementById('successState');

// hidden metadata

document.getElementById('page_url').value = window.location.href;

document.getElementById('submitted_at').value = new Date().toISOString();

const params = new URLSearchParams(window.location.search);

['utm_source','utm_medium','utm_campaign','utm_term','utm_content'].forEach(k=>{

const el = document.getElementById(k);

if (el) el.value = params.get(k) || '';

});

function validateRequired() {

const req = form.querySelectorAll('[required]');

for (const el of req) {

if ((el.type === 'checkbox' && !el.checked) || !el.value.trim()) return false;

}

return true;

}

form.addEventListener('submit', async function(e){

e.preventDefault();

errorMsg.hidden = true;

// honeypot

if (form.company && form.company.value.trim() !== '') return;

if (!validateRequired()){

errorMsg.hidden = false;

return;

}

btn.disabled = true; btn.textContent = 'Sending…';

try {

const res = await fetch(form.action, {

method: 'POST',

headers: { 'Accept': 'application/json' },

body: new FormData(form)

});

if (res.ok) {

form.reset();

successState.hidden = false;

btn.textContent = 'Sent ✔';

} else {

errorMsg.hidden = false;

btn.disabled = false; btn.textContent = 'Show Me Homes Now';

}

} catch (err) {

errorMsg.hidden = false;

btn.disabled = false; btn.textContent = 'Show Me Homes Now';

}

});

})();

</script>