www.kristi.30aluxuryrealtor.com Open in urlscan Pro
5.161.188.175  Public Scan

URL: https://www.kristi.30aluxuryrealtor.com/
Submission: On July 09 via api from US — Scanned from DE

Form analysis 5 forms found in the DOM

<form class="mt-4" x-data="contactUsModalData" @submit.prevent="submitForm()" x-init="currentAgentId = `0190068e-e42f-46ad-8b81-567d6009f23f`">
  <div>
    <p class="mb-4 font-medium text-base md:text-lg font-clash">Contact me</p>
    <div class="rounded-md border-l-4 border-red-400 bg-red-50 p-4 mb-4" x-show="showErrorMessage" style="display: none;">
      <p class="text-sm font-medium text-red-800 mb-0" x-text="errorMessage"></p>
    </div>
    <div class="rounded-md border-l-4 border-green-400 bg-green-50 p-4 mb-4" x-show="showSuccessMessage" style="display: none;">
      <p class="text-sm font-medium text-green-800 mb-0">Message successfully sent.</p>
    </div>
  </div>
  <div class="w-full mb-4 text-base font-clan font-normal md:grid md:grid-cols-2 md:gap-6">
    <div class="relative z-0 mb-6" data-formgroup="">
      <input type="text" name="firstName" class="block py-3 pr-2 w-full text-sm text-primary-800 font-medium bg-transparent border-0 border-b-2 border-primary-650 hover:border-primary-800 appearance-none focus:outline-none focus:ring-0 peer"
        data-validate="" data-required="" data-required-message="First name is required" placeholder=" " x-model="formData.firstName" x-ref="firstNameEl" @input="validate($event)">
      <label
        class="absolute text-sm text-primary-650 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-primary-650 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6">
        First Name </label>
      <div class="text-xs text-red-500 mt-2 hidden" data-formerror=""></div>
    </div>
    <div class="relative z-0 mb-6" data-formgroup="">
      <input type="text" name="lastName" class="block py-3 pr-2 w-full text-sm text-primary-800 font-medium bg-transparent border-0 border-b-2 border-primary-650 hover:border-primary-800 appearance-none focus:outline-none focus:ring-0 peer"
        data-validate="" data-required="" data-required-message="Last name is required" placeholder=" " x-model="formData.lastName" x-ref="lastNameEl" @input="validate($event)">
      <label
        class="absolute text-sm text-primary-650 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-primary-650 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6">
        Last Name </label>
      <div class="text-xs text-red-500 mt-2 hidden" data-formerror=""></div>
    </div>
    <div class="relative z-0 mb-6" data-formgroup="">
      <input type="email" name="email" class="block py-3 pr-2 w-full text-sm text-primary-800 font-medium bg-transparent border-0 border-b-2 border-primary-650 hover:border-primary-800 appearance-none focus:outline-none focus:ring-0 peer"
        data-validate="" data-required="" data-required-message="Email is required" data-email="" data-email-message="Email is not valid" placeholder=" " x-model="formData.email" x-ref="emailEl" @input="validate($event)">
      <label
        class="absolute text-sm text-primary-650 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-primary-650 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6">
        Email </label>
      <div class="text-xs text-red-500 mt-2 hidden" data-formerror=""></div>
    </div>
    <div class="relative z-0 mb-6" data-formgroup="">
      <input type="text" name="phoneNumber" class="block py-3 pr-2 w-full text-sm text-primary-800 font-medium bg-transparent border-0 border-b-2 border-primary-650 hover:border-primary-800 appearance-none focus:outline-none focus:ring-0 peer"
        placeholder=" " x-model="formData.phoneNumber" x-ref="phoneNumberEl" @input="validate($event)" x-mask="+1 (999) 999-9999">
      <label
        class="absolute text-sm text-primary-650 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-primary-650 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6">
        Phone </label>
      <div class="text-xs text-red-500 mt-2 hidden" data-formerror=""></div>
    </div>
    <div class="relative z-0 mb-6">
      <input type="number" name="mls" class="block py-3 pr-2 w-full text-sm text-primary-800 font-medium bg-transparent border-0 border-b-2 border-primary-650 hover:border-primary-800 appearance-none focus:outline-none focus:ring-0 peer"
        placeholder=" " x-model.number="formData.mls" step="1">
      <label
        class="absolute text-sm text-primary-650 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-primary-650 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6">
        MLS Property Number </label>
    </div>
  </div>
  <div class="w-full mb-16 text-base" data-formgroup="">
    <p class="mb-4 font-medium md:text-lg font-clash">Your message</p>
    <textarea rows="2" name="message" class="block w-full border-b-2 border-primary-650 hover:border-primary-800 focus:outline-none placeholder:text-base placeholder:text-primary-650 bg-transparent" placeholder="I'm interested in ..."
      data-validate="" data-required="" data-required-message="Message is required" x-model="formData.message" x-ref="messageEl" @input="validate($event)"></textarea>
    <div class="text-xs text-red-500 mt-2 hidden" data-formerror=""></div>
  </div>
  <div class="flex justify-end col-start-2 w-full">
    <button type="submit" class="py-2 px-4 text-base font-medium rounded border border-primary-700 hover:border-primary-800 transition ease-in-out duration-500 font-clash !ml-auto bg-primary-blue uppercase hover:bg-opacity-80 text-white"> Submit
    </button>
  </div>
