andrewforish.com
Open in
urlscan Pro
34.69.219.172
Public Scan
Submitted URL: http://terminsurance-sf.com/
Effective URL: https://andrewforish.com/
Submission: On February 28 via api from US — Scanned from US
Effective URL: https://andrewforish.com/
Submission: On February 28 via api from US — Scanned from US
Form analysis
5 forms found in the DOMPOST /contact[object Object]
<form x-show="!sendResponse && !sending" class="flex flex-col text-base font-mecherlesans-reg text-sf-charcoal" :action="`/contact${qs}`" method="post" aria-describedby="disclaimers" aria-labelledby="formLabel"
action="/contact[object Object]">
<div class="flex flex-col" :class="{ "lg:flex-row": false }">
<!-- start partial: m2-cf-contact-info.hbs -->
<div class="flex flex-col w-full space-y-5" :class="{ "lg:flex-row lg:space-x-4 lg:w-3/4": false }" x-id="['contact-form-name', 'contact-form-phone', 'contact-form-email', 'contact-form-email-or-phone']">
<!-- start partial: m2-cf-text-field.hbs -->
<div class="relative w-full">
<input :id="$id('contact-form-name')" class="m2-form-input peer" :class="{ "bg-white": false, "lg:mt-5": false }" name="contact-form-name" x-model="form.name" :aria-required="true" autocomplete="name" type="text"
placeholder="Your Name" :aria-invalid="hasError('name')" :aria-describedby="hasError('name') ? $id('error', 'name') : null" :error="hasError('name')" @keydown.debounce.750ms="validateName()" id="contact-form-name-1" aria-required="true">
<label class="m2-form-label" :for="$id('contact-form-name')" for="contact-form-name-1"> Your Name <span aria-hidden="true" x-show="hasError('name')" style="display: none;"> * </span>
</label>
</div>
<!-- end partial: m2-cf-text-field.hbs -->
<!-- start partial: m2-cf-text-field.hbs -->
<div class="relative w-full">
<input :id="$id('contact-form-email-or-phone')" class="m2-form-input peer" :class="{ "bg-white": false, "lg:mt-5": false }" name="contact-form-email-or-phone" x-model="form.emailOrPhone" :aria-required="true"
autocomplete="on" type="text" placeholder="Your Email or Phone" :aria-invalid="hasError('emailOrPhone')" :aria-describedby="hasError('emailOrPhone') ? $id('error', 'emailOrPhone') : null" :error="hasError('emailOrPhone')"
@keydown.debounce.750ms="validateEmailOrPhone()" id="contact-form-email-or-phone-1" aria-required="true">
<label class="m2-form-label" :for="$id('contact-form-email-or-phone')" for="contact-form-email-or-phone-1"> Your Email or Phone <span aria-hidden="true" x-show="hasError('emailOrPhone')" style="display: none;"> * </span>
</label>
</div>
<!-- end partial: m2-cf-text-field.hbs -->
</div>
<!-- end partial: m2-cf-contact-info.hbs -->
<div class="mt-4">
<!-- start partial: cf-message-warning.hbs -->
<p class="text-xs" :id="$id('message-warning')" id="message-warning-1"> For your protection, please do not include sensitive personal information such as social security numbers, credit/debit card number, or health/medical information. </p>
<!-- end partial: cf-message-warning.hbs -->
</div>
<div class="mt-5">
<!-- start partial: m2-cf-message.hbs -->
<div class="relative h-full" x-id="[
'contact-form-message'
]">
<textarea :id="$id('contact-form-message')" ref="message" x-model="form.message" class="m2-form-input peer h-48 " :class="{ "bg-white": false }" placeholder="Your Message:" :aria-invalid="hasError('message')"
:aria-describedby="`${$id("message-warning")} ${hasError("message") ? $id("error", "message") : ""}`" :aria-required="hasError('message')" @keydown.debounce.750ms="validateMessage()"
:error="hasError('message')" id="contact-form-message-1" aria-describedby="message-warning-1 "></textarea>
<label :for="$id('contact-form-message')" class="m2-form-label" for="contact-form-message-1"> Your Message: <span aria-hidden="true" x-show="hasError('message')" style="display: none;"> * </span>
</label>
</div>
<!-- end partial: m2-cf-message.hbs -->
</div>
<div class="mt-5" :class="{ 'lg:w-1/4 lg:ml-4': false }">
<!-- start partial: m2-cf-submit.hbs -->
<button @click="submit" type="button" :aria-disabled="isSendDisabled()" class="btn btn-primary"> Send Email </button>
<!-- end partial: m2-cf-submit.hbs -->
</div>
</div>
<!-- start partial: m2-cf-errors.hbs -->
<div x-show="hasErrors" role="alert" class="my-4 rounded-2xl bg-sf-red-100 p-4 text-sf-red-700" style="display: none;">
<!-- The only way ATs will read all of the text below on failed validation is if they are rendered as <p> elements -->
<!-- "Please forgive this" -->
<h3 class="font-mecherlesans-demi mb-2 text-xl"> Please correct the following: </h3>
<ul class="list-inside list-disc">
<template x-for="(message, key) in errors" :key="$id('error', key)">
<li class="mb-1" :id="$id('error', key)" x-html="message"></li>
</template>
</ul>
</div>
<!-- end partial: m2-cf-errors.hbs -->
<div class="mt-4 space-y-2 italic">
<!-- start partial: cf-disclaimer.hbs -->
<p :id="$id('cf-disclaimer')" class="text-xs leading-3" id="cf-disclaimer-1"> By filling out the form, you are providing express consent by electronic signature that you may be contacted by telephone (via call and/or text messages) and/or email
for marketing purposes by State Farm Mutual Automobile Insurance Company, its subsidiaries and affiliates ("State Farm") or an independent contractor State Farm agent regarding insurance products and services using the phone number and/or email
address you have provided to State Farm, even if your phone number is listed on a Do Not Call Registry. You further agree that such contact may be made using an automatic telephone dialing system and/or prerecorded voice (message and data rates
may apply). Your consent is not a condition of purchase. By continuing, you agree to the terms of the disclosures above. </p>
<!-- end partial: cf-disclaimer.hbs -->
<!-- start partial: cf-coverage-disclaimer.hbs -->
<p class="text-xs leading-3">
<span class="font-mecherlesans-bold"> Please note: </span> Insurance coverage cannot be bound or changed via submission of this online e-mail form or via voice mail. To make policy changes or request additional coverage, please speak with a
licensed representative in the agent's office, or by contacting the State Farm toll-free customer service line at <a href="tel:8557337333" class="red-link">
(855) 733-7333
</a> .
</p>
<!-- end partial: cf-coverage-disclaimer.hbs -->
</div>
</form>
#
<form id="quote-start-4rh1x15" action="#">
<!-- start partial: m2-select-label.hbs -->
<label for="gaq-product-4rh1x15"
class="block w-full h-12 px-3 border-b border-sf-charcoal bg-white font-mecherlesans-reg text-sf-charcoal placeholder-current text-base transition-shadow focus-within:ring focus-within:ring-offset-2 focus-within:ring-sf-red relative mt-6"
:class="{}">
<span class="absolute -top-4 left-0 text-xs font-mecherlesans-demi">Select an Insurance Product</span>
<div class="relative flex flex-row items-center w-full h-full -ml-1">
<select id="gaq-product-4rh1x15" name="field-auto" @change="selectProduct()" x-model="productKey" aria-label="Product Quote Select" aria-controls="specific-location-info-4rh1x15"
class="w-full pr-4 bg-white appearance-none cursor-pointer focus:outline-none">
<template x-for="line in lineOptions">
<option :value="line.key" x-text="line.label"></option>
</template>
<option :value="line.key" x-text="line.label" value="auto">Auto</option>
<option :value="line.key" x-text="line.label" value="homeowners">Homeowners</option>
<option :value="line.key" x-text="line.label" value="condo">Condo Owners</option>
<option :value="line.key" x-text="line.label" value="renters">Renters</option>
<option :value="line.key" x-text="line.label" value="life">Life</option>
<option :value="line.key" x-text="line.label" value="hospital">Hospital Income</option>
<option :value="line.key" x-text="line.label" value="medicare">Medicare Supplement</option>
<option :value="line.key" x-text="line.label" value="pet">Pet Insurance</option>
</select>
<div class="-ml-4 pointer-events-none">
<div class="svg-outer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 7" class="svg-inner" aria-hidden="true" style="fill: currentColor; " preserveAspectRatio="xMinYMid meet">
<path fill="currentColor" fill-rule="evenodd" d="M.293.293a1 1 0 0 1 1.414 0L6 4.586 10.293.293a1 1 0 1 1 1.414 1.414l-5 5a1 1 0 0 1-1.414 0l-5-5a1 1 0 0 1 0-1.414Z" clip-rule="evenodd"></path>
</svg></div>
</div>
</div>
</label>
<!-- end partial: m2-select-label.hbs -->
<div class="flex flex-wrap mt-5 space-y-5">
<div id="specific-location-info-4rh1x15" class="w-full">
<!-- start partial: m2-text-label.hbs -->
<div class="relative w-full " :class="{'hidden': type()!=='zip'}">
<input id="gaq-zip-4rh1x15" type="text" class="bg-white m2-form-input peer" x-model="zip" name="field-zip" autocomplete="postal-code" placeholder="ZIP Code" aria-label="Zipcode Input" aria-required="true" :aria-invalid="!isZipValid()"
:aria-describedby="describeErrorsID()" @keydown.enter.prevent="validate()" aria-describedby="">
<label class="m2-form-label" for="gaq-zip-4rh1x15"> ZIP Code </label>
</div>
<!-- end partial: m2-text-label.hbs -->
<!-- start partial: m2-select-label.hbs -->
<label for="gaq-loc-4rh1x15"
class="block w-full h-12 px-3 border-b border-sf-charcoal bg-white font-mecherlesans-reg text-sf-charcoal placeholder-current text-base transition-shadow focus-within:ring focus-within:ring-offset-2 focus-within:ring-sf-red relative hidden"
:class="{'hidden': type()!=='loc'}">
<span class="absolute -top-4 left-0 text-xs font-mecherlesans-demi">State Selection</span>
<div class="relative flex flex-row items-center w-full h-full -ml-1">
<select id="gaq-loc-4rh1x15" x-model="state" name="field-state" aria-label="State Selection" aria-required="true" :aria-describedby="describeErrorsID()" :aria-invalid="!isStateValid()"
class="w-full pr-4 bg-white appearance-none cursor-pointer focus:outline-none" @keydown.enter.prevent="validate()" aria-describedby="">
<option value="" selected="" hidden="">Your State</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="DC">Washington, D.C.</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select>
<div class="-ml-4 pointer-events-none">
<div class="svg-outer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 7" class="svg-inner" aria-hidden="true" style="fill: currentColor; " preserveAspectRatio="xMinYMid meet">
<path fill="currentColor" fill-rule="evenodd" d="M.293.293a1 1 0 0 1 1.414 0L6 4.586 10.293.293a1 1 0 1 1 1.414 1.414l-5 5a1 1 0 0 1-1.414 0l-5-5a1 1 0 0 1 0-1.414Z" clip-rule="evenodd"></path>
</svg></div>
</div>
</div>
</label>
<!-- end partial: m2-select-label.hbs -->
</div>
<div class="w-full">
<button @click.stop.prevent="validate()" type="button" :disabled="submitting" class="btn btn-primary"> Start a quote </button>
</div>
</div>
<div role="alert" aria-atomic="true" :id="ariaDescribedByErrorsID" id="error-description-4rh1x15">
<template x-for="error in errors">
<h3 class="p-3 mt-4 border-2 font-mecherlesans-med text-sf-red-700 bg-sf-red-100 border-sf-red-700 rounded-2xl" x-html="error"></h3>
</template>
</div>
</form>
#
<form id="quote-start-ozc72c2" action="#">
<!-- start partial: m2-select-label.hbs -->
<label for="gaq-product-ozc72c2"
class="block w-full h-12 px-3 border-b border-sf-charcoal bg-white font-mecherlesans-reg text-sf-charcoal placeholder-current text-base transition-shadow focus-within:ring focus-within:ring-offset-2 focus-within:ring-sf-red relative mt-6"
:class="{}">
<span class="absolute -top-4 left-0 text-xs font-mecherlesans-demi">Select an Insurance Product</span>
<div class="relative flex flex-row items-center w-full h-full -ml-1">
<select id="gaq-product-ozc72c2" name="field-auto" @change="selectProduct()" x-model="productKey" aria-label="Product Quote Select" aria-controls="specific-location-info-ozc72c2"
class="w-full pr-4 bg-white appearance-none cursor-pointer focus:outline-none">
<template x-for="line in lineOptions">
<option :value="line.key" x-text="line.label"></option>
</template>
<option :value="line.key" x-text="line.label" value="auto">Auto</option>
<option :value="line.key" x-text="line.label" value="homeowners">Homeowners</option>
<option :value="line.key" x-text="line.label" value="condo">Condo Owners</option>
<option :value="line.key" x-text="line.label" value="renters">Renters</option>
<option :value="line.key" x-text="line.label" value="life">Life</option>
<option :value="line.key" x-text="line.label" value="hospital">Hospital Income</option>
<option :value="line.key" x-text="line.label" value="medicare">Medicare Supplement</option>
<option :value="line.key" x-text="line.label" value="pet">Pet Insurance</option>
</select>
<div class="-ml-4 pointer-events-none">
<div class="svg-outer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 7" class="svg-inner" aria-hidden="true" style="fill: currentColor; " preserveAspectRatio="xMinYMid meet">
<path fill="currentColor" fill-rule="evenodd" d="M.293.293a1 1 0 0 1 1.414 0L6 4.586 10.293.293a1 1 0 1 1 1.414 1.414l-5 5a1 1 0 0 1-1.414 0l-5-5a1 1 0 0 1 0-1.414Z" clip-rule="evenodd"></path>
</svg></div>
</div>
</div>
</label>
<!-- end partial: m2-select-label.hbs -->
<div class="flex flex-wrap mt-5 space-y-5">
<div id="specific-location-info-ozc72c2" class="w-full">
<!-- start partial: m2-text-label.hbs -->
<div class="relative w-full " :class="{'hidden': type()!=='zip'}">
<input id="gaq-zip-ozc72c2" type="text" class="bg-white m2-form-input peer" x-model="zip" name="field-zip" autocomplete="postal-code" placeholder="ZIP Code" aria-label="Zipcode Input" aria-required="true" :aria-invalid="!isZipValid()"
:aria-describedby="describeErrorsID()" @keydown.enter.prevent="validate()" aria-describedby="">
<label class="m2-form-label" for="gaq-zip-ozc72c2"> ZIP Code </label>
</div>
<!-- end partial: m2-text-label.hbs -->
<!-- start partial: m2-select-label.hbs -->
<label for="gaq-loc-ozc72c2"
class="block w-full h-12 px-3 border-b border-sf-charcoal bg-white font-mecherlesans-reg text-sf-charcoal placeholder-current text-base transition-shadow focus-within:ring focus-within:ring-offset-2 focus-within:ring-sf-red relative hidden"
:class="{'hidden': type()!=='loc'}">
<span class="absolute -top-4 left-0 text-xs font-mecherlesans-demi">State Selection</span>
<div class="relative flex flex-row items-center w-full h-full -ml-1">
<select id="gaq-loc-ozc72c2" x-model="state" name="field-state" aria-label="State Selection" aria-required="true" :aria-describedby="describeErrorsID()" :aria-invalid="!isStateValid()"
class="w-full pr-4 bg-white appearance-none cursor-pointer focus:outline-none" @keydown.enter.prevent="validate()" aria-describedby="">
<option value="" selected="" hidden="">Your State</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="DC">Washington, D.C.</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select>
<div class="-ml-4 pointer-events-none">
<div class="svg-outer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 7" class="svg-inner" aria-hidden="true" style="fill: currentColor; " preserveAspectRatio="xMinYMid meet">
<path fill="currentColor" fill-rule="evenodd" d="M.293.293a1 1 0 0 1 1.414 0L6 4.586 10.293.293a1 1 0 1 1 1.414 1.414l-5 5a1 1 0 0 1-1.414 0l-5-5a1 1 0 0 1 0-1.414Z" clip-rule="evenodd"></path>
</svg></div>
</div>
</div>
</label>
<!-- end partial: m2-select-label.hbs -->
</div>
<div class="w-full">
<button @click.stop.prevent="validate()" type="button" :disabled="submitting" class="btn btn-primary"> Start a quote </button>
</div>
</div>
<div role="alert" aria-atomic="true" :id="ariaDescribedByErrorsID" id="error-description-ozc72c2">
<template x-for="error in errors">
<h3 class="p-3 mt-4 border-2 font-mecherlesans-med text-sf-red-700 bg-sf-red-100 border-sf-red-700 rounded-2xl" x-html="error"></h3>
</template>
</div>
</form>
POST
<form x-show="!sendResponse && !sending" :action="`/contact${qs}`" method="post" aria-describedby="disclaimers">
<h2 x-show="true" class="hidden text-2xl font-mecherlesans-med md:block"> You can also call us at <a :id="$id('phone-link-contact-form')" href="tel:7242166032" class="red-link">
(724) 216-6032
</a>
</h2>
<div class="flex flex-col min-w-0 md:mt-8 md:flex-row">
<div class="w-full md:w-1/2 md:shrink-0 md:mr-8 lg:w-2/3 xl:m-0">
<h2 class="mt-8 mb-4 text-2xl text-center font-mecherlesans-med md:hidden"> Contact Us </h2>
<div class="flex flex-col w-full xl:flex-row">
<div class="flex flex-col xl:h-full xl:justify-between xl:w-1/2 xl:pr-8">
<div class="hidden mt-4 xl:block">
<!-- start partial: m2-cf-prefs.hbs -->
<fieldset x-id="[
'xl-contact-form-pref-email',
'xl-contact-form-pref-phone',
'xl-contact-form-pref',
]">
<legend class="text-sm uppercase"> Your preferred method of contact </legend>
<ul class="mt-2 flex flex-row">
<li>
<input :id="$id('xl-contact-form-pref-email')" class="m2-radio-input pointer-events-none absolute m-0 h-0 w-0 p-0 opacity-0" :name="$id('xl-contact-form-pref')" type="radio" value="email" x-model="form.pref"
@change="clearPrefErrors()">
<label :for="$id('xl-contact-form-pref-email')" class="m2-radio-label mr-4 inline-flex cursor-pointer select-none items-start text-sm leading-6"> Your Email </label>
</li>
<li>
<input :id="$id('xl-contact-form-pref-phone')" class="m2-radio-input pointer-events-none absolute m-0 h-0 w-0 p-0 opacity-0" :name="$id('xl-contact-form-pref')" type="radio" value="phone" x-model="form.pref"
@change="clearPrefErrors()">
<label :for="$id('xl-contact-form-pref-phone')" class="m2-radio-label mr-4 inline-flex cursor-pointer select-none items-start text-sm leading-6"> Your Phone </label>
</li>
</ul>
</fieldset>
<!-- end partial: m2-cf-prefs.hbs -->
</div>
<div class="xl:mt-6">
<!-- start partial: m2-cf-contact-info.hbs -->
<div class="flex flex-col w-full space-y-5" :class="{ "lg:flex-row lg:space-x-4 lg:w-3/4": false }" x-id="['contact-form-name', 'contact-form-phone', 'contact-form-email', 'contact-form-email-or-phone']">
<!-- start partial: m2-cf-text-field.hbs -->
<div class="relative w-full">
<input :id="$id('contact-form-name')" class="m2-form-input peer" :class="{ "bg-white": false, "lg:mt-5": false }" name="contact-form-name" x-model="form.name" :aria-required="true" autocomplete="name" type="text"
placeholder="Your Name" :aria-invalid="hasError('name')" :aria-describedby="hasError('name') ? $id('error', 'name') : null" :error="hasError('name')" @keydown.debounce.750ms="validateName()">
<label class="m2-form-label" :for="$id('contact-form-name')"> Your Name <span aria-hidden="true" x-show="hasError('name')"> * </span>
</label>
</div>
<!-- end partial: m2-cf-text-field.hbs -->
<!-- start partial: m2-cf-text-field.hbs -->
<div class="relative w-full">
<input :id="$id('contact-form-phone')" class="m2-form-input peer" :class="{ "bg-white": false, "lg:mt-5": false }" name="contact-form-phone" x-model="form.phone"
:aria-required="hasError('phone') && form.pref == 'phone'" autocomplete="tel" type="text" placeholder="Your Phone" :aria-invalid="hasError('phone')" :aria-describedby="hasError('phone') ? $id('error', 'phone') : null"
:error="hasError('phone')" @keydown.debounce.750ms="validatePhone()">
<label class="m2-form-label" :for="$id('contact-form-phone')"> Your Phone <span aria-hidden="true" x-show="hasError('phone')"> * </span>
</label>
</div>
<!-- end partial: m2-cf-text-field.hbs -->
<!-- start partial: m2-cf-text-field.hbs -->
<div class="relative w-full">
<input :id="$id('contact-form-email')" class="m2-form-input peer" :class="{ "bg-white": false, "lg:mt-5": false }" name="contact-form-email" x-model="form.email"
:aria-required="hasError('email') && form.pref == 'email'" autocomplete="email" type="text" placeholder="Your Email" :aria-invalid="hasError('email')" :aria-describedby="hasError('email') ? $id('error', 'email') : null"
:error="hasError('email')" @keydown.debounce.750ms="validateEmail()">
<label class="m2-form-label" :for="$id('contact-form-email')"> Your Email <span aria-hidden="true" x-show="hasError('email')"> * </span>
</label>
</div>
<!-- end partial: m2-cf-text-field.hbs -->
</div>
<!-- end partial: m2-cf-contact-info.hbs -->
</div>
</div>
<div class="flex-col hidden xl:w-1/2 md:flex xl:flex-col-reverse xl:justify-end">
<div class="h-full mt-5">
<!-- start partial: m2-cf-message.hbs -->
<div class="relative h-full" x-id="[
'md-contact-form-message'
]">
<textarea :id="$id('md-contact-form-message')" ref="message" x-model="form.message" class="m2-form-input peer h-48 xl:h-full" :class="{ "bg-white": false }" placeholder="Your Message:" :aria-invalid="hasError('message')"
:aria-describedby="`${$id("message-warning")} ${hasError("message") ? $id("error", "message") : ""}`" :aria-required="hasError('message')" @keydown.debounce.750ms="validateMessage()"
:error="hasError('message')"></textarea>
<label :for="$id('md-contact-form-message')" class="m2-form-label"> Your Message: <span aria-hidden="true" x-show="hasError('message')"> * </span>
</label>
</div>
<!-- end partial: m2-cf-message.hbs -->
</div>
<div class="mt-4">
<!-- start partial: cf-message-warning.hbs -->
<p class="text-xs" :id="$id('message-warning')"> For your protection, please do not include sensitive personal information such as social security numbers, credit/debit card number, or health/medical information. </p>
<!-- end partial: cf-message-warning.hbs -->
</div>
</div>
</div>
</div>
<div class="flex flex-col w-full md:w-1/2 lg:w-1/3 xl:justify-between xl:pl-8" "="">
<div class=" mt-6 xl:hidden md:m-0">
<!-- start partial: m2-cf-prefs.hbs -->
<fieldset x-id="[
'xl-contact-form-pref-email',
'xl-contact-form-pref-phone',
'xl-contact-form-pref',
]">
<legend class="text-sm uppercase"> Your preferred method of contact </legend>
<ul class="mt-2 flex flex-row">
<li>
<input :id="$id('xl-contact-form-pref-email')" class="m2-radio-input pointer-events-none absolute m-0 h-0 w-0 p-0 opacity-0" :name="$id('xl-contact-form-pref')" type="radio" value="email" x-model="form.pref" @change="clearPrefErrors()">
<label :for="$id('xl-contact-form-pref-email')" class="m2-radio-label mr-4 inline-flex cursor-pointer select-none items-start text-sm leading-6"> Your Email </label>
</li>
<li>
<input :id="$id('xl-contact-form-pref-phone')" class="m2-radio-input pointer-events-none absolute m-0 h-0 w-0 p-0 opacity-0" :name="$id('xl-contact-form-pref')" type="radio" value="phone" x-model="form.pref" @change="clearPrefErrors()">
<label :for="$id('xl-contact-form-pref-phone')" class="m2-radio-label mr-4 inline-flex cursor-pointer select-none items-start text-sm leading-6"> Your Phone </label>
</li>
</ul>
</fieldset>
<!-- end partial: m2-cf-prefs.hbs -->
</div>
<div class="flex w-full mt-4 xl:h-full">
<!-- start partial: m2-cf-more-info.hbs -->
<fieldset class="flex w-full flex-col" x-id="['contact-form-checkbox-input']">
<legend class="mb-2 text-sm uppercase"> I'd like more info about: <span aria-hidden="true" x-show="hasError('message')"> * </span>
</legend>
<div class="grid sm:grid-flow-col sm:grid-cols-2 sm:grid-rows-3 md:grid-cols-1 md:grid-rows-6 xl:h-full">
<template x-for="(i, k) in moreVals" :key="i.id">
<div :id="$id(`contact-form-checkbox-${i.id}`)" class="m2-contact-form-checkbox">
<input :id="$id('contact-form-checkbox-input', i.id)" class="m2-checkbox-input absolute h-0 w-0 overflow-hidden border-none p-0" x-model="form.more" type="checkbox"
:aria-describedby="hasError('message') ? $id('error', 'message') : null" :value="i.label" :aria-label="`${k + 1} of ${moreVals().length}, I'd like more info about ${i.label}`" :aria-invalid="hasError('more')"
@click="validateMessage()">
<label :for="$id('contact-form-checkbox-input', i.id)" class="m2-checkbox-label flex cursor-pointer items-center rounded py-2 pl-8 transition-all hover:bg-sf-charcoal-100">
<svg viewBox="0 0 100 100" class="absolute left-1 h-4 w-4">
<path class="path" fill="none" stroke="#000" stroke-width="13" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M12.1 52.1l24.4 24.4 53-53"></path>
</svg>
<span class="text-sm" x-html="i.label"></span>
</label>
</div>
</template>
</div>
</fieldset>
<!-- end partial: m2-cf-more-info.hbs -->
</div>
<div class="mt-4 text-xs md:hidden">
<!-- start partial: cf-message-warning.hbs -->
<p class="text-xs" :id="$id('message-warning')"> For your protection, please do not include sensitive personal information such as social security numbers, credit/debit card number, or health/medical information. </p>
<!-- end partial: cf-message-warning.hbs -->
</div>
<div class="mt-5 md:hidden">
<!-- start partial: m2-cf-message.hbs -->
<div class="relative h-full" x-id="[
'md-contact-form-message'
]">
<textarea :id="$id('md-contact-form-message')" ref="message" x-model="form.message" class="m2-form-input peer h-48 " :class="{ "bg-white": false }" placeholder="Your Message:" :aria-invalid="hasError('message')"
:aria-describedby="`${$id("message-warning")} ${hasError("message") ? $id("error", "message") : ""}`" :aria-required="hasError('message')" @keydown.debounce.750ms="validateMessage()"
:error="hasError('message')"></textarea>
<label :for="$id('md-contact-form-message')" class="m2-form-label"> Your Message: <span aria-hidden="true" x-show="hasError('message')"> * </span>
</label>
</div>
<!-- end partial: m2-cf-message.hbs -->
</div>
</div>
</div>
<div class="flex flex-col w-full mt-4 md:flex-row xl:justify-end">
<div class="md:w-1/2 xl:w-1/3">
<!-- start partial: m2-file-input.hbs -->
<div x-ref="contactFormAttachments" class="w-full" x-data="initFileInput()">
<div x-show="$store.fileList.length" class="w-full mb-2 text-xl italic text-center border-b-2 border-gray-400 border-dashed" x-text="$store.fileList.length + ' attached file' + ($store.fileList.length > 1 ? 's:' : ':')">
</div>
<template x-for="(att, idx) in $store.fileList">
<div :key="idx" class="relative grid w-full grid-cols-4 p-4 my-2 flex-nowrap" :class="false ? 'bg-white' : 'bg-sf-charcoal-100'">
<div class="flex justify-center h-12 col-span-1 mr-4">
<img x-show="checkType(att) === 'img'" :id="att.name" class="object-contain" :alt="att.name">
<template x-if="checkType(att) != 'img'">
<div x-html="svgIcon(checkType(att), "h-full")" class="h-full">
</div>
</template>
</div>
<div class="flex flex-col justify-center col-span-3 mr-1">
<div class="flex flex-row w-full mb-1">
<span :aria-label="`This file is ${friendlySize(att.size)} in size`" data-microtip-position="bottom-right" role="tooltip" class="px-2 py-1 text-xs rounded-full w-max bg-sf-charcoal-200" x-html="friendlySize(att.size)"></span>
<span :aria-label="`This file is a ${friendlyExtension(att.name)} file`" data-microtip-position="bottom-right" role="tooltip" class="px-2 py-1 ml-1 text-xs rounded-full w-max bg-sf-charcoal-200"
x-html="friendlyExtension(att.name)"></span>
</div>
<p class="text-sm truncate md:text-base" x-text="att.name">
</p>
</div>
<a href="#" :title="`Cancel upload of ${att.name}`" @click.prevent="removeFile(idx)" class="absolute top-0 p-2 right-1">
<span class="red-link whitespace-nowrap">
<div class="svg-outer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 14" class="svg-inner" aria-hidden="true" style="fill: currentColor; " preserveAspectRatio="xMinYMid meet"><path d="M8.57 8.43 7.429 9.571a.249.249 0 0 1-.359 0L6 8.501l-1.07 1.07a.249.249 0 0 1-.359 0L3.43 8.43a.249.249 0 0 1 0-.359l1.07-1.07-1.07-1.07a.249.249 0 0 1 0-.359l1.141-1.141a.249.249 0 0 1 .359 0L6 5.501l1.07-1.07a.249.249 0 0 1 .359 0L8.57 5.572a.249.249 0 0 1 0 .359L7.5 7.001l1.07 1.07a.249.249 0 0 1 0 .359zM10.25 7c0-2.344-1.906-4.25-4.25-4.25S1.75 4.656 1.75 7 3.656 11.25 6 11.25 10.25 9.344 10.25 7zM12 7A6 6 0 0 1 0 7a6 6 0 0 1 12 0z"></path></svg></div>
Remove
</span>
</a>
</div>
</template>
<div x-id="['m2-file-upload-input']">
<label :for="$id("m2-file-upload-input")">
<span role="button" class="text-lg btn btn-secondary" :aria-controls="$id("m2-file-upload-input")" tabindex="0" @keydown.enter="$refs['file-upload-input'].click()" @keydown.space="$refs['file-upload-input'].click()"
x-text="`Add Attachments ${sizeRemainingMessage()}`">
</span>
</label>
<input x-ref="file-upload-input" type="file" hidden="" :id="$id("m2-file-upload-input")" name="m2-cf-attachments" multiple="" :aria-disabled="tooManyBytes" :accept="acceptableFileTypes" @change="pickFiles($event.target.files)">
<div class="mt-2 text-xs"> Please attach only <span x-text="readableExtensionList()"></span> file(s) — Unsupported file types will not be delivered to the agent. </div>
</div>
</div>
<!-- end partial: m2-file-input.hbs -->
</div>
<div class="w-full mt-4 md:w-1/2 md:m-0 md:pl-8 xl:w-1/3">
<!-- start partial: m2-cf-submit.hbs -->
<button @click="submit" type="button" :aria-disabled="isSendDisabled()" class="btn btn-primary"> Send Email </button>
<!-- end partial: m2-cf-submit.hbs -->
</div>
</div>
<!-- start partial: m2-cf-errors.hbs -->
<div x-show="hasErrors" role="alert" class="my-4 rounded-2xl bg-sf-red-100 p-4 text-sf-red-700">
<!-- The only way ATs will read all of the text below on failed validation is if they are rendered as <p> elements -->
<!-- "Please forgive this" -->
<h3 class="font-mecherlesans-demi mb-2 text-xl"> Please correct the following: </h3>
<ul class="list-inside list-disc">
<template x-for="(message, key) in errors" :key="$id('error', key)">
<li class="mb-1" :id="$id('error', key)" x-html="message"></li>
</template>
</ul>
</div>
<!-- end partial: m2-cf-errors.hbs -->
<div id="disclaimers">
<div class="mt-4">
<!-- start partial: cf-disclaimer.hbs -->
<p :id="$id('cf-disclaimer')" class="text-xs leading-3"> By filling out the form, you are providing express consent by electronic signature that you may be contacted by telephone (via call and/or text messages) and/or email for marketing
purposes by State Farm Mutual Automobile Insurance Company, its subsidiaries and affiliates ("State Farm") or an independent contractor State Farm agent regarding insurance products and services using the phone number and/or email address you
have provided to State Farm, even if your phone number is listed on a Do Not Call Registry. You further agree that such contact may be made using an automatic telephone dialing system and/or prerecorded voice (message and data rates may
apply). Your consent is not a condition of purchase. By continuing, you agree to the terms of the disclosures above. </p>
<!-- end partial: cf-disclaimer.hbs -->
</div>
<p class="mt-2" x-show="!false">
<!-- start partial: cf-coverage-disclaimer.hbs -->
</p>
<p class="text-xs leading-3">
<span class="font-mecherlesans-bold"> Please note: </span> Insurance coverage cannot be bound or changed via submission of this online e-mail form or via voice mail. To make policy changes or request additional coverage, please speak with a
licensed representative in the agent's office, or by contacting the State Farm toll-free customer service line at <a href="tel:8557337333" class="red-link">
(855) 733-7333
</a> .
</p>
<!-- end partial: cf-coverage-disclaimer.hbs -->
<p></p>
</div>
</form>
POST
<form x-show="!sendResponse && !sending" :action="`/contact${qs}`" method="post" aria-describedby="disclaimers">
<h2 x-show="true" class="hidden text-2xl font-mecherlesans-med md:block"> You can also call us at <a :id="$id('phone-link-contact-form')" href="tel:7242166032" class="red-link">
(724) 216-6032
</a>
</h2>
<div class="flex flex-col min-w-0 md:mt-8 md:flex-row">
<div class="w-full md:w-1/2 md:shrink-0 md:mr-8 lg:w-2/3 xl:m-0">
<h2 class="mt-8 mb-4 text-2xl text-center font-mecherlesans-med md:hidden"> Contact Us </h2>
<div class="flex flex-col w-full xl:flex-row">
<div class="flex flex-col xl:h-full xl:justify-between xl:w-1/2 xl:pr-8">
<div class="hidden mt-4 xl:block">
<!-- start partial: m2-cf-prefs.hbs -->
<fieldset x-id="[
'xl-contact-form-pref-email',
'xl-contact-form-pref-phone',
'xl-contact-form-pref',
]">
<legend class="text-sm uppercase"> Your preferred method of contact </legend>
<ul class="mt-2 flex flex-row">
<li>
<input :id="$id('xl-contact-form-pref-email')" class="m2-radio-input pointer-events-none absolute m-0 h-0 w-0 p-0 opacity-0" :name="$id('xl-contact-form-pref')" type="radio" value="email" x-model="form.pref"
@change="clearPrefErrors()">
<label :for="$id('xl-contact-form-pref-email')" class="m2-radio-label mr-4 inline-flex cursor-pointer select-none items-start text-sm leading-6"> Your Email </label>
</li>
<li>
<input :id="$id('xl-contact-form-pref-phone')" class="m2-radio-input pointer-events-none absolute m-0 h-0 w-0 p-0 opacity-0" :name="$id('xl-contact-form-pref')" type="radio" value="phone" x-model="form.pref"
@change="clearPrefErrors()">
<label :for="$id('xl-contact-form-pref-phone')" class="m2-radio-label mr-4 inline-flex cursor-pointer select-none items-start text-sm leading-6"> Your Phone </label>
</li>
</ul>
</fieldset>
<!-- end partial: m2-cf-prefs.hbs -->
</div>
<div class="xl:mt-6">
<!-- start partial: m2-cf-contact-info.hbs -->
<div class="flex flex-col w-full space-y-5" :class="{ "lg:flex-row lg:space-x-4 lg:w-3/4": false }" x-id="['contact-form-name', 'contact-form-phone', 'contact-form-email', 'contact-form-email-or-phone']">
<!-- start partial: m2-cf-text-field.hbs -->
<div class="relative w-full">
<input :id="$id('contact-form-name')" class="m2-form-input peer" :class="{ "bg-white": false, "lg:mt-5": false }" name="contact-form-name" x-model="form.name" :aria-required="true" autocomplete="name" type="text"
placeholder="Your Name" :aria-invalid="hasError('name')" :aria-describedby="hasError('name') ? $id('error', 'name') : null" :error="hasError('name')" @keydown.debounce.750ms="validateName()">
<label class="m2-form-label" :for="$id('contact-form-name')"> Your Name <span aria-hidden="true" x-show="hasError('name')"> * </span>
</label>
</div>
<!-- end partial: m2-cf-text-field.hbs -->
<!-- start partial: m2-cf-text-field.hbs -->
<div class="relative w-full">
<input :id="$id('contact-form-phone')" class="m2-form-input peer" :class="{ "bg-white": false, "lg:mt-5": false }" name="contact-form-phone" x-model="form.phone"
:aria-required="hasError('phone') && form.pref == 'phone'" autocomplete="tel" type="text" placeholder="Your Phone" :aria-invalid="hasError('phone')" :aria-describedby="hasError('phone') ? $id('error', 'phone') : null"
:error="hasError('phone')" @keydown.debounce.750ms="validatePhone()">
<label class="m2-form-label" :for="$id('contact-form-phone')"> Your Phone <span aria-hidden="true" x-show="hasError('phone')"> * </span>
</label>
</div>
<!-- end partial: m2-cf-text-field.hbs -->
<!-- start partial: m2-cf-text-field.hbs -->
<div class="relative w-full">
<input :id="$id('contact-form-email')" class="m2-form-input peer" :class="{ "bg-white": false, "lg:mt-5": false }" name="contact-form-email" x-model="form.email"
:aria-required="hasError('email') && form.pref == 'email'" autocomplete="email" type="text" placeholder="Your Email" :aria-invalid="hasError('email')" :aria-describedby="hasError('email') ? $id('error', 'email') : null"
:error="hasError('email')" @keydown.debounce.750ms="validateEmail()">
<label class="m2-form-label" :for="$id('contact-form-email')"> Your Email <span aria-hidden="true" x-show="hasError('email')"> * </span>
</label>
</div>
<!-- end partial: m2-cf-text-field.hbs -->
</div>
<!-- end partial: m2-cf-contact-info.hbs -->
</div>
</div>
<div class="flex-col hidden xl:w-1/2 md:flex xl:flex-col-reverse xl:justify-end">
<div class="h-full mt-5">
<!-- start partial: m2-cf-message.hbs -->
<div class="relative h-full" x-id="[
'md-contact-form-message'
]">
<textarea :id="$id('md-contact-form-message')" ref="message" x-model="form.message" class="m2-form-input peer h-48 xl:h-full" :class="{ "bg-white": false }" placeholder="Your Message:" :aria-invalid="hasError('message')"
:aria-describedby="`${$id("message-warning")} ${hasError("message") ? $id("error", "message") : ""}`" :aria-required="hasError('message')" @keydown.debounce.750ms="validateMessage()"
:error="hasError('message')"></textarea>
<label :for="$id('md-contact-form-message')" class="m2-form-label"> Your Message: <span aria-hidden="true" x-show="hasError('message')"> * </span>
</label>
</div>
<!-- end partial: m2-cf-message.hbs -->
</div>
<div class="mt-4">
<!-- start partial: cf-message-warning.hbs -->
<p class="text-xs" :id="$id('message-warning')"> For your protection, please do not include sensitive personal information such as social security numbers, credit/debit card number, or health/medical information. </p>
<!-- end partial: cf-message-warning.hbs -->
</div>
</div>
</div>
</div>
<div class="flex flex-col w-full md:w-1/2 lg:w-1/3 xl:justify-between xl:pl-8" "="">
<div class=" mt-6 xl:hidden md:m-0">
<!-- start partial: m2-cf-prefs.hbs -->
<fieldset x-id="[
'xl-contact-form-pref-email',
'xl-contact-form-pref-phone',
'xl-contact-form-pref',
]">
<legend class="text-sm uppercase"> Your preferred method of contact </legend>
<ul class="mt-2 flex flex-row">
<li>
<input :id="$id('xl-contact-form-pref-email')" class="m2-radio-input pointer-events-none absolute m-0 h-0 w-0 p-0 opacity-0" :name="$id('xl-contact-form-pref')" type="radio" value="email" x-model="form.pref" @change="clearPrefErrors()">
<label :for="$id('xl-contact-form-pref-email')" class="m2-radio-label mr-4 inline-flex cursor-pointer select-none items-start text-sm leading-6"> Your Email </label>
</li>
<li>
<input :id="$id('xl-contact-form-pref-phone')" class="m2-radio-input pointer-events-none absolute m-0 h-0 w-0 p-0 opacity-0" :name="$id('xl-contact-form-pref')" type="radio" value="phone" x-model="form.pref" @change="clearPrefErrors()">
<label :for="$id('xl-contact-form-pref-phone')" class="m2-radio-label mr-4 inline-flex cursor-pointer select-none items-start text-sm leading-6"> Your Phone </label>
</li>
</ul>
</fieldset>
<!-- end partial: m2-cf-prefs.hbs -->
</div>
<div class="flex w-full mt-4 xl:h-full">
<!-- start partial: m2-cf-more-info.hbs -->
<fieldset class="flex w-full flex-col" x-id="['contact-form-checkbox-input']">
<legend class="mb-2 text-sm uppercase"> I'd like more info about: <span aria-hidden="true" x-show="hasError('message')"> * </span>
</legend>
<div class="grid sm:grid-flow-col sm:grid-cols-2 sm:grid-rows-3 md:grid-cols-1 md:grid-rows-6 xl:h-full">
<template x-for="(i, k) in moreVals" :key="i.id">
<div :id="$id(`contact-form-checkbox-${i.id}`)" class="m2-contact-form-checkbox">
<input :id="$id('contact-form-checkbox-input', i.id)" class="m2-checkbox-input absolute h-0 w-0 overflow-hidden border-none p-0" x-model="form.more" type="checkbox"
:aria-describedby="hasError('message') ? $id('error', 'message') : null" :value="i.label" :aria-label="`${k + 1} of ${moreVals().length}, I'd like more info about ${i.label}`" :aria-invalid="hasError('more')"
@click="validateMessage()">
<label :for="$id('contact-form-checkbox-input', i.id)" class="m2-checkbox-label flex cursor-pointer items-center rounded py-2 pl-8 transition-all hover:bg-sf-charcoal-100">
<svg viewBox="0 0 100 100" class="absolute left-1 h-4 w-4">
<path class="path" fill="none" stroke="#000" stroke-width="13" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M12.1 52.1l24.4 24.4 53-53"></path>
</svg>
<span class="text-sm" x-html="i.label"></span>
</label>
</div>
</template>
</div>
</fieldset>
<!-- end partial: m2-cf-more-info.hbs -->
</div>
<div class="mt-4 text-xs md:hidden">
<!-- start partial: cf-message-warning.hbs -->
<p class="text-xs" :id="$id('message-warning')"> For your protection, please do not include sensitive personal information such as social security numbers, credit/debit card number, or health/medical information. </p>
<!-- end partial: cf-message-warning.hbs -->
</div>
<div class="mt-5 md:hidden">
<!-- start partial: m2-cf-message.hbs -->
<div class="relative h-full" x-id="[
'md-contact-form-message'
]">
<textarea :id="$id('md-contact-form-message')" ref="message" x-model="form.message" class="m2-form-input peer h-48 " :class="{ "bg-white": false }" placeholder="Your Message:" :aria-invalid="hasError('message')"
:aria-describedby="`${$id("message-warning")} ${hasError("message") ? $id("error", "message") : ""}`" :aria-required="hasError('message')" @keydown.debounce.750ms="validateMessage()"
:error="hasError('message')"></textarea>
<label :for="$id('md-contact-form-message')" class="m2-form-label"> Your Message: <span aria-hidden="true" x-show="hasError('message')"> * </span>
</label>
</div>
<!-- end partial: m2-cf-message.hbs -->
</div>
</div>
</div>
<div class="flex flex-col w-full mt-4 md:flex-row xl:justify-end">
<div class="md:w-1/2 xl:w-1/3">
<!-- start partial: m2-file-input.hbs -->
<div x-ref="contactFormAttachments" class="w-full" x-data="initFileInput()">
<div x-show="$store.fileList.length" class="w-full mb-2 text-xl italic text-center border-b-2 border-gray-400 border-dashed" x-text="$store.fileList.length + ' attached file' + ($store.fileList.length > 1 ? 's:' : ':')">
</div>
<template x-for="(att, idx) in $store.fileList">
<div :key="idx" class="relative grid w-full grid-cols-4 p-4 my-2 flex-nowrap" :class="false ? 'bg-white' : 'bg-sf-charcoal-100'">
<div class="flex justify-center h-12 col-span-1 mr-4">
<img x-show="checkType(att) === 'img'" :id="att.name" class="object-contain" :alt="att.name">
<template x-if="checkType(att) != 'img'">
<div x-html="svgIcon(checkType(att), "h-full")" class="h-full">
</div>
</template>
</div>
<div class="flex flex-col justify-center col-span-3 mr-1">
<div class="flex flex-row w-full mb-1">
<span :aria-label="`This file is ${friendlySize(att.size)} in size`" data-microtip-position="bottom-right" role="tooltip" class="px-2 py-1 text-xs rounded-full w-max bg-sf-charcoal-200" x-html="friendlySize(att.size)"></span>
<span :aria-label="`This file is a ${friendlyExtension(att.name)} file`" data-microtip-position="bottom-right" role="tooltip" class="px-2 py-1 ml-1 text-xs rounded-full w-max bg-sf-charcoal-200"
x-html="friendlyExtension(att.name)"></span>
</div>
<p class="text-sm truncate md:text-base" x-text="att.name">
</p>
</div>
<a href="#" :title="`Cancel upload of ${att.name}`" @click.prevent="removeFile(idx)" class="absolute top-0 p-2 right-1">
<span class="red-link whitespace-nowrap">
<div class="svg-outer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 14" class="svg-inner" aria-hidden="true" style="fill: currentColor; " preserveAspectRatio="xMinYMid meet"><path d="M8.57 8.43 7.429 9.571a.249.249 0 0 1-.359 0L6 8.501l-1.07 1.07a.249.249 0 0 1-.359 0L3.43 8.43a.249.249 0 0 1 0-.359l1.07-1.07-1.07-1.07a.249.249 0 0 1 0-.359l1.141-1.141a.249.249 0 0 1 .359 0L6 5.501l1.07-1.07a.249.249 0 0 1 .359 0L8.57 5.572a.249.249 0 0 1 0 .359L7.5 7.001l1.07 1.07a.249.249 0 0 1 0 .359zM10.25 7c0-2.344-1.906-4.25-4.25-4.25S1.75 4.656 1.75 7 3.656 11.25 6 11.25 10.25 9.344 10.25 7zM12 7A6 6 0 0 1 0 7a6 6 0 0 1 12 0z"></path></svg></div>
Remove
</span>
</a>
</div>
</template>
<div x-id="['m2-file-upload-input']">
<label :for="$id("m2-file-upload-input")">
<span role="button" class="text-lg btn btn-secondary" :aria-controls="$id("m2-file-upload-input")" tabindex="0" @keydown.enter="$refs['file-upload-input'].click()" @keydown.space="$refs['file-upload-input'].click()"
x-text="`Add Attachments ${sizeRemainingMessage()}`">
</span>
</label>
<input x-ref="file-upload-input" type="file" hidden="" :id="$id("m2-file-upload-input")" name="m2-cf-attachments" multiple="" :aria-disabled="tooManyBytes" :accept="acceptableFileTypes" @change="pickFiles($event.target.files)">
<div class="mt-2 text-xs"> Please attach only <span x-text="readableExtensionList()"></span> file(s) — Unsupported file types will not be delivered to the agent. </div>
</div>
</div>
<!-- end partial: m2-file-input.hbs -->
</div>
<div class="w-full mt-4 md:w-1/2 md:m-0 md:pl-8 xl:w-1/3">
<!-- start partial: m2-cf-submit.hbs -->
<button @click="submit" type="button" :aria-disabled="isSendDisabled()" class="btn btn-primary"> Send Email </button>
<!-- end partial: m2-cf-submit.hbs -->
</div>
</div>
<!-- start partial: m2-cf-errors.hbs -->
<div x-show="hasErrors" role="alert" class="my-4 rounded-2xl bg-sf-red-100 p-4 text-sf-red-700">
<!-- The only way ATs will read all of the text below on failed validation is if they are rendered as <p> elements -->
<!-- "Please forgive this" -->
<h3 class="font-mecherlesans-demi mb-2 text-xl"> Please correct the following: </h3>
<ul class="list-inside list-disc">
<template x-for="(message, key) in errors" :key="$id('error', key)">
<li class="mb-1" :id="$id('error', key)" x-html="message"></li>
</template>
</ul>
</div>
<!-- end partial: m2-cf-errors.hbs -->
<div id="disclaimers">
<div class="mt-4">
<!-- start partial: cf-disclaimer.hbs -->
<p :id="$id('cf-disclaimer')" class="text-xs leading-3"> By filling out the form, you are providing express consent by electronic signature that you may be contacted by telephone (via call and/or text messages) and/or email for marketing
purposes by State Farm Mutual Automobile Insurance Company, its subsidiaries and affiliates ("State Farm") or an independent contractor State Farm agent regarding insurance products and services using the phone number and/or email address you
have provided to State Farm, even if your phone number is listed on a Do Not Call Registry. You further agree that such contact may be made using an automatic telephone dialing system and/or prerecorded voice (message and data rates may
apply). Your consent is not a condition of purchase. By continuing, you agree to the terms of the disclosures above. </p>
<!-- end partial: cf-disclaimer.hbs -->
</div>
<p class="mt-2" x-show="!false">
<!-- start partial: cf-coverage-disclaimer.hbs -->
</p>
<p class="text-xs leading-3">
<span class="font-mecherlesans-bold"> Please note: </span> Insurance coverage cannot be bound or changed via submission of this online e-mail form or via voice mail. To make policy changes or request additional coverage, please speak with a
licensed representative in the agent's office, or by contacting the State Farm toll-free customer service line at <a href="tel:8557337333" class="red-link">
(855) 733-7333
</a> .
</p>
<!-- end partial: cf-coverage-disclaimer.hbs -->
<p></p>
</div>
</form>
Text Content
CONTACT ANDREW FORISH FOR A PERSONALIZED QUOTE Your Name * Your Email or Phone * For your protection, please do not include sensitive personal information such as social security numbers, credit/debit card number, or health/medical information. Your Message: * Send Email PLEASE CORRECT THE FOLLOWING: By filling out the form, you are providing express consent by electronic signature that you may be contacted by telephone (via call and/or text messages) and/or email for marketing purposes by State Farm Mutual Automobile Insurance Company, its subsidiaries and affiliates ("State Farm") or an independent contractor State Farm agent regarding insurance products and services using the phone number and/or email address you have provided to State Farm, even if your phone number is listed on a Do Not Call Registry. You further agree that such contact may be made using an automatic telephone dialing system and/or prerecorded voice (message and data rates may apply). Your consent is not a condition of purchase. By continuing, you agree to the terms of the disclosures above. Please note: Insurance coverage cannot be bound or changed via submission of this online e-mail form or via voice mail. To make policy changes or request additional coverage, please speak with a licensed representative in the agent's office, or by contacting the State Farm toll-free customer service line at (855) 733-7333 . Close Skip to content Close * Log In * Contact Us * Jobs * Reviews * Insurance * Auto * Homeowners * Condo * Renters * Business * Life * Pet * Insurance * Auto * Homeowners * Condo * Renters * Business * Life * Pet * Reviews * Jobs * Contact Us * Log In (724) 216-6032 Call Text STATE FARM® INSURANCE AGENT ANDREW FORISH 4.9 out of 5 average rating (77 reviews) 100 Terrace Ave Apollo, PA 15613 Corner of Route 56 and Terrace Ave. We are between the Football field and the bridge in Apollo. Contact Us Contact Us Location Map & Directions Get ID Card ABOUT ME I have State Farm experience starting in 2013 and insurance experience dating back to 2010. I decided to open my own Local State Farm office in Greensburg, Pa during April of 2017. We took over for Todd Watterson in Apollo, PA 15613 February 2020. Our Goal is to be your top Local State Farm Agent in Pennsylvania, New York, Ohio, Maryland, and West Virginia . I grew up in the Greensburg area and attended Hempfield Area High School. I am also an alumni of Washington and Jefferson College in Western Pennsylvania . I spend most of my free time Fly fishing, Golfing and Whitewater Kayaking. Feel free to stop in and tell me about new streams :). My office strives to provide our customers with the most efficient and professional service in Auto Insurance, Home Insurance, Farm Insurance, Life Insurance, Small Business Insurance including workers compensation in the Pittsburgh Area including Westmoreland, Washington, Fayette, Indiana, Allegheny, Greene, Butler, Jefferson, Cambria and Armstrong Counties and the surrounding Western Pennsylvania Area . We can Assist with relocation to Pennsylvania, Ohio, West Virginia, Maryland, and New York. We want to be your first and your preferred choice for all of your Insurance Services needs. Call our office for a FREE Car Insurance Quote and we will show you why State Farm has been in business since 1922! We are available to help 24/7. Focus on free auto and homeowners quotes for Apollo, Pa, Leechburg, PA, Avonmore, Pa, Vandergrift, PA, Freeport, Pa, Greensburg, Pa, Latrobe, Pa, Jeannette, Pa, Irwin, Pa, North Huntingdon, Pa, Derry, Pa, Blairsville, Pa, New Alexandria, Pa, Youngwood, Pa, West Newton, Pa, Delmont, Pa, Export, Pa Murrysville, Pa, Monroeville, Pa, Pittsburgh, PA, New Kensington, PA, Pittsburgh, Pa and the rest of Pennsylvania, West Virginia, Ohio, New York and Maryland. …Read More * * 4.9 out of 5 average rating (77 reviews) OFFICE HOURS Today 9am - 5pm (Eastern) Mon-Fri 9am - 5pm Sat-Sun Closed After Hours by Appointment Call us 24 hours a day! * * INSURANCE PRODUCTS OFFERED Auto, Homeowners, Condo, Renters, Personal Articles, Business, Life, Health, Pet OTHER PRODUCTS OFFERED Banking, Annuities View Licenses WOULD YOU LIKE TO CREATE A PERSONALIZED QUOTE? Select an Insurance Product AutoHomeownersCondo OwnersRentersLifeHospital IncomeMedicare SupplementPet Insurance ZIP Code State Selection Your State Alabama Alaska Arizona Arkansas California Colorado Connecticut Delaware Florida Georgia Hawaii Idaho Illinois Indiana Iowa Kansas Kentucky Louisiana Maine Maryland Massachusetts Michigan Minnesota Mississippi Missouri Montana Nebraska Nevada New Hampshire New Jersey New Mexico New York North Carolina North Dakota Ohio Oklahoma Oregon Pennsylvania Rhode Island South Carolina South Dakota Tennessee Texas Utah Vermont Virginia Washington Washington, D.C. West Virginia Wisconsin Wyoming Start a quote Continue a saved quote Items needed for a quote File a Claim Send Payment * * 4.9 out of 5 average rating (77 reviews) Contact Us Contact Us Location Map & Directions Get ID Card WOULD YOU LIKE TO CREATE A PERSONALIZED QUOTE? Select an Insurance Product AutoHomeownersCondo OwnersRentersLifeHospital IncomeMedicare SupplementPet Insurance ZIP Code State Selection Your State Alabama Alaska Arizona Arkansas California Colorado Connecticut Delaware Florida Georgia Hawaii Idaho Illinois Indiana Iowa Kansas Kentucky Louisiana Maine Maryland Massachusetts Michigan Minnesota Mississippi Missouri Montana Nebraska Nevada New Hampshire New Jersey New Mexico New York North Carolina North Dakota Ohio Oklahoma Oregon Pennsylvania Rhode Island South Carolina South Dakota Tennessee Texas Utah Vermont Virginia Washington Washington, D.C. West Virginia Wisconsin Wyoming Start a quote Continue a saved quote Items needed for a quote File a Claim Send Payment * Auto Insurance * Homeowners Insurance * Condo Insurance * Renters Insurance * Business Insurance * Life Insurance * Pet Insurance * See More OFFICE INFO OFFICE INFO ADDRESS 100 Terrace Ave Apollo, PA 15613 Map & Directions * PHONE (800) 833-2991 (724) 216-6032 (724) 478-4271 * FAX (724) 705-0545 LANGUAGES English About Me I have State Farm experience starting in 2013 and insurance experience dating back to 2010. I decided to open my own Local State Farm office in Greensburg, Pa during April of 2017. We took over for Todd Watterson in Apollo, PA 15613 February 2020. Our Goal is to be your top Local State Farm Agent in Pennsylvania, New York, Ohio, Maryland, and West Virginia . I grew up in the Greensburg area and attended Hempfield Area High School. I am also an alumni of Washington and Jefferson College in Western Pennsylvania . I spend most of my free time Fly fishing, Golfing and Whitewater Kayaking. Feel free to stop in and tell me about new streams :). My office strives to provide our customers with the most efficient and professional service in Auto Insurance, Home Insurance, Farm Insurance, Life Insurance, Small Business Insurance including workers compensation in the Pittsburgh Area including Westmoreland, Washington, Fayette, Indiana, Allegheny, Greene, Butler, Jefferson, Cambria and Armstrong Counties and the surrounding Western Pennsylvania Area . We can Assist with relocation to Pennsylvania, Ohio, West Virginia, Maryland, and New York. We want to be your first and your preferred choice for all of your Insurance Services needs. Call our office for a FREE Car Insurance Quote and we will show you why State Farm has been in business since 1922! We are available to help 24/7. Focus on free auto and homeowners quotes for Apollo, Pa, Leechburg, PA, Avonmore, Pa, Vandergrift, PA, Freeport, Pa, Greensburg, Pa, Latrobe, Pa, Jeannette, Pa, Irwin, Pa, North Huntingdon, Pa, Derry, Pa, Blairsville, Pa, New Alexandria, Pa, Youngwood, Pa, West Newton, Pa, Delmont, Pa, Export, Pa Murrysville, Pa, Monroeville, Pa, Pittsburgh, PA, New Kensington, PA, Pittsburgh, Pa and the rest of Pennsylvania, West Virginia, Ohio, New York and Maryland. Products INSURANCE PRODUCTS OFFERED Auto, Homeowners, Condo, Renters, Personal Articles, Business, Life, Health, Pet OTHER PRODUCTS OFFERED Banking, Annuities OFFICE INFO OFFICE INFO ADDRESS 100 Terrace Ave Apollo, PA 15613 Map & Directions * PHONE (800) 833-2991 (724) 216-6032 (724) 478-4271 * FAX (724) 705-0545 LANGUAGES English Simple Insights® SIMPLE INSIGHTS® WHY IS SUNSCREEN IMPORTANT? WHY IS SUNSCREEN IMPORTANT? Learn the ins and outs of sun protection and importance of sunscreen from this handy infographic. Read More CAN A POWER SURGE DAMAGE MY ELECTRONICS? CAN A POWER SURGE DAMAGE MY ELECTRONICS? Prevent power surges from zapping your electronics and protect your property from electrical hazards by following these tips from State Farm. Read More THE REAL CONSEQUENCES OF DRUNK DRIVING THE REAL CONSEQUENCES OF DRUNK DRIVING What's at stake if you're caught drunk driving? A lot. These tips help you avoid the dangers of drinking and driving. Read More View More Articles Videos VIDEOS LEGACY OF SAFETY Audio Transcript WEB DEVELOPMENT FOR A GOOD CAUSE WITH 48IN48 Audio Transcript Contact Us Our Mission Our Team We're Hiring YOU CAN ALSO CALL US AT (724) 216-6032 CONTACT US Your preferred method of contact * Your Email * Your Phone Your Name * Your Phone * Your Email * Your Message: * For your protection, please do not include sensitive personal information such as social security numbers, credit/debit card number, or health/medical information. Your preferred method of contact * Your Email * Your Phone I'd like more info about: * For your protection, please do not include sensitive personal information such as social security numbers, credit/debit card number, or health/medical information. Your Message: * Remove Please attach only file(s) — Unsupported file types will not be delivered to the agent. Send Email PLEASE CORRECT THE FOLLOWING: By filling out the form, you are providing express consent by electronic signature that you may be contacted by telephone (via call and/or text messages) and/or email for marketing purposes by State Farm Mutual Automobile Insurance Company, its subsidiaries and affiliates ("State Farm") or an independent contractor State Farm agent regarding insurance products and services using the phone number and/or email address you have provided to State Farm, even if your phone number is listed on a Do Not Call Registry. You further agree that such contact may be made using an automatic telephone dialing system and/or prerecorded voice (message and data rates may apply). Your consent is not a condition of purchase. By continuing, you agree to the terms of the disclosures above. Please note: Insurance coverage cannot be bound or changed via submission of this online e-mail form or via voice mail. To make policy changes or request additional coverage, please speak with a licensed representative in the agent's office, or by contacting the State Farm toll-free customer service line at (855) 733-7333 . Our office strives to provide our customers with the most efficient and professional service in the Pittsburgh Area including Apollo and the Kiski Valley and the rest of Pennsylvania . We take time to complete a personalized comprehensive review of our customer's Insurance needs. We want to be the first and preferred choice for all of our customers' Insurance and Financial Services needs in Apollo, Vandergift, Leechburg, Greensburg, Latrobe, Kittanning, the Pittsburgh region and all of Pennsylvania, Ohio, West Virginia, New York and Maryland. Call us for your Auto and Car Insurance, Home Insurance, Business Insurance, and Life Insurance needs. …Read More Our team is dedicated to serving the Apollo, Leechburg, Kittaning, Greensburg, Latrobe, Jeannette, Irwin, Westmoreland, Armstrong, Butler, Somerset, Allegheny, the rest of Pennsylvania, New York, Ohio, Maryland, and West Virginia. We have a goal of treating all of our customers with respect and making sure our customers have proper coverage at the most competitive price. AW ALLYSSA WILSON Property & Casualty Representative Born and raised in Greensburg, Pa. and excited to now be in Apollo, PA. I started my insurance career in 2017. I am licensed in Auto Insurance, Car Insurance, Fire Insurance and banking products. I have a beautiful 3 year old daughter, whom I absolutely adore. I spend my spare time with my loving family and friends. My main goal in life is to help make this world a better place for my daughter to grow up and live in. I take pride in that my job helps people protect themselves, family, and loved ones. I have a passion for making people feel comfortable and helping out in any way that I can. Our team will go above and beyond for our customers to make them feel safe and right at home. …Read More JB JOE BACCAMAZZI Account Representative As a lifetime native of Indiana, Pa., I’ve always valued the sense of local community in our corner of the state. I graduated from Indiana University of Pa. with a degree in sports journalism and spent more than five years working for my hometown newspaper, bringing high school athletics to families and readers throughout the area. Before long, I had taken on covering major college programs and professional football. Then the market oversaturated and, finally, the sports world grinded to a halt early in 2020. Andrew brought me to his office one day to spell-check a few of his emails, and it quickly blossomed into a full career change. My definition of “coverage” changed forever. And now my goal is to provide an essential service by helping to protect our customers, their loved ones and their community. I enjoy kayaking and golfing in my spare time. Someday, I’d like to write a book, maybe a crime novel. Until then, give me a call or stop in to see me any time. We can talk sports, and I will happily quote your home and autos for your trouble. ~ …Read More JK JOHN KINNAMON Personal Account Representative Licensed in home, auto, life and health; there’s really not much I haven’t helped someone with in my 16 plus years with State Farm. I’m the father of two young adults, I play golf, coach high school softball and I love what I do here at State Farm. Favorite job, ever! …Read More AH A RAE ANN HOLLIS Account Representative I have lived in the Apollo area for most of my adult life. I graduated from Elderton Jr. Sr. High & Clarion State College. I began working in this office in 2011 for Todd Watterson and continued working for Andrew Forish in February of 2020 when he became the Agent after Todd retired. I love working with customers for their auto insurance, home insurance, and life insurance needs around Apollo, Vandergrift, Kiski Valley, Leechburg, Salina, Greensburg, Latrobe, Pittsburgh and the surrounding Westmoreland, Armstrong, Indiana, and Allegheny Counties. When I am not at work, I enjoy time with family and fabulous friends. I also enjoy gardening and hunting for bargains. …Read More AW ASHTON WOLFE Account Associate OUR AGENCY https://andrewforish.sfagentjobs.com/jobs parsing job listing domain Learn more about our agency and the career opportunities with us. Available Positions https://andrewforish.sfagentjobs.com/jobs Click to view all of Andrew's current openings! Please Note: This opportunity is about potential employment with an independent contractor agent who solicits applications for State Farm products and services, and does NOT result in employment with any of the State Farm Insurance Companies. The employment selection decision , terms and conditions of employment (such as compensation and benefits) are all determined solely by the independent contractor agent. YOU CAN ALSO CALL US AT (724) 216-6032 CONTACT US Your preferred method of contact * Your Email * Your Phone Your Name * Your Phone * Your Email * Your Message: * For your protection, please do not include sensitive personal information such as social security numbers, credit/debit card number, or health/medical information. Your preferred method of contact * Your Email * Your Phone I'd like more info about: * For your protection, please do not include sensitive personal information such as social security numbers, credit/debit card number, or health/medical information. Your Message: * Remove Please attach only file(s) — Unsupported file types will not be delivered to the agent. Send Email PLEASE CORRECT THE FOLLOWING: By filling out the form, you are providing express consent by electronic signature that you may be contacted by telephone (via call and/or text messages) and/or email for marketing purposes by State Farm Mutual Automobile Insurance Company, its subsidiaries and affiliates ("State Farm") or an independent contractor State Farm agent regarding insurance products and services using the phone number and/or email address you have provided to State Farm, even if your phone number is listed on a Do Not Call Registry. You further agree that such contact may be made using an automatic telephone dialing system and/or prerecorded voice (message and data rates may apply). Your consent is not a condition of purchase. By continuing, you agree to the terms of the disclosures above. Please note: Insurance coverage cannot be bound or changed via submission of this online e-mail form or via voice mail. To make policy changes or request additional coverage, please speak with a licensed representative in the agent's office, or by contacting the State Farm toll-free customer service line at (855) 733-7333 . AGENT LICENSES FOR ANDREW FORISH PA-585371 NY-LA-1609828 NY-PC-1609828 OH-1285407 WV-15945012 MD-3000817711 If you are using a screen reader and having difficulty with this website please call (724) 216-6032 . DISCLOSURES Life Insurance and annuities are issued by State Farm Life Insurance Company. (Not Licensed in MA, NY, and WI) State Farm Life and Accident Assurance Company (Licensed in New York and Wisconsin) Home Office, Bloomington, Illinois. Deposit products offered by U.S. Bank National Association. Member FDIC. Pet insurance products are underwritten in the United States by American Pet Insurance Company and ZPIC Insurance Company, 6100-4th Ave. S, Seattle, WA 98108. Administered by Trupanion Managers USA, Inc. (CA license No. 0G22803, NPN 9588590). Terms and conditions apply, see full policy on Trupanion's website for details. State Farm Mutual Automobile Insurance Company, its subsidiaries and affiliates, neither offer nor are financially responsible for pet insurance products. State Farm is a separate entity and is not affiliated with Trupanion or American Pet Insurance. Pre-existing conditions: If you currently have a pet medical insurance policy, switching carriers or purchasing a new policy may affect certain provisions such as coverages for pre-existing conditions or deductibles already established under your current policy. Let your State Farm® agent know if your existing policy has provisions that might make it beneficial for you to keep. State Farm (including State Farm Mutual Automobile Insurance Company and its subsidiaries and affiliates) is not responsible for, and does not endorse or approve, either implicitly or explicitly, the content of any third party sites referenced in this material. Products and services are offered by third parties and State Farm does not warrant the merchantability, fitness or quality of the products and services of the third parties. State Farm VP Management Corp. is a separate entity from those State Farm entities which provide banking and insurance products. Investing involves risk, including potential for loss. Neither State Farm nor its agents provide tax or legal advice. Please consult a tax or legal advisor for advice regarding your personal circumstances. LIKE A GOOD NEIGHBOR, STATE FARM IS THERE.® Ads & Tracking Security & Fraud Accessibility Terms of Use Notice of Privacy Policy State Privacy Rights Site Map (724) 216-6032 Download the State Farm mobile app today © Copyright State Farm Mutual Automobile Insurance Company 2023.