agentkennymoles.com Open in urlscan Pro
34.69.219.172  Public Scan

Submitted URL: http://agentkennymoles.com/
Effective URL: https://agentkennymoles.com/
Submission Tags: falconsandbox
Submission: On September 06 via api from US — Scanned from DE

Form analysis 4 forms found in the DOM

#

<form id="quote-start-uku8kh1" action="#">
  <!-- start partial: m2-select-label.hbs -->
  <label for="gaq-product-uku8kh1"
    class="block relative 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 shadow-[inset_0px_0px_0px_3px] shadow-white focus-within:shadow-sf-red-500 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-uku8kh1" name="field-auto" @change="selectProduct()" x-model="productKey" aria-controls="specific-location-info-uku8kh1" :aria-describedby="productSelected ? '' : describeErrorsID()"
        class="w-full pr-4 bg-white appearance-none cursor-pointer focus:outline-none" aria-describedby="">
        <option value="" selected="" hidden="">Select Product</option>
        <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-uku8kh1" class="w-full">
      <div x-show="type() == 'zip'">
        <!-- start partial: m2-text-label.hbs -->
        <div class="relative w-full " :class="{}">
          <input id="gaq-zip-uku8kh1" type="text" class="bg-white m2-form-input peer" x-model="zip" name="field-zip" autocomplete="postal-code" placeholder="ZIP Code" aria-required="true" :aria-invalid="!isZipValid()"
            :aria-describedby="isZipValid() ? '' : describeErrorsID()" @keydown.enter.prevent="validate()" aria-describedby="">
          <label class="m2-form-label" for="gaq-zip-uku8kh1"> ZIP Code </label>
        </div>
        <!-- end partial: m2-text-label.hbs -->
      </div>
      <div x-show="type() == 'loc'" style="display: none;">
        <!-- start partial: m2-select-label.hbs -->
        <label for="gaq-loc-uku8kh1"
          class="block relative 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 shadow-[inset_0px_0px_0px_3px] shadow-white focus-within:shadow-sf-red-500 "
          :class="{}">
          <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-uku8kh1" class="w-full pr-4 bg-white appearance-none cursor-pointer focus:outline-none" x-model="state" name="field-state" aria-required="true" :aria-invalid="!isStateValid()"
              :aria-describedby="isStateValid() ? '' : describeErrorsID()" @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>
    <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-uku8kh1">
    <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-1h19hty" action="#">
  <!-- start partial: m2-select-label.hbs -->
  <label for="gaq-product-1h19hty"
    class="block relative 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 shadow-[inset_0px_0px_0px_3px] shadow-white focus-within:shadow-sf-red-500 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-1h19hty" name="field-auto" @change="selectProduct()" x-model="productKey" aria-controls="specific-location-info-1h19hty" :aria-describedby="productSelected ? '' : describeErrorsID()"
        class="w-full pr-4 bg-white appearance-none cursor-pointer focus:outline-none" aria-describedby="">
        <option value="" selected="" hidden="">Select Product</option>
        <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-1h19hty" class="w-full">
      <div x-show="type() == 'zip'">
        <!-- start partial: m2-text-label.hbs -->
        <div class="relative w-full " :class="{}">
          <input id="gaq-zip-1h19hty" type="text" class="bg-white m2-form-input peer" x-model="zip" name="field-zip" autocomplete="postal-code" placeholder="ZIP Code" aria-required="true" :aria-invalid="!isZipValid()"
            :aria-describedby="isZipValid() ? '' : describeErrorsID()" @keydown.enter.prevent="validate()" aria-describedby="">
          <label class="m2-form-label" for="gaq-zip-1h19hty"> ZIP Code </label>
        </div>
        <!-- end partial: m2-text-label.hbs -->
      </div>
      <div x-show="type() == 'loc'" style="display: none;">
        <!-- start partial: m2-select-label.hbs -->
        <label for="gaq-loc-1h19hty"
          class="block relative 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 shadow-[inset_0px_0px_0px_3px] shadow-white focus-within:shadow-sf-red-500 "
          :class="{}">
          <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-1h19hty" class="w-full pr-4 bg-white appearance-none cursor-pointer focus:outline-none" x-model="state" name="field-state" aria-required="true" :aria-invalid="!isStateValid()"
              :aria-describedby="isStateValid() ? '' : describeErrorsID()" @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>
    <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-1h19hty">
    <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 &amp;&amp; !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:3367654080" class="red-link">
                        (336) 765-4080
                    </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="{ &quot;lg:flex-row lg:space-x-4 lg:w-3/4&quot;: 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="{ &quot;bg-white&quot;: false, &quot;lg:mt-5&quot;: 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="{ &quot;bg-white&quot;: false, &quot;lg:mt-5&quot;: false }" name="contact-form-phone" x-model="form.phone"
                  :aria-required="hasError('phone') &amp;&amp; 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="{ &quot;bg-white&quot;: false, &quot;lg:mt-5&quot;: false }" name="contact-form-email" x-model="form.email"
                  :aria-required="hasError('email') &amp;&amp; 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="{ &quot;bg-white&quot;: false }" placeholder="Your Message:" :aria-invalid="hasError('message')"
                :aria-describedby="`md-message-warning ${hasError(&quot;message&quot;) ? $id(&quot;error&quot;, &quot;message&quot;) : &quot;&quot;}`" :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="md-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="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="[
        'contact-form-message'
    ]">
          <textarea :id="$id('contact-form-message')" ref="message" x-model="form.message" class="m2-form-input peer h-48 " :class="{ &quot;bg-white&quot;: false }" placeholder="Your Message:" :aria-invalid="hasError('message')"
            :aria-describedby="`message-warning ${hasError(&quot;message&quot;) ? $id(&quot;error&quot;, &quot;message&quot;) : &quot;&quot;}`" :aria-required="hasError('message')" @keydown.debounce.750ms="validateMessage()"
            :error="hasError('message')"></textarea>
          <label :for="$id('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), &quot;h-full&quot;)" 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(&quot;m2-file-upload-input&quot;)">
            <span role="button" class="text-lg btn btn-secondary" :aria-controls="$id(&quot;m2-file-upload-input&quot;)" 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(&quot;m2-file-upload-input&quot;)" 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 <span><a href="tel:8557337333" class="red-link">(855) 733-7333</a>.</span>
    </p>
    <!-- end partial: cf-coverage-disclaimer.hbs -->
    <p></p>
  </div>