</form>

<form class="lg:flex lg:flex-col items-start w-full lg:w-2/3 xl:items-center xl:justify-start p-6 lg:my-auto px-4 md:px-6 xl:px-24" @submit.prevent="submitForm()">
  <div class="mb-14">
    <div class="rounded-md border-l-4 border-red-400 bg-red-50 p-4 mb-4" x-show="showErrorMessage" style="display: none;">
      <p class="text-sm font-medium text-red-800 mb-0" x-text="errorMessage"></p>
    </div>
    <div class="rounded-md border-l-4 border-green-400 bg-green-50 p-4 mb-4" x-show="showSuccessMessage" style="display: none;">
      <p class="text-sm font-medium text-green-800 mb-0">Message successfully sent.</p>
    </div>
  </div>
  <div class="w-full mb-14 text-base font-clan font-normal md:grid md:grid-cols-2 md:gap-6">
    <input id="radio-1" type="radio" name="reasonForContacting" value="buying" class="hidden" data-validate="" checked="" x-model="formData.reasonForContacting" x-ref="reasonForContactingEl" x-on:input="validate($event)">
    <div class="relative z-0 mb-6" data-formgroup="">
      <input type="text" name="firstName" class="block py-3 pr-2 w-full text-sm text-primary-800 font-medium bg-transparent border-0 border-b-2 border-primary-650 hover:border-primary-800 appearance-none focus:outline-none focus:ring-0 peer"
        data-validate="" data-required="" data-required-message="First name is required" placeholder=" " x-model="formData.firstName" x-ref="firstNameEl" x-on:input="validate($event)">
      <label
        class="absolute text-sm text-primary-650 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-primary-650 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6">
        First Name </label>
      <div class="text-xs text-red-500 mt-2 hidden" data-formerror=""></div>
    </div>
    <div class="relative z-0 mb-6" data-formgroup="">
      <input type="text" name="lastName" class="block py-3 pr-2 w-full text-sm text-primary-800 font-medium bg-transparent border-0 border-b-2 border-primary-650 hover:border-primary-800 appearance-none focus:outline-none focus:ring-0 peer"
        data-validate="" data-required="" data-required-message="Last name is required" placeholder=" " x-model="formData.lastName" x-ref="lastNameEl" x-on:input="validate($event)">
      <label
        class="absolute text-sm text-primary-650 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-primary-650 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6"
        for="enquiryLastName"> Last Name </label>
      <div class="text-xs text-red-500 mt-2 hidden" data-formerror=""></div>
    </div>
    <div class="relative z-0 mb-6" data-formgroup="">
      <input type="email" name="email" class="block py-3 pr-2 w-full text-sm text-primary-800 font-medium bg-transparent border-0 border-b-2 border-primary-650 hover:border-primary-800 appearance-none focus:outline-none focus:ring-0 peer"
        data-validate="" data-required="" data-required-message="Email is required" data-email="" data-email-message="Email is not valid" placeholder=" " x-model="formData.email" x-ref="emailEl" x-on:input="validate($event)">
      <label
        class="absolute text-sm text-primary-650 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-primary-650 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6">
        Email </label>
      <div class="text-xs text-red-500 mt-2 hidden" data-formerror=""></div>
    </div>
    <div class="relative z-0 mb-6" data-formgroup="">
      <input type="text" name="phoneNumber" id="enquiryPhoneNumber"
        class="block py-3 pr-2 w-full text-sm text-primary-800 font-medium bg-transparent border-0 border-b-2 border-primary-650 hover:border-primary-800 appearance-none focus:outline-none focus:ring-0 peer" placeholder=" "
        x-model="formData.phoneNumber" x-ref="phoneNumberEl" x-on:input="validate($event)" x-mask="+1 (999) 999-9999">
      <label
        class="absolute text-sm text-primary-650 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-primary-650 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6">
        Phone </label>
      <div class="text-xs text-red-500 mt-2 hidden" data-formerror=""></div>
    </div>
  </div>
  <div class="w-full mb-16 text-base" data-formgroup="">
    <p class="mb-4 font-medium md:text-lg font-clash">What would you like to know?</p>
    <textarea name="message" rows="2" class="block w-full h-10 mb-4 border-b-2 border-primary-650 hover:border-primary-800 transition ease-in-out duration-500 focus:outline-none placeholder:text-base placeholder:text-primary-650"
      placeholder="I'm interested in ..." data-validate="" data-required="" data-required-message="Message is required" x-model="formData.message" x-ref="messageEl" x-on:input="validate($event)"></textarea>
    <div class="text-xs text-red-500 mt-2 hidden" data-formerror=""></div>
  </div>
  <div class="relative z-0 mb-16">
    <div class="flex gap-3">
      <input id="smsOptInContactEnquiry" type="checkbox" name="smsOptIn" value="smsOptIn"
        class="w-5 h-5 bg-white border cursor-pointer border-primary-800 appearance-none checked:bg-black checked:text-white shrink-0 mt-1 checked:after:absolute checked:after:mt-px checked:after:ml-1.5 checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-l-0 checked:after:border-t-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-['']"
        x-model="formData.smsOptIn">
      <label for="smsOptInContactEnquiry" class="text-sm text-primary-650"> By providing your phone number, you agree to receive text messages from . Message and data rates may apply. Message frequency varies. </label>
    </div>
  </div>
  <div class="flex justify-end col-start-2 w-full">
    <button type="submit" class="py-2 px-4 text-base font-medium rounded border border-primary-700 hover:border-primary-800 transition ease-in-out duration-500 text-primary-650 hover:text-primary-800 font-clash !ml-auto"> Send Enquiry </button>
  </div>
</form>

<form class="lg:flex lg:flex-col items-start w-full lg:w-2/3 lg:my-auto p-6 px-4 md:px-6 xl:px-24 bg-white" @submit.prevent="submitForm()">
  <div class="mb-14 w-full">
    <p class="mb-4 font-bold text-base md:text-lg text-primary-1000 font-clash" x-text="$store.modals.contactUsModalTitle">Contact us</p>
    <p class="xl:text-xxxl text-xl text-primary-800">Submit a message</p>
    <div class="rounded-md border-l-4 border-red-400 bg-red-50 p-4 mb-4" x-show="showErrorMessage" style="display: none;">
      <p class="text-sm font-medium text-red-800 mb-0" x-text="errorMessage"></p>
    </div>
    <div class="rounded-md border-l-4 border-green-400 bg-green-50 p-4 mb-4" x-show="showSuccessMessage" style="display: none;">
      <p class="text-sm font-medium text-green-800 mb-0">Message successfully sent.</p>
    </div>
  </div>
  <div class="w-full mb-14 text-base font-clan font-normal md:grid md:grid-cols-2 md:gap-6">
    <div class="relative z-0 mb-6" data-formgroup="">
      <input type="text" name="firstName" class="block py-3 pr-2 w-full text-sm text-primary-800 font-medium bg-transparent border-0 border-b-2 border-primary-650 hover:border-primary-800 appearance-none focus:outline-none focus:ring-0 peer"
        data-validate="" data-required="" data-required-message="First name is required" placeholder=" " x-model="formData.firstName" x-ref="firstNameEl" x-on:input="validate($event)">
      <label
        class="absolute text-sm text-primary-650 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-primary-650 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6">
        First Name </label>
      <div class="text-xs text-red-500 mt-2 hidden" data-formerror=""></div>
    </div>
    <div class="relative z-0 mb-6" data-formgroup="">
      <input type="text" name="lastName" class="block py-3 pr-2 w-full text-sm text-primary-800 font-medium bg-transparent border-0 border-b-2 border-primary-650 hover:border-primary-800 appearance-none focus:outline-none focus:ring-0 peer"
        data-validate="" data-required="" data-required-message="Last name is required" placeholder=" " x-model="formData.lastName" x-ref="lastNameEl" x-on:input="validate($event)">
      <label
        class="absolute text-sm text-primary-650 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-primary-650 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6">
        Last Name </label>
      <div class="text-xs text-red-500 mt-2 hidden" data-formerror=""></div>
    </div>
    <div class="relative z-0 mb-6" data-formgroup="">
      <input type="email" name="email" class="block py-3 pr-2 w-full text-sm text-primary-800 font-medium bg-transparent border-0 border-b-2 border-primary-650 hover:border-primary-800 appearance-none focus:outline-none focus:ring-0 peer"
        data-validate="" data-required="" data-required-message="Email is required" data-email="" data-email-message="Email is not valid" placeholder=" " x-model="formData.email" x-ref="emailEl" x-on:input="validate($event)">
      <label
        class="absolute text-sm text-primary-650 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-primary-650 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6">
        Email </label>
      <div class="text-xs text-red-500 mt-2 hidden" data-formerror=""></div>
    </div>
    <div class="relative z-0 mb-6" data-formgroup="">
      <input type="text" name="phoneNumber" id="contactPhoneNumber-"
        class="block py-3 pr-2 w-full text-sm text-primary-800 font-medium bg-transparent border-0 border-b-2 border-primary-650 hover:border-primary-800 appearance-none focus:outline-none focus:ring-0 peer" placeholder=" "
        x-model="formData.phoneNumber" x-ref="phoneNumberEl" x-on:input="validate($event)" x-mask="+1 (999) 999-9999">
      <label
        class="absolute text-sm text-primary-650 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-primary-650 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6">
        Phone </label>
      <div class="text-xs text-red-500 mt-2 hidden" data-formerror=""></div>
    </div>
    <div class="relative z-0 mb-6" x-show="showMLSInput">
      <input type="number" name="mls" class="block py-3 pr-2 w-full text-sm text-primary-800 font-medium bg-transparent border-0 border-b-2 border-primary-650 hover:border-primary-800 appearance-none focus:outline-none focus:ring-0 peer"
        placeholder=" " x-model.number="formData.mls" step="1">
      <label
        class="absolute text-sm text-primary-650 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-primary-650 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6">
        MLS Property Number </label>
    </div>
  </div>
  <div class="w-full mb-16 text-base" data-formgroup="">
    <p class="mb-4 font-medium md:text-lg font-clash">Your message</p>
    <textarea rows="2" name="message" class="block w-full border-b-2 border-primary-650 hover:border-primary-800 transition ease-in-out duration-500 focus:outline-none placeholder:text-base placeholder:text-primary-650"
      placeholder="I'm interested in ..." data-validate="" data-required="" data-required-message="Message is required" x-model="formData.message" x-ref="messageEl" x-on:input="validate($event)"></textarea>
    <div class="text-xs text-red-500 mt-2 hidden" data-formerror=""></div>
  </div>
  <div class="w-full mb-6 text-base" x-show="$store.modals.contactUsModalType === 'default'">
    <p class="mb-4 font-medium md:text-lg font-clash">Reason for contacting?</p>
    <div class="flex flex-col items-start" data-formgroup="">
      <div class="flex items-center mb-4">
        <input id="buy-home-radio" type="radio" name="reasonForContacting" value="buying"
          class="appearance-none rounded-full w-3 h-3 mr-3 text-primary-800 bg-primary-500 border border-primary-800 focus:ring-primary-800 checked:bg-primary-800 checked:outline checked:outline-2 checked:outline-prmary-800 checked:outline-offset-2"
          data-validate="" data-error-message="Reason for contacting is required" placeholder=" " x-model="formData.reasonForContacting" x-ref="reasonForContactingEl" x-on:input="validate($event)">
        <label for="buy-home-radio" class="text-base text-primary-650"> Buying a home </label>
      </div>
      <div class="flex flex-row items-center mb-4">
        <input id="selling-home-radio" type="radio" name="reasonForContacting" value="selling"
          class="appearance-none rounded-full w-3 h-3 mr-3 text-primary-800 bg-primary-500 border border-primary-800 focus:ring-primary-800 checked:bg-primary-800 checked:outline checked:outline-2 checked:outline-primary-800 checked:outline-offset-2"
          data-validate="" placeholder=" " x-model="formData.reasonForContacting" x-on:input="validate($event)">
        <label for="selling-home-radio" class="text-base text-primary-650"> Selling a home </label>
      </div>
      <div class="flex flex-row items-center mb-4">
        <input id="other-home-radio" type="radio" name="reasonForContacting" value="other"
          class="appearance-none rounded-full w-3 h-3 mr-3 text-primary-800 bg-primary-500 border border-primary-800 focus:ring-primary-800 checked:bg-primary-800 checked:outline checked:outline-2 checked:outline-primary-800 checked:outline-offset-2"
          data-validate="" placeholder=" " x-model="formData.reasonForContacting" x-on:input="validate($event)">
        <label for="other-home-radio" class="text-base text-primary-650"> Other </label>
      </div>
      <div class="text-xs text-red-500 mt-2 hidden" data-formerror=""></div>
    </div>
  </div>
  <div class="relative z-0 mb-16">
    <div class="flex gap-3">
      <input id="smsOptInContactMain" type="checkbox" name="smsOptIn" value="smsOptIn"
        class="w-5 h-5 bg-white border cursor-pointer border-primary-800 appearance-none checked:bg-black checked:text-white shrink-0 mt-1 checked:after:absolute checked:after:mt-px checked:after:ml-1.5 checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-l-0 checked:after:border-t-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-['']"
        x-model="formData.smsOptIn">
      <label for="smsOptInContactMain" class="text-sm text-primary-650"> By providing your phone number, you agree to receive text messages from 30A Luxury Realtor. Message and data rates may apply. Message frequency varies. </label>
    </div>
  </div>
  <div class="flex justify-end col-start-2 w-full">
    <button type="submit"
      class="py-2 px-4 text-base font-medium rounded border border-primary-700 hover:border-primary-800 transition ease-in-out duration-500 font-clash !ml-auto bg-primary-blue uppercase hover:bg-opacity-80 text-white disabled:bg-gray-200 disabled:hover:bg-gray-200 disabled:hover:border-transparent"
      :disabled="!formData.smsOptIn" disabled="disabled"> Submit </button>
  </div>