</form>

POST

<form x-show="!sendResponse &amp;&amp; !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:3367654080" class="red-link">
                        (336) 765-4080
                    </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="{ &quot;lg:flex-row lg:space-x-4 lg:w-3/4&quot;: 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="{ &quot;bg-white&quot;: false, &quot;lg:mt-5&quot;: 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="{ &quot;bg-white&quot;: false, &quot;lg:mt-5&quot;: false }" name="contact-form-phone" x-model="form.phone"
                  :aria-required="hasError('phone') &amp;&amp; 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="{ &quot;bg-white&quot;: false, &quot;lg:mt-5&quot;: false }" name="contact-form-email" x-model="form.email"
                  :aria-required="hasError('email') &amp;&amp; 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="{ &quot;bg-white&quot;: false }" placeholder="Your Message:" :aria-invalid="hasError('message')"
                :aria-describedby="`md-message-warning ${hasError(&quot;message&quot;) ? $id(&quot;error&quot;, &quot;message&quot;) : &quot;&quot;}`" :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="md-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="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="[
        'contact-form-message'
    ]">
          <textarea :id="$id('contact-form-message')" ref="message" x-model="form.message" class="m2-form-input peer h-48 " :class="{ &quot;bg-white&quot;: false }" placeholder="Your Message:" :aria-invalid="hasError('message')"
            :aria-describedby="`message-warning ${hasError(&quot;message&quot;) ? $id(&quot;error&quot;, &quot;message&quot;) : &quot;&quot;}`" :aria-required="hasError('message')" @keydown.debounce.750ms="validateMessage()"
            :error="hasError('message')"></textarea>
          <label :for="$id('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), &quot;h-full&quot;)" 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(&quot;m2-file-upload-input&quot;)">
            <span role="button" class="text-lg btn btn-secondary" :aria-controls="$id(&quot;m2-file-upload-input&quot;)" 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(&quot;m2-file-upload-input&quot;)" 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 <span><a href="tel:8557337333" class="red-link">(855) 733-7333</a>.</span>
    </p>
    <!-- end partial: cf-coverage-disclaimer.hbs -->
    <p></p>
  </div>
</form>

Text Content

Skip to content
Español

Español


Close

 * Account
   * Create an account
     
   * Log in
     
 * Contact Us
 * Jobs
 * Reviews
 * Insurance
   * Auto
   * Motorcycle
   * Homeowners
   * Condo
   * Renters
   * Business
   * Life
   * Pet
   * Rec Vehicles
   * Boat

   
 * Insurance
   
      
    * Auto
      
      
    * Motorcycle
      
      
    * Homeowners
      
      
    * Condo
      
      
    * Renters
      
      
    * Business
      
      
    * Life
      
      
    * Pet
      
      
    * Rec Vehicles
      
      
    * Boat
      
    * EXIT SUBMENU
      
   
     
   * Auto
     
     
   * Motorcycle
     
     
   * Homeowners
     
     
   * Condo
     
     
   * Renters
     
     
   * Business
     
     
   * Life
     
     
   * Pet
     
     
   * Rec Vehicles
     
     
   * Boat
     
   * EXIT SUBMENU
     
   
   
   
 * Reviews
   
   
 * Jobs
   
   
 * Contact Us
   
   
 * Account
   
      
    * Create an account
      
      
      
    * Log in
      
      
    * EXIT SUBMENU
      
   
     
   * Create an account
     
     
     
   * Log in
     
     
   * EXIT SUBMENU
     
   
   


(336) 765-4080 Call

Text



STATE FARM® INSURANCE AGENT KENNY MOLES


4.9 out of 5 average rating (44 reviews)
3809 Forrestgate Drive
Suite E
Winston-Salem, NC 27103

Just off of Westgate Center Drive. Westgate is the road between Sam's and Home
Depot.


Contact Us

Contact Us

Location Map & Directions

Get ID Card


ABOUT ME

Here at the Moles's State Farm Insurance, we are proud to serve the Piedmont
Triad. Specifically, we have customers in Winston Salem, Advance, Lewisville,
Greensboro, High Point, Walkertown, Stokesdale, Oak Ridge, Kernersville, Colfax,
Thomasville, Lexington, Eden, Madison and the surrounding areas with Car
Insurance, Homeowner's Insurance, ATV Insurance, Boat Insurance, Motor-home
Insurance, Renters Insurance, Condo Insurance, Life Insurance, Business
Insurance and Financial Services.

Our office has been a State Farm Insurance Agency since 2018 and my team has
over 20 years of combined insurance experience and have multiple Spanish
speaking team members.

Give us a call if you are moving to Winston Salem, Advance, Lewisville,
Greensboro, High Point or anywhere within the Piedmont Triad of North Carolina.
We are a family of highly skilled insurance professionals working together to
fulfill a community responsibility of giving outstanding service and also
fulfilling our moral obligation of protecting what's important to customer's so
they can focus on accomplishing their life goals.

Our team of licensed Insurance Professionals is here to help get you Insurance
coverage for your specific needs. Not only can we help with Auto Insurance, Home
Insurance, Renter's Insurance, Condo Insurance, ATV Insurance, Motorcycle
Insurance, Boat Insurance, Motor-home Insurance, Life Insurance, Health
Insurance and Financial Services, but we are also able to assist small business
owners with their Commercial lines of Insurance. Call, Click, Text or Stop by
the office today for a free quote.

…Read More

4.9 out of 5 average rating (44 reviews)


OFFICE HOURS


Today

9am - 5pm (Eastern)
Mon-Thu
9am - 5pm
Fri
9am - 4:30pm
Sat-Sun
Closed

Call us 24 hours a day!



INSURANCE PRODUCTS OFFERED

Auto, Homeowners, Condo, Renters, Personal Articles, Business, Life, Health, Pet


OTHER PRODUCTS

Banking

View Licenses


WOULD YOU LIKE TO CREATE A PERSONALIZED QUOTE?

Select an Insurance Product
Select 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 (44 reviews)

Contact Us

Contact Us

Location Map & Directions

Get ID Card


WOULD YOU LIKE TO CREATE A PERSONALIZED QUOTE?

Select an Insurance Product
Select 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
 * Motorcycle
   Insurance
 * Homeowners
   Insurance
 * Condo
   Insurance
 * Renters
   Insurance
 * Business
   Insurance
 * Life
   Insurance
 * Pet
   Insurance
 * Rec Vehicles
   Insurance
 * Boat
   Insurance
   
 * 
   See More
   


OFFICE INFO




OFFICE INFO


OFFICE HOURS


Today

9am - 5pm (Eastern)
Mon-Thu
9am - 5pm
Fri
9am - 4:30pm
Sat-Sun
Closed

Call us 24 hours a day!


ADDRESS

3809 Forrestgate Drive
Suite E
Winston-Salem, NC 27103

Map & Directions
   


 * PHONE
   
   (336) 765-4080
   
   
   
   
   
   
   
   
   


LANGUAGES

English, Spanish


About Me


Here at the Moles's State Farm Insurance, we are proud to serve the Piedmont
Triad. Specifically, we have customers in Winston Salem, Advance, Lewisville,
Greensboro, High Point, Walkertown, Stokesdale, Oak Ridge, Kernersville, Colfax,
Thomasville, Lexington, Eden, Madison and the surrounding areas with Car
Insurance, Homeowner's Insurance, ATV Insurance, Boat Insurance, Motor-home
Insurance, Renters Insurance, Condo Insurance, Life Insurance, Business
Insurance and Financial Services.

Our office has been a State Farm Insurance Agency since 2018 and my team has
over 20 years of combined insurance experience and have multiple Spanish
speaking team members.

Give us a call if you are moving to Winston Salem, Advance, Lewisville,
Greensboro, High Point or anywhere within the Piedmont Triad of North Carolina.
We are a family of highly skilled insurance professionals working together to
fulfill a community responsibility of giving outstanding service and also
fulfilling our moral obligation of protecting what's important to customer's so
they can focus on accomplishing their life goals.

Our team of licensed Insurance Professionals is here to help get you Insurance
coverage for your specific needs. Not only can we help with Auto Insurance, Home
Insurance, Renter's Insurance, Condo Insurance, ATV Insurance, Motorcycle
Insurance, Boat Insurance, Motor-home Insurance, Life Insurance, Health
Insurance and Financial Services, but we are also able to assist small business
owners with their Commercial lines of Insurance. Call, Click, Text or Stop by
the office today for a free quote.


Products



INSURANCE PRODUCTS OFFERED

Auto, Homeowners, Condo, Renters, Personal Articles, Business, Life, Health, Pet


OTHER PRODUCTS

Banking

View Licenses


OFFICE INFO




OFFICE INFO


OFFICE HOURS


Today

9am - 5pm (Eastern)
Mon-Thu
9am - 5pm
Fri
9am - 4:30pm
Sat-Sun
Closed

Call us 24 hours a day!


ADDRESS

3809 Forrestgate Drive
Suite E
Winston-Salem, NC 27103

Map & Directions
   


 * PHONE
   
   (336) 765-4080
   
   
   
   
   
   
   
   
   


LANGUAGES

English, Spanish


Simple Insights®



SIMPLE INSIGHTS®


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


THE IMPACT OF DISABILITY


THE IMPACT OF DISABILITY

As we age, the possibility of a disability goes up while at the same time our
income is decreasing & expenses are increasing. How likely are you to become
disabled?
Read More


DOG HEALTH ISSUES BY BREED AND COMMON CAT DISEASES


DOG HEALTH ISSUES BY BREED AND COMMON CAT DISEASES

Your furry friends may be prone to certain medical conditions just based on
their breed so check this out to get more info.
Read More
View More Articles

Videos



VIDEOS

STATE FARM® AGENT OPPORTUNITIES



Audio Transcript

LEGACY OF SAFETY



Audio Transcript

STRANDS OF MAGIC



Audio Transcript
Contact Us Our Mission Our Team We're Hiring


YOU CAN ALSO CALL US AT (336) 765-4080


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 mission is to provide excellent service to our policyholders while ensuring
their lives go right when the unexpected occurs. Serving the NC Triad area of
Winston-Salem, High Point & Greensboro.

Our team is ready to serve you. We are a bilingual (Spanish) agency and
appreciate any and all referrals. Stop by or call to see how we can serve you.
NA

NATASHA AGUILAR

Office Manager

Natasha is bi-lingual, speaking Spanish and English fluently. She has been with
our office for over 2 years. Natasha has spent most of her adult life in the
Hispanic communities of Winston-Salem. She is knowledgeable and eager to serve
your insurance needs. She can provide you a free quote for your car, home,
renters, and business insurance needs. She is also available to discuss any life
insurance and health insurance needs you have. Give Natasha a call and see how
she can protect you today.

…Read More

ENGLAND BARKOCY

Account Associate

England has over 6 years of State Farm experience and is ready and willing to
provide you the excellent customer service. England is able to help you with all
your insurance needs. Give us a call, speak with England, I promise you will not
be disappointed with the service and knowledge she provides all our customers.

…Read More

MARANDA MORRIS

Office Representative




OUR AGENCY

 * Our mission is to help people manage the risks of everyday life, recover from
   the unexpected and realize their dreams.
 * We help customers with their insurance and financial services needs,
   including Auto Insurance, Home Insurance, Life Insurance, Retirement
   Planning, Business Insurance, College Planning, Health Insurance, and Renters
   Insurance.
 * Our office is located in Winston-Salem.



This busy insurance and financial services office has a passion to make a
difference in the lives of others and better the community. We are a growing
agency with big dreams and lots of potential.

…Read More
Learn more about our agency and the career opportunities with us.
Available Positions
Account Associate - State Farm Agent Team Member (Sales experience preferred)

Remote Flexible - US Full Time

Customer Service Representative - State Farm Agent Team Member

Winston-Salem, NC Full Time

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 (336) 765-4080


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 LICENSE FOR KENNY MOLES

NC-18300368

If you are using a screen reader and having difficulty with this website please
call (336) 765-4080 .



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.

The creditor and issuer of this credit card is U.S. Bank National Association,
pursuant to a license from Visa U.S.A. Inc.

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

(336) 765-4080
Download the State Farm mobile app today

© Copyright State Farm Mutual Automobile Insurance Company 2023.