</form>

POST #

<form action="#" method="POST" @submit.prevent="submitForm()">
  <div x-show="$store.registerModal.step === 2" style="display: none;">
    <div class="bg-gray-50 px-4 py-5 border-b border-gray-200">
      <h2 class="text-md leading-6 text-center font-medium">Continue your home search</h2>
    </div>
    <div class="bg-white p-6">
      <div>
        <div id="g_id_onload" data-client_id="118051604992-pu4oo48p829a1il23e2ll0elc6s5l6b2" data-context="signup" data-ux_mode="popup" data-callback="handleRegisterCredentialResponse" data-auto_prompt="false"></div>
        <div class="g_id_signin" data-type="standard" data-shape="rectangular" data-theme="outline" data-text="continue_with" data-size="large" data-logo_alignment="left">
          <div class="S9gUrf-YoZ4jf" style="position: relative;">
            <div>
              <div tabindex="0" role="button" aria-labelledby="button-label" class="nsm7Bb-HzV7m-LgbsSe  hJDwNd-SxQuSe i5vt6e-Ia7Qfc uaxL4e-RbRzK">
                <div class="nsm7Bb-HzV7m-LgbsSe-MJoBVe"></div>
                <div class="nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb ">
                  <div class="nsm7Bb-HzV7m-LgbsSe-Bz112c"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="LgbsSe-Bz112c">
                      <g>
                        <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"></path>
                        <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"></path>
                        <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"></path>
                        <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"></path>
                        <path fill="none" d="M0 0h48v48H0z"></path>
                      </g>
                    </svg></div><span class="nsm7Bb-HzV7m-LgbsSe-BPrWId">Weiter mit Google</span><span class="L6cTce" id="button-label">Weiter mit Google</span>
                </div>
              </div>
            </div><iframe
              src="https://accounts.google.com/gsi/button?type=standard&amp;shape=rectangular&amp;theme=outline&amp;text=continue_with&amp;size=large&amp;logo_alignment=left&amp;client_id=118051604992-pu4oo48p829a1il23e2ll0elc6s5l6b2&amp;iframe_id=gsi_544431_151511&amp;as=OQK%2BEHmWBl5CspE%2FUKwtkw"
              allow="identity-credentials-get" id="gsi_544431_151511" title="Schaltfläche „Über Google anmelden“" style="display: block; position: relative; top: 0px; left: 0px; height: 0px; width: 0px; border: 0px;"></iframe>
          </div>
        </div>
      </div>
      <div class="mt-4 mb-3 flex items-center justify-center gap-2">
        <div class="h-px w-20 bg-gray-200"></div>
        <p class="text-center mb-0 text-sm">or enter email address</p>
        <div class="h-px w-20 bg-gray-200"></div>
      </div>
      <div data-formgroup="">
        <label class="text-sm font-medium text-primary-650">Email address</label>
        <input type="text" name="email" class="block py-2.5 px-3 w-full text-sm text-primary-800 font-medium bg-transparent border-2 border-primary-650 hover:border-primary-800 appearance-none focus:outline-none focus:ring-0 text-input"
          data-validate="" data-required="" data-required-message="Email is required" data-email="" data-email-message="Email is not valid" placeholder=" " x-model="formData.email" x-ref="emailEl" x-on:input="validate($event)">
        <div class="text-xs text-red-500 mt-2 hidden" data-formerror=""></div>
      </div>
      <p class="text-center mt-4 mb-0 text-sm"> Already have an account ? <a href="#" class="text-primary-blue underline" @click.prevent="$store.registerModal.loginHereClick()">
                            Login here
                        </a>
      </p>
    </div>
    <div class="bg-gray-50 p-4 border-t border-gray-200 flex items-center justify-center">
      <button class="inline-block px-4 py-2 border-2 bg-primary-blue text-center text-sm text-white border-primary-blue hover:bg-white hover:text-primary-blue font-medium uppercase tracking-widest transition-colors w-fit min-w-[180px]" type="submit">
        continue </button>
    </div>
  </div>
  <div x-show="$store.registerModal.step === 3" style="display: none;">
    <div class="bg-gray-50 px-4 py-5 border-b border-gray-200">
      <h2 class="text-md leading-6 text-center font-medium">Continue your home search</h2>
    </div>
    <div class="bg-white p-6">
      <div class="grid grid-cols-2 gap-4">
        <div class="mb-6" data-formgroup="">
          <label class="text-sm text-primary-650">First name</label>
          <input type="text" name="firstName" class="block py-2.5 px-3 w-full text-sm text-primary-800 font-medium bg-transparent border-2 border-primary-650 hover:border-primary-800 appearance-none focus:outline-none focus:ring-0 text-input"
            data-validate="" data-required="" data-required-message="First name is required" placeholder=" " x-model="formData.firstName" x-ref="firstNameEl" x-on:input="validate($event)">
          <label
            class="absolute text-sm text-primary-650 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-primary-650 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6">
            First Name </label>
          <div class="text-xs text-red-500 mt-2 hidden" data-formerror=""></div>
        </div>
        <div class="mb-6" data-formgroup="">
          <label class="text-sm text-primary-650">Last name</label>
          <input type="text" name="lastName" class="block py-2.5 px-3 w-full text-sm text-primary-800 font-medium bg-transparent border-2 border-primary-650 hover:border-primary-800 appearance-none focus:outline-none focus:ring-0 text-input"
            data-validate="" data-required="" data-required-message="Last name is required" placeholder=" " x-model="formData.lastName" x-ref="lastNameEl" x-on:input="validate($event)">
          <label
            class="absolute text-sm text-primary-650 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-primary-650 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6">
            Last Name </label>
          <div class="text-xs text-red-500 mt-2 hidden" data-formerror=""></div>
        </div>
      </div>
      <div class="relative z-0 mb-6" data-formgroup="">
        <label class="text-sm text-primary-650">Phone number</label>
        <input type="text" name="phoneNumber" class="block py-2.5 px-3 w-full text-sm text-primary-800 font-medium bg-transparent border-2 border-primary-650 hover:border-primary-800 appearance-none focus:outline-none focus:ring-0 text-input"
          placeholder=" " x-model="formData.phoneNumber" x-ref="phoneNumberEl" x-on:input="validate($event)" x-mask="+1 (999) 999-9999">
        <div class="text-xs text-red-500 mt-2 hidden" data-formerror=""></div>
      </div>
      <div data-formgroup="">
        <label class="text-sm font-medium text-primary-650">Password</label>
        <input type="password" name="password" class="block py-2.5 px-3 w-full text-sm text-primary-800 font-medium bg-transparent border-2 border-primary-650 hover:border-primary-800 appearance-none focus:outline-none focus:ring-0 text-input"
          data-validate="" data-required="" data-required-message="Password is required" data-minlength="8" placeholder=" " x-model="formData.password" x-ref="passwordEl" x-on:input="validate($event)">
        <div class="text-xs text-red-500 mt-2 hidden" data-formerror=""></div>
      </div>
      <p class="text-center mt-4 mb-0 text-sm"> Already have an account ? <a href="/login" class="text-primary-blue underline" @click.prevent="$store.registerModal.loginHereClick()">
                            Login here
                        </a>
      </p>
    </div>
    <div class="bg-gray-50 p-4 border-t border-gray-200 flex flex-col xs:flex-row items-center justify-center gap-4">
      <button class="inline-block px-4 py-2 border-2 text-center text-sm text-black border-black hover:bg-black hover:text-white font-medium uppercase tracking-widest transition-colors w-fit min-w-[180px]" type="button"
        @click="$store.registerModal.goToPrevStep()"> back </button>
      <button class="inline-block px-4 py-2 border-2 bg-primary-blue text-center text-sm text-white border-primary-blue hover:bg-white hover:text-primary-blue font-medium uppercase tracking-widest transition-colors w-fit min-w-[180px]" type="submit">
        create account </button>
    </div>
  </div>
</form>

<form class="absolute bottom-0 left-0 h-14 pr-14 pl-4 py-2 w-full bg-gray-100 2xs:rounded-b-[20px]" @submit.prevent="$store.aiChat.onQuestionSubmit()" x-show="$store.aiChat.mode === 'single'" style="display: none;">
  <input type="text" placeholder="Ask anything" class="border border-gray-200 outline-0 w-full p-2 block text-sm focus:border-primary-blue rounded-md disabled:bg-white" :disabled="$store.aiChat.isLoading" x-model="$store.aiChat.userQuestion">
  <button type="submit" class="absolute top-2 right-4 h-[38px] w-10 flex items-center justify-center cursor-pointer" :disabled="$store.aiChat.isLoading">
    <svg width="24" height="24">
      <use xlink:href="#paperAirplane"></use>
    </svg>
  </button>
</form>

Text Content

Properties Meet Our Team Contact Us 314.541.8650

 

 * Home
 * Properties
 * Meet our team
 * Testimonials
 * Neighborhoods
 * Blog
 * Contact Us

 * Facebook
 * Instagram
 * LinkedIn


MEET KRISTI

Kristi Lindgren

Sales Associate

314.541.8650

Klindgrenrealestate@gmail.com

Contact me



Message successfully sent.

First Name

Last Name

Email

Phone

MLS Property Number

Your message


Submit
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 

Communities

Explore

ROSEMARY BEACH

Explore

ALYS BEACH

Explore

SEACREST BEACH

Explore

INLET BEACH

Explore

WATERSOUND

Explore

WATERCOLOR

Explore

SEAGROVE BEACH

Explore

SEASIDE FLORIDA

Explore

GRAYTON BEACH

Explore

BLUE MOUNTAIN BEACH

Explore

DUNE ALLEN BEACH



View all communities

Testimonials

RW

Ryan White

Working with Kristi was an absolute pleasure. Her knowledge of the local market
was amazing. I highly recommend Kristi for your real estate needs...

READ MORE

Featured listing

Azure Condominium

1150 Santa Rosa Boulevard, UNIT 305

$1,200,000

LEARN MORE

Browse Properties Contact Us

Follow Us On Instagram

Follow Us

Carillon Beach Listing...Location 🌴 Location ☀️ Location 🏖️
Azure Condo #305 🌴 Nothing but Blue Skies and Emerald Waters from this
balcony!! 🏖️☀️

Forever grateful for the sacrifice that has allowed us the freedoms we have
today and those to come. 🇺🇸

Congratulations to my amazing St. Louis couple on the closing of your new home
on 30A!! 🥂

Follow Me on Instagram


BLOG

Read more

Latest Real Estate News

June 11, 2024

View all


WORK WITH US



Kristi Lindgren Group is passionate about 30A and the surrounding area and
offers superior client service with a history of 10 years of experience in the
real estate industry and the luxury market. With a strong desire to form lasting
relationships with each and every client, Kristi provides outstanding outcomes
for both buyer and sellers. She is involved in each step of the process from
initial meeting, home searches and showings, staging homes, contract
negotiations, attending inspections, guidance in connecting with service
providers, and finalizing to the closing. Serving you with the utmost commitment
and meeting all of your needs is our goal.

Contact us


CONTACT US

Email

Klindgrenrealestate@gmail.com

Phone number

314.541.8650

Address

50 Uptown Grayton Circle 17-2, Santa Rosa Brach, FL, 32459

The information provided on this website is for general informational purposes
only. While we strive to keep the information up to date and accurate, we make
no representations or warranties of any kind, express or implied, about the
completeness, accuracy, reliability, suitability, or availability with respect
to the website or the information, products, services, or related graphics
contained on the website for any purpose. Any reliance you place on such
information is therefore strictly at your own risk.

Powered by RealHub365

Copyright © 2023

30A Luxury Realtor

| Privacy Policy | Terms of service | Contact support | DMCA
 * 
 * 
 * 



Message successfully sent.

First Name

Last Name

Email

Phone


What would you like to know?


By providing your phone number, you agree to receive text messages from .
Message and data rates may apply. Message frequency varies.
Send Enquiry

Contact us

Submit a message



Message successfully sent.

First Name

Last Name

Email

Phone

MLS Property Number

Your message



Reason for contacting?

Buying a home
Selling a home
Other

By providing your phone number, you agree to receive text messages from 30A
Luxury Realtor. Message and data rates may apply. Message frequency varies.
Submit


BE THE FIRST TO KNOW ABOUT NEW LISTINGS!

Let us tell you when new listings hit the market matching your search. By
creating a FREE account you can:

 * Get New Listing Alerts by Email
   
   We will notify you when new listings hit the market that match your search
   criteria. Be the first to know of new listings!

 * Save searches
   
   Save your favorite searches with specific areas, property types, price ranges
   and features.

 * Save Your Favorite Listings
   
   Save an unlimited number of listings on our site for easy access when you
   come back. You can also email all of your saved listings at one time.

continue


CONTINUE YOUR HOME SEARCH


Weiter mit GoogleWeiter mit Google

or enter email address


Email address


Already have an account ? Login here

continue


CONTINUE YOUR HOME SEARCH

First name First Name

Last name Last Name

Phone number

Password


Already have an account ? Login here

back create account


YOUR REGISTRATION IS COMPLETED

Thank you for registering. You can now enjoy with full access to all site
features:

 * Click heart icons on properties page and property detail page to add property
   to favorites

 * Click "Save Search" button on properties page to save your searches and
   access them later under saved searches

 * Click "Create e-alert" button and you will have the option to automatically
   receive email alerts when new matching listing hit the market

And if you have any questions, problems, comments or suggestions, click the
Contact us button at the top of any page to get in touch!

close

Thanks for the sign up. We have sent an activation link to your email.

Check inbox



Open email



Check link in email

 * Home
 * Properties
 * Meet our team
 * Testimonials
 * Communities
 * Blog
 * Contact Us
 * Sign in

Sign Out







REALHUB VIRTUAL ASSISTANT

Would you like to receive some additional information on that specific property
or similar properties?

less than 5 seconds ago

Yes, I would like more information.

Thank You for Your Reply, One of Our Agents will contact you as soon as possible

less than 5 seconds ago

No, maybe later.

Thank you, you can always contact me via email, phone number or through the
contact form.

less than 5 seconds ago

Yes, I would like more information. No, maybe later.


REALHUB AI

Start new thread


 * Listings that you may be interested in: