const objGlobalMap = { template: `<div class="template-global-map" style="display:contents;">
  <div id="mapContainer" :style="{ width: width, height: height }"></div>
</div>` ,

  props: {
    width: {
      type: String,
      required: false,
      default: '100%'
    },
    height: {
      type: String,
      required: false,
      default: '350px'
    }
  },
  data() {
    return {
      accessToken: this.$root.MAPBOX_ACCESS_TOKEN,
      propertyLng: this.$root.lng,
      propertyLat: this.$root.lat
    };
  },
  computed: {
    map: function(){
      return new mapboxgl.Map({
        container: 'mapContainer', // container ID
        style: 'mapbox://styles/mapbox/light-v9', // style URL
        center: [this.propertyLng,this.propertyLat], // starting position [lng, lat]
        zoom: 10 // starting zoom
      });
    },
    nav: function() {
      return new mapboxgl.NavigationControl();
    },
    popup: function() {
      return new mapboxgl.Popup({
        closeButton: true,
        closeOnClick: false
      });
    },
    renderMap: function() {
      return this.createMap(this.map, this.nav, this.popup)
    }
  },
  methods: {
    createMap(map, nav, popup) {
      let layer = {
        id: '', // set dynamically below
        type: 'symbol',
        source: {
          type: 'geojson',
          data: {
            type: 'FeatureCollection',
            features: []
          }
        },
        layout: {
          'icon-image': './image/HV/hv_icon.png', // set dynamically below
          'icon-allow-overlap': true,
          'icon-size': 0.5
        },
        paint: {
          'icon-color': '#1469ab'
        }
      }

      let pointsLayer = JSON.parse(JSON.stringify(layer)) // deep clone
      pointsLayer.id = 'points'
      pointsLayer.layout['icon-image'] = 'listedMarker'
        let feature = {
          type: 'Feature',
          properties: {
            icon: './image/HV/hv_icon.png' // set dynamically below
          },
          geometry: {
            type: 'Point',
            coordinates: [parseFloat(this.propertyLng), parseFloat(this.propertyLat)]
          }
        }

      pointsLayer.source.data.features.push(feature)

      map.on('load', function() {
        map.addControl(nav, "top-left");
        map.loadImage('./image/HV/hv_icon.png', (error, image) => {
          if (error) throw error;
          map.addImage('listedMarker', image);
          map.addLayer(pointsLayer);
        });

        map.on('mouseenter', 'points', (e) => {
          map.getCanvas().style.cursor = 'pointer'

          var features = map.queryRenderedFeatures(e.point, {
            layers: ['points']
          })

          if (!features.length) {
            return
          }

          var coordinates = e.features[0].geometry.coordinates.slice();

          while (Math.abs(e.lngLat.lng - coordinates[0]) > 180) {
            coordinates[0] += e.lngLat.lng > coordinates[0] ? 360 : -360;
          }

          popup.setLngLat(coordinates)
              .addTo(map);
        });

        map.on('mouseleave', 'points', function() {
          map.getCanvas().style.cursor = ''
        });

      });
    }
  },
  created() {
  },
  mounted() {
    mapboxgl.accessToken = this.accessToken
    this.renderMap
  }
}
app.component('global-map', objGlobalMap); const objLayoutsAbout = { template: `<div class="template-layouts-about" style="display:contents;">
  <div class="about-page">
    <div class="container">
      <div class="flex-row-hero">
        <div class="about-page-hero-info">
          <img src="https://s3.amazonaws.com/listedassets/homevalue/HomeValue_NotPwrdby_Logos_Blue.svg"
                class="about-hv-logo" alt="Home Value (Official)">
          <h1 class="first-title">Get More Cash from Selling Your Home</h1>
          <p class="mb30 second-title fs16">HomeValue.com's local experts are armed with a proven marketing system designed to sell your home fast, get you more offers and make sure you get the best price possible.</p>
          <button type="submit" class="submit-equity-review" id="submit-about" @click="$router.push('/')">
            Start Personalized Home Consultation
          </button>
        </div>
        <img class="about-bird" alt="3d-larry" src="https://listedassets.s3.amazonaws.com/homevalue/PresentLookLeftNormal.png"/>
      </div>
    </div>

    <div class="blue-banner-container">
      <div class="think-section-container">
        <div class="think-section">
          <h2 class="about-section-heading">Why Find Your Home's True Value?</h2>
          <div class="items-container">
              <div v-for="(reason, index) in reasons" :key="index" class="item">
                <img class="check" src="image/HV/check.svg"/>
                <p>{{ reason }}</p>
              </div>
          </div>
        </div>
      </div>
    </div>
    <div class="container">
      <div class="row about-section">
        <div class="about-page-info col-md-6">
          <h2 class="info-title mt-3">How does it work? </h2>
          <p class="info-paragraph">
            Home values are at an all-time high which means it's the perfect time to sell your home for the highest price. Our HomeValue.com local experts utilize proven marketing techniques to sell your home faster and for the best price. To start your own personalized home value consultation and receive a free Active Marketing Plan all you have to do is enter your email.
          </p>
        </div>
        <div class="col-md-6">
          <img class="about-info-image" alt="how does it work" src="https://listedassets.s3.amazonaws.com/homevalue/how_does_it_work.png"/>
        </div>
      </div>
    </div>
    <div class="container">
      <div class="row about-section">
        <div class="col-md-6">
          <img class="about-info-image" alt="how does it work" src="https://listedassets.s3.amazonaws.com/homevalue/why_home_value.png"/>
        </div>
        <div class="about-page-info col-md-6">
          <h2 class="info-title mt-3">Why HomeValue.com?</h2>
          <p class="info-paragraph">
            HomeValue.com was created to help consumers like you get the best deal when you sell your home. HomeValue.com local experts are armed with the Active Marketing Plan, a proven marketing system combining high-quality print materials with targeted online advertising and direct mail marketing that gets your home in front of the people most likely to buy it. This marketing system was designed to sell your home fast, drive more offers and maximize your selling price.
          </p>
        </div>
      </div>
    </div>
  </div>
</div>` ,

  data(){
    return {
      reasons: ['Protect Your Investment', 'Maximize Your Selling Price', 'Know Exactly When To Sell']
    }
  },
  props: {

  },
  methods: {
  },
  async created() {
    window.scrollTo(0, 0);
  }
}
app.component('layouts-about', objLayoutsAbout); const objLayoutsCommercials = { template: `<div class="template-layouts-commercials" style="display:contents;">
  <div class="commercials-page">
    <div class="hero-section">
      <div class="container">
        <div class="row z1">
          <div class="col-sm-6 left-column relative col-sm-pull-6">
            <div class="desktop-bird"></div>
            <div class="left-content">
              <h1>HomeValue.com TV Commercials</h1>
              <p>Meet Lawrence and find out why selling your home without a customized Active Marketing Plan is for the birds.</p>
              <div class="btn-container">
                <a @click="$router.push('/')" class="learn-more-btn btn" >Learn more about HomeValue.com</a>
                <button class="view-more-btn btn" v-on:click="scrollToCustomElement('learnMoreScroll')">View more commercials</button>
              </div>
            </div>
          </div>
          <div class="col-sm-6 right-column col-sm-push-6 z1">
            <div class="right-content z1">
              <div class="wistia_embed wistia_async_axwatkz08w popover=true popoverAnimateThumbnail=true playerColor=0b7fc3 inline-block width100 video">&nbsp;</div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="learnMoreScroll"></div>
    <div class="videos-section learnMoreScroll">
      <div class="container ">
        <h2>More HomeValue.com TV Commercials</h2>
        <div class="row">
          <div class="col-sm-6">
            <div class="wistia_embed wistia_async_gj2r8fvycj popover=true popoverAnimateThumbnail=true playerColor=0b7fc3 video">&nbsp;</div>
            <h3>Catchy Jingle</h3>
            <p>Learn how home value marketing can sell your nest for what it’s worth.</p>
          </div>
          <div class="col-sm-6">
            <div class="wistia_embed wistia_async_xjgsafimpf popover=true popoverAnimateThumbnail=true playerColor=0b7fc3 video">&nbsp;</div>
            <h3>Cat Videos</h3>
            <p>Lawrence proves that the early bird gets… the most money for their home.</p>
          </div>
          <div class="col-sm-6">
            <div class="wistia_embed wistia_async_qzh9s2chyi popover=true popoverAnimateThumbnail=true playerColor=0b7fc3 video">&nbsp;</div>
            <h3>Dodos Are Extinct</h3>
            <p>He may be a bird, but he’s no dodo. That’s because Lawrence uses home value marketing.</p>
          </div>
          <div class="col-sm-6">
            <div class="wistia_embed wistia_async_eu49ez2v4a popover=true popoverAnimateThumbnail=true playerColor=0b7fc3 video">&nbsp;</div>
            <h3>Buy My House</h3>
            <p>Only a birdbrain would try and sell their home without an active marketing plan.</p>
          </div>
        </div>
      </div>
    </div>
    <div class="download-section text-center">
      <div class="container">
        <h2>Download the Full Active Marketing Plan</h2>
        <p>Take an in-depth look at the the strategies Local Experts put into action to ensure you get the best offers on your home when you list it for sale. Access your FREE copy of the Active Marketing Plan today.</p>
        <a class="btn" @click="$router.push('/marketing-plan')">Get Your Personalized Consultation &amp; Marketing Plan</a>
      </div>
    </div>
  </div>
</div>` ,

  data(){
    return {
    }
  },
  props: {

  },
  methods: {
    scrollToCustomElement(element) {
      const el = this.$el.getElementsByClassName(element)[0];
      if (el) {
        el.scrollIntoView({behavior: 'smooth'});
      }
    }
  },
  async created() {
    window.scrollTo(0, 0);
  }
}
app.component('layouts-commercials', objLayoutsCommercials); const objLayoutsEstimate = { template: `<div class="template-layouts-estimate" style="display:contents;">
  <div class="">
    <div class="estimate-comparison-page">
      <div class="hero-container">
        <div class="container">
          <div class="row">
            <div class="col-xs-12">
              <h1>Don't Trust an Online Estimate to Find Our How Much Your<br/>Home Is Really Worth</h1>
              <p class="fs16">Get a Free Home Value Consultation from a Local Real Estate Expert</p>
              <div class="btn-container">
                <button class="learn-more-btn" v-on:click="scrollToElement({behavior: 'smooth'})">Learn More</button>
                <a class="get-marketing-plan" @click="$router.push('/')">Get Your Personalized Consultation &amp; Marketing Plan</a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="content-container">
        <div class="container">
          <div class="row row-one">
            <div class="col-sm-6">
              <div class="img"></div>
            </div>
            <div class="col-sm-6 estimateScrollPoint">
              <h2>Finding Your Home's True Value — Where to Start?</h2>
              <p>Buying a home is an investment, and having a clear and accurate picture of how much your investment is worth is always sound financial advice. In fact, knowing the value of your home is not only useful if you're planning to sell in the next year or so. Even if you think you've found your forever home, you still need to protect your investment.</p>
              <p class="bold">A free home value assessment can give you the answers you're looking for, but simply turning to online real estate websites for their best estimates may leave you with an inaccurate idea of how much your house is really worth.</p>
            </div>
          </div>
          <div class="row row-two">
            <div class="col-sm-6">
              <h2>Why Online Home Value Estimates Are Inaccurate</h2>
              <p>If you've ever searched your home's address online, you've probably come across value estimates for your property or offers for free, instant value assessments from, often well-known, real estate websites. Unfortunately, these numbers are not always accurate.</p>
              <p>To determine your home's worth, online home value estimates look at how much houses in your area have recently sold for and the average of those figures is the number you'll be given. If every home in a neighborhood had the exact same floorplan and features — not to mention sold with the same agent - this valuation method might prove effective. But not all homes are created equal, and even properties next door to one another may feature completely different layouts as well as varying levels of updates and improvements done by the current owners.</p>
              <p>As a homeowner, that means if your house has more square footage than most others in your immediate area, or if you have done extensive renovations around your property, an online estimate may undervalue your house. Equally, if your home is surrounded by larger properties, your estimate could be much higher than your home's actual value. In either case, an inaccurate valuation can lead to setting the wrong selling price, not knowing how much equity you're truly built over the years, or simply giving you a misguided picture of your investment's worth.</p>
              <p>When it comes to finding your home's true value, nothing can replace the individualized attention and custom valuations provided by a real estate professional.</p>
            </div>
            <div class="col-sm-6">
              <div class="img"></div>
            </div>
          </div>
          <div class="row row-three">
            <div class="col-sm-6">
              <div class="img"></div>
            </div>
            <div class="col-sm-6">
              <h2>How HomeValue.com Consultations Compare to Online Estimates</h2>
              <h3>Personalized Attention from a Local Real Estate Expert</h3>
              <p>When you request a free home value consultation on our site, you'll be connected to an HomeValue.com local expert to conduct your valuation. That means you'll work one-on-one with a real estate professional with experience providing in-depth, personalized value assessments. As Local Experts, our agents know and work in your specific real estate market, ensuring you receive the most accurate, geographically relevant, and up-to-date information on your home's current value.</p>
              <h3>Custom Valuation of Your Home's Specific Features</h3>
              <p>Whether it was 3-car garage, the extra bedroom, or room for a pool, you chose to buy your house for a reason. To find out how much your space is really worth, you'll need a custom valuation that takes every unique feature into account. Your Local Expert will work with you to uncover every piece in your home value puzzle, from your floor plan to any renovations you've completed. Only this information can give you a complete picture of what your home would sell for if you were to put it on the market today.</p>
              <h3>Help Taking the Next Step</h3>
              <p>Buying your home was a big step, and selling it can feel like an even bigger decision to make. Pricing, staging, market conditions, renovations, neighborhood scores - these things can be overwhelming if you're considering hanging a “For Sale” sign in your yard. Beyond an accurate valuation, your Local Expert can provide what an online estimate could never — the guidance you need to start your home-selling journey and ultimately sell your house for the most money possible.</p>
            </div>
          </div>
        </div>
      </div>
      <div class="above-footer-container">
        <div class="container">
          <h2>Request your FREE home value consultation with a Local Expert today.</h2>
          <p class="fs16">Don't trust an online estimate. Connect with a real estate professional and find out the true value of your home in today's market.</p>
          <a class="get-started-btn" @click="$router.push('/')" >Get started</a>
        </div>
      </div>
    </div>
  </div>
</div>` ,

  data(){
    return {
    }
  },
  props: {

  },
  methods: {
    scrollToElement() {
      const el = this.$el.getElementsByClassName('estimateScrollPoint')[0];
      if (el) {
        // Use el.scrollIntoView() to instantly scroll to the element
        el.scrollIntoView({behavior: 'smooth'});
      }
    }
  },
  async created() {

  }
}
app.component('layouts-estimate', objLayoutsEstimate); const objLayoutsHome = { template: `<div class="template-layouts-home" style="display:contents;">
  <div class="homepage">
    <div v-if="!stepTwoComplete" class="home__wrapper">
      <div class="home__hero">
        <div class="home__bg">
          <div class="home__row container-lg">
            <div>
              <div class="home__content">
                <h1>Maximize Your Home's Selling Price with HomeValue.com</h1>
                <p class="home__hero-p">
                  HomeValue.com has the tools and resources to sell your home fast, drive 
                  more offers and get the best price possible for your home. 
                </p>
              </div>
              <div class="home__get-started">
                <h3>Getting Started Is Easy</h3>
                <div class="home__started-row">
                  <div v-for="(item, index) in startedItems" :key="index" class="home__started-item">
                    <img :src="item.img" :alt="item.title" />
                    <div class="step-row">
                      <div class="number">
                        {{ index + 1 }}
                      </div>
                      <p class="item-title">{{ item.title }}</p>
                    </div>
                  </div>
                </div>
                <div class="arrow"></div>
              </div>
            </div>
            <div v-if="!leadFormSubmitted" class="contact-form">
                <h3>Ready to Connect with a HomeValue.com Local Expert?</h3>
                <div class="form-item">
                  <input 
                    v-model="leadForm.fullName" 
                    type="text" 
                    placeholder="Full Name" 
                    :class="{'input-error': focused.lFullName && !isLeadNameValid}" 
                    @blur="blur('lFullName')"
                  />
                  <p v-if="focused.lFullName && !isLeadNameValid" class="error">Please enter your full Name</p>
                </div>
                <div class="form-item">
                  <input 
                    v-model="leadForm.email" 
                    type="text" 
                    placeholder="Email" 
                    :class="{'input-error': focused.lEmail && !isLeadEmailValid}"
                    @blur="blur('lEmail')"
                  />
                  <p v-if="focused.lEmail && !isLeadEmailValid" class="error">Please enter a valid email</p>
                </div>
                <div class="form-item">
                  <input 
                    v-model="leadForm.phone" 
                    type="tel"
                    placeholder="Phone" 
                    :class="{'input-error': focused.lPhone && !leadPhoneError}" 
                    @blur="blur('lPhone')"
                  />
                  <p v-if="focused.lPhone && !leadPhoneError" class="error">Please enter a valid phone number</p>
                </div>
                <h4>I'm interested in...</h4>
                <div class="checkbox-row">
                  <input v-model="leadForm.interest" value="sell" type="checkbox" name="sell" />
                  <label for="sell">Selling my home</label>
                </div>
                <div class="checkbox-row">
                  <input v-model="leadForm.interest" value="buy" type="checkbox" name="buy" />
                  <label for="buy">Buying a home</label>
                </div>
                <div class="checkbox-row">
                  <input v-model="leadForm.interest" value="consult" type="checkbox" name="consult" />
                  <label for="consult">A free HomeValue.com consultation to understand my home's value</label>
                </div>
                <button @click="submitLeadForm" class="btn btn-primary">Submit</button>
                <div class="contact-checkbox">
                    <label class="" for="contact-checkbox">
                    <input v-model="leadForm.contact" name="contact-checkbox" id="contact-checkbox" class="contact-checkbox" type="checkbox" checked required>
                        By checking this box, I agree to the <router-link to="/privacy" class="">Privacy Policy</router-link>.
                    </label>
                </div>
                <div v-if="leadErrorMessage !== ''" class="form-error">
                  <img src="image/HV/homepage/error-badge.svg" class="error-badge" />
                  <p class="error-message">{{ leadErrorMessage }}</p>
                </div>
            </div>
            <div v-if="leadFormSubmitted" class="contact-thankyou">
              <div class="content">
                <div class="contact__row">
                  <h3>Thank You!</h3>
                  <img class="check" src="image/HV/homepage/green-check.svg" />
                </div>
                <p>Your information has been submitted. A dedicated HomeValue.com expert will be contacting you in the next 24-48 hours.</p>
              </div>
            </div>
          </div>
        </div>
        <div class="home__larry">
        </div>
      </div>
      <!-- End home__hero -->
      <div class="home__resources">
        <h1>Free Educational Guides on the Housing Market</h1>
        <div class="row">
          <div v-for="(resource, index) in resources" :key="index" class="col-sm-3 resource-item">
            <img :src="resource.img" :alt="resource.title" />
            <h4>{{ resource.title }}</h4>
            <p>{{ resource.paragraph }}</p>
            <router-link :to="resource.link">
              <button class="btn btn-primary">Claim Yours Today</button>
            </router-link>
          </div>
        </div>
      </div>
        <div v-if="!stepOneComplete" class="home__search">
          <div class="container home__search-content">
            <h1>Learn More About Your Home's True Value</h1>
            <form>
              <div class="row">
                <div class="col-sm-8">
                    <input 
                        v-if="!stepOneComplete"
                        type="text"
                        v-model="form.address"
                        placeholder="Enter your property address"
                        minlength="1"
                        required="required"
                        name="address"
                        id="addressautocomplete"
                        class="address-autocomplete address autocomplete form-field"
                        autocomplete="off"
                        ref="address"
                        @blur="blur('address')" 
                    />
                    <input class="match-url" type="hidden" />
                    <input class="places-id" type="hidden" />
                </div>
                <div class="col-sm-2">
                  <button v-if="!stepOneComplete" type="submit" class="btn btn-primary" @click.prevent="submit">Submit</button>
                </div>
              </div>
            </form>
          </div>
        </div>
        <!-- End !stepOneComplete -->

        <div v-if="stepOneComplete" class="step2Container">
          <div class="step2col step2left">
            <p class="text-bold create-account-text">Congratulations! You are eligible for a no obligation home value consultation.</p>
            <p class="">Don't trust an online algorithm to give you an accurate value assessment of your home. Only HomeValue.com local experts can provide you with:</p>
            <ul class="step2List">
              <li class="">Custom, accurate valuations taking your home's unique features into account</li>
              <li class="">Up-to-date local market knowledge including how quickly you can expect to sell your home</li>
              <li class="">Tips on increasing your home's value and selling for the most money</li>
            </ul>
            <div class="">
              <p class="text-bold"><i class="fa fa-book mr10 bookIcon"></i>Free Home-Selling Marketing Plan</p>
              <p class="">Download our in-depth Active Marketing Plan detailing how to sell your home quickly and for the most money using creative marketing strategies.</p>
            </div>
          </div>

          <div class="step2col">
            <div class="">
              <p class="claim">Claim Your Free Home Value Consultation For:</p>
              <div v-if="this.form.city !='' && this.form.state !=''" class="addressArea">
                <p class=""><span class="">{{ this.form.fullAddress }}</span></p>
                <p class=""><span class="">{{ this.form.city }}</span> <span class="modal-state">{{ this.form.state }}</span>, <span class="modal-zip">{{ this.form.zipCode }}</span></p>
              </div>
              <div v-else class="addressArea">
                <p class=""><span class="">{{ this.form.address }}</span></p>
              </div>
              <p class="claim-info">A HomeValue.com local expert will provide your home value consultation within 24-48 hours.</p>
            </div>
            <div class="form-group">
              <input
                  type="text"
                  v-model="form.fullName"
                  placeholder="Full Name"
                  class="form-control name"
                  minlength="2"
                  name="fullName"
                  required="required"
                  :class="{'input-error': fullNameError}"
                  @blur="blur('fullName')"
              />
            </div>
            <div class="form-group">
              <input
                  type="text"
                  v-model="form.email"
                  placeholder="Email"
                  name="email"
                  class="email form-control"
                  minlength="1"
                  :class="{'input-error': emailError}"
                  @blur="blur('email')"
              />
            </div>
            <div class="form-group">
              <input
                  type="tel"
                  v-model="form.phoneNumber"
                  minlength="10"
                  onpaste="return false;"
                  placeholder="Phone"
                  class="form-control phone"
                  name="phone"
                  :class="{'input-error': phoneError}"
                  @blur="blur('phone')"
              />
            </div>
            <button v-if="stepOneComplete" type="submit" class="gi-submit-address btn btn-primary color-white submit-address" @click.prevent="submit">Claim Consultation &amp; Download Marketing Plan</button>
          </div>
        </div>
        <!-- End stepOneComplete -->

        <div class="home__info">
          <div class="container">
            <div class="row">
              <div class="col-sm-5">
                <img class="home__info-image" alt="" src="image/HV/homepage/hv-drive-offers.svg"/>
              </div>
              <div class="col-sm-7">
                <h1>HomeValue.com Local Experts Drive More Offers</h1>
                <p>
                  Only HomeValue.com local experts have access to a multi-faceted marketing 
                  system designed to sell fast, drive more offers, and maximize your selling 
                  price. Combining high-quality print materials with targeted online 
                  advertising and direct mail marketing, our Active Marketing Plan gets your 
                  home in front of the people most likely to be interested in buying it.
                </p>
                <router-link to="/marketing-plan">
                  <button class="btn btn-primary">Learn More</button>
                </router-link>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- End !stepTwoComplete -->
    <!-- End wrapping div -->

    <div v-if="stepTwoComplete" class="main-page">
      <div class="match-page">
        <div class="container mt15">
          <h1 v-if="this.form.fullAddress!='' && this.form.city !='' && this.form.state !=''" class="site-color-blue mt20 mb30 headliner">We found your home!</h1>
          <h1 v-else class="site-color-blue mt20 mb30 headliner">We will be in touch!</h1>
          <div class="row map-address-form-section">
            <div v-if="this.$root.lat!=0 && this.$root.lng !=0" class="">
              <div class="map-holder gi-map-holder">
                <template></template>
                  <global-map></global-map>
              </div>
            </div>

            <div class="">
              <div class="floating-form">
                <div class="success">
                  <p class="mt15">Thank you! We  will be contacting you within 24-48 hours about your free home value consultation.</p>
                </div>
              </div>
            </div>
          </div>
          <div class="">
            <div class="match-page-container">
              <div class="download-guide-section">
                <div class="dlAreaContent">
                  <div class="dlArea">
                    <div class="dlIcon text-center">
                      <i class="fa fa-book hidden-xs"></i>
                    </div>
                    <p class="bold">Download your FREE Home-Selling Marketing Plan</p>
                  </div>

                    <p class="text-light">Find out how HomeValue.com local experts use creative marketing strategies to sell homes fast, get more offers, and drive your selling prices up.</p>
                    <a href="https://hvbucketproduction.s3.amazonaws.com/guide/HV_ActiveMarketingPlan_2022.pdf" class="download-btn mb15" target="_blank" data-type="full">
                      Download 36-Page Marketing Plan
                    </a>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- End stepTwoComplete -->
  </div>
  <!-- End homepage -->
</div>` ,

  data() {
    return {
      stepOneComplete: false,
      stepTwoComplete: false,
      finalDisplay: false,
      claimConsultationSubmit: false,
      form: {
        address: '',
        fullAddress: '',
        streetName: '',
        streetNum: '',
        city: '',
        state: '',
        zipCode: '',
        fullName: '',
        firstName:'',
        lastName:'',
        email: '',
        phoneNumber: '',
        googlePlacesId:'',
        contact: true
      },
      focused: {
        address: false,
        fullName: false,
        email: false,
        phone: false,
        lFullName: false,
        lEmail: false,
        lPhone: false
      },
      startedItems: [
        { title: 'Home Value Consultation', img: 'image/HV/homepage/home-consultation.svg' },
        { title: 'Active Marketing Plan', img: 'image/HV/homepage/active-marketing-plan.svg' },
        { title: 'Matched with Local Expert', img: 'image/HV/homepage/matched-expert.svg' }
      ],
      resources: [
        { 
          title: 'Active Marketing Plan', 
          paragraph: 'Outlines a data-driven marketing system proven to help sell your home fast, get you more offers and maximize your selling price.', 
          img: 'image/HV/homepage/hv_amp_magazinemockup.png',
          link: '/active-marketing-plan'
        },
        { 
          title: '9 Critical Questions to Ask', 
          paragraph: 'Explains exactly what questions to ask your real estate expert in order to get you the best price possible for your home.', 
          img: 'image/HV/homepage/hv_9c_magazinemockup.png',
          link: '/9-critical-questions'
        },
        { 
          title: '7 Homebuyer Strategies', 
          paragraph: 'Describes several smart and achievable strategies to get you the lowest payment possible when purchasing a new home.', 
          img: 'image/HV/homepage/hv_7s_magazinemockup.png',
          link: '/7-homebuyer-strategies' 
        }
      ],
      leadForm: {
        fullName: '',
        firstName: '',
        lastName: '',
        email: '',
        phone: '',
        interest: [],
        contact: true
      },
      leadFormSubmitted: false,
      leadErrorMessage: ''
    }
  },
  methods: {
    submit() {

      let nameSeparatorIdx = this.form.fullName.indexOf(' ');
      if (this.form.fullName !== '' && nameSeparatorIdx >= 0) {
        this.form.firstName = this.form.fullName.substr(0, nameSeparatorIdx);
        this.form.lastName = nameSeparatorIdx ? this.form.fullName.substr(nameSeparatorIdx + 1) : '';
      }

      if(this.form.city =='' && this.form.state==''){
        this.$root.getGeoBySearchString(this.form.address)
      }

      let data = {
        "userId": this.$root.getCookie('hv'),
        "address": this.form.fullAddress,
        "city": this.form.city,
        "state": this.form.state,
        "zipCode": this.form.zipCode,
        "fullName": this.form.fullName,
        "firstName": this.form.firstName,
        "lastName": this.form.lastName,
        "lat": this.$root.lat,
        "lng": this.$root.lng,
        "googlePlacesId": this.googlePlacesId,
        "email": this.form.email,
        "phoneNumber": [('' + this.form.phoneNumber).replace(/\D/g, '').slice(0, 10)],
        "rawAddress": this.form.address
      };

      if (this.form.address != '') {
        this.stepOneComplete = true;
      }

      if (this.form.address != '' && this.form.fullName != '' && this.form.email != '') {
        this.stepTwoComplete = true;
      }

      if(this.stepOneComplete && !this.stepTwoComplete){
        fetch("api/backend.cfc?method=addHVLead",
            {
              method: "POST",
              headers: {
                "Content-Type":"application/x-www-form-urlencoded"
              },
              body: this.$root.convertJsonToCfFormScope(data)
            }).then((response) => {
          if (!response.ok) {
            this.stepOneComplete = false;
            this.showSubmitError = true;
          } else {
            gtag('event', 'conversion');   
            fbq('track', 'Lead');
            this.stepOneComplete = true;
          }
        })
      }

      if(this.stepTwoComplete){
        fetch("api/backend.cfc?method=updateHVLead",
            {
              method: "POST",
              headers: {
                "Content-Type":"application/x-www-form-urlencoded"
              },
              body: this.$root.convertJsonToCfFormScope(data)
            }).then((response) => {
          if (!response.ok) {
            this.stepTwoComplete = false; 
            this.showSubmitError = true;
          } else {
            gtag('event', 'conversion');    
            fbq('track', 'Lead');      
            this.stepTwoComplete = true;
            window.scrollTo(0, 0);
          }
        })
      }
    },
    submitLeadForm() {
      this.focused.lFullName = true
      this.focused.lEmail = true
      this.focused.lPhone = true

      let nameSeparatorIdx = this.leadForm.fullName.indexOf(' ');
      if (this.leadForm.fullName !== '' && nameSeparatorIdx >= 0) {
        this.leadForm.firstName = this.leadForm.fullName.substr(0, nameSeparatorIdx);
        this.leadForm.lastName = nameSeparatorIdx ? this.leadForm.fullName.substr(nameSeparatorIdx + 1) : '';
      }

      if(this.isLeadFormValid) {
        // Submit to BE
        let payload = {
            "fullName": this.leadForm.fullName,
            "firstName": this.leadForm.firstName,
            "lastName": this.leadForm.lastName,
            "email": this.leadForm.email,
            "phone": this.leadForm.phone,
            "isSelling": this.leadForm.interest.find(x => x == "sell") ? 1 : 0,
            "isBuying": this.leadForm.interest.find(x => x == "buy") ? 1 : 0,
            "isFreeConsultation": this.leadForm.interest.find(x => x == "consult") ? 1 : 0,
            "userId": this.$root.getCookie('hv')
        }

        fetch("api/backend.cfc?method=addNewHVLead", {
          method: "POST",
          headers: {
              "Content-Type":"application/x-www-form-urlencoded"
          },
          body: this.$root.convertJsonToCfFormScope(payload)
        })
        .then((response) => {
          return response.json()
        })
        .then((data) => {
          console.log('data:', data)
          if (data.success) {
            gtag('event', 'conversion');
            fbq('track', 'Lead');
            this.leadFormSubmitted = true;
            this.resetForms()
          } else {
            this.leadErrorMessage = 'Sorry, unable to submit form.'
          }
        })
      }
    },
    blur(field) {
      this.focused[field] = true
    },
    resetForms() {
      this.focused.lFullName = false
      this.leadForm.fullName = ''
      this.focused.lEmail = false
      this.leadForm.email = ''
      this.focused.lPhone = false
      this.leadForm.phone = ''
    }
  },
  computed: {
    isValid() {
      return this.form.fullName !== ''
          && this.form.email !== ''
          && this.$root.emailIsValid(this.form.email)
          && this.form.phoneNumber !== ''
          && ('' + this.form.phoneNumber).replace(/\D/g, '').slice(0, 10).length == 10
    },
    isLeadFormValid() {
      return this.leadForm.fullName !== ''
        && this.leadForm.email !== ''
        && this.$root.emailIsValid(this.leadForm.email)
        && this.leadForm.phone !== ''
        && ('' + this.leadForm.phone).replace(/\D/g, '').slice(0, 10).length == 10
    },
    fullNameError() {
      if (!this.focused.fullName) return false
      return this.form.fullName == ''
    },
    emailError() {
      if (!this.focused.email) return false
      return this.form.email == '' || !this.$root.emailIsValid(this.form.email)
    },
    phoneError() {
      if (!this.focused.phoneNumber) return false
      return this.form.phoneNumber == '' || ('' + this.form.phoneNumber).replace(/\D/g, '').slice(0, 10).length != 10
    },
    formValues() {
      return this.leadForm;
    },
    isLeadNameValid() {
      return this.$root.fieldIsValid(this.focused.lFullName, this.leadForm.fullName)
    },
    isLeadEmailValid() {
      return this.$root.fieldIsValid(this.focused.lEmail, this.leadForm.email) && this.$root.emailIsValid(this.leadForm.email)
    },
    leadPhoneError() {
      return this.$root.fieldIsValid(this.focused.lPhone, this.leadForm.phone) && ('' + this.leadForm.phone).replace(/\D/g, '').slice(0, 10).length == 10
    }
  },
  mounted() {
    for (let ref in this.$refs) {
      const autocomplete = new google.maps.places.Autocomplete(this.$refs[ref]);
      autocomplete.addListener("place_changed", () => {
        const place = autocomplete.getPlace();

        this.$root.lat = place.geometry.location.lat();
        this.$root.lng = place.geometry.location.lng();
        this.googlePlacesId = place.place_id;

        place.address_components.forEach((x, i) => {

          if (this.form.fullAddress == "" && (x.types[0] == "street_number") ) {
            this.form.streetNum = x.short_name;
          }

          if (this.form.fullAddress == "" && (x.types[0] == "route") ) {
            this.form.streetName = x.short_name;
          }

          if(this.form.streetNum != '' && this.form.streetName !=''){
            this.form.fullAddress = this.form.streetNum + ' ' + this.form.streetName;
          }

          if (this.form.city == "" && (x.types[0] == "locality") ) {
            this.form.city = x.short_name;
          }

          if (this.form.city == "" && (x.types[0] == "locality") ) {
            this.form.city = x.short_name;
          }
          if (this.form.state == "" && (x.types[0] == "administrative_area_level_1") ) {
            this.form.state = x.short_name;
          }
          if (this.form.zipCode == "" && (x.types[0] == "postal_code") ) {
            this.form.zipCode = x.short_name;
          }
        });
      })
    }
    window.gm_authFailure = function() {
      document.getElementById('addressautocomplete').disabled = false
      document.getElementById('addressautocomplete').placeholder = ''
      document.getElementById('addressautocomplete').focus()
    }
  },
  watch: {
    "form.phoneNumber"(newValue, oldValue){
      if (newValue !== oldValue) {
        this.form.phoneNumber = this.$root.formatPhoneNumber(newValue)
      }
    },
    "leadForm.phone"(newValue, oldValue) {
      if (newValue !== oldValue) {
        this.leadForm.phone = this.$root.formatPhoneNumber(newValue)
      }
    }
  },
  async created() {
    // this.initialize();
    window.scrollTo(0, 0);
  }
}
app.component('layouts-home', objLayoutsHome); const objLayoutsHomeold = { template: `<div class="template-layouts-homeold" style="display:contents;">
  <div>
    <div v-if="!stepTwoComplete" class="main-page">
      <div class="container bird-container-section">
        <div class="desktop-bird"></div>
        <img
            src="image/HV/hv_icon.svg"
            class="img-responsive page-icon"
            alt="Home Value Logo"
        />
        <div class="clearfix bird-text-container">
          <img
                src="image/HV/homepage/CenterFaceGrinV2.png"
                class="img-responsive mobile-bird"
                alt="Lawrence"
          />
          <div v-if="!stepOneComplete" class="consultation-text-container">
            <h1 class="first-title" title="Find your true home value">
              Sell For Your Home's True Value
            </h1>
            <p class="text-center mb30 second-title fs16">
              Start your personalized home value consultation and receive a free LPT Realty Active Marketing Plan.
            </p>
          </div>
        </div>
        <div class="main-page-search">
          <div class="address-search">
            <form class="homepage-form">
                <input
                    v-if="!stepOneComplete"
                    type="text"
                    v-model="form.address"
                    autofocus
                    placeholder="Enter your property address"
                    minlength="1"
                    required="required"
                    name="address"
                    id="addressautocomplete"
                    class="address-autocomplete form-control address autocomplete"
                    autocomplete="off"
                    ref="address"
                    @blur="blur('address')"
                />
              <input class="match-url" type="hidden" />
              <input class="places-id" type="hidden" />
              <div v-if="stepOneComplete" class="step2Container">
                <div class="step2col step2left">
                  <p class="text-bold create-account-text">Congratulations! You are eligible for a no obligation home value consultation.</p>
                  <p class="">Don't trust an online algorithm to give you an accurate value assessment of your home. Only LPT Realty Realtors&reg; can provide you with:</p>
                  <ul class="step2List">
                    <li class="">Custom, accurate valuations taking your home's unique features into account</li>
                    <li class="">Up-to-date local market knowledge including how quickly you can expect to sell your home</li>
                    <li class="">Tips on increasing your home's value and selling for the most money</li>
                  </ul>
                  <div class="">
                    <p class="text-bold"><i class="fa fa-book mr10 bookIcon"></i>Free Home-Selling Marketing Plan</p>
                    <p class="">Download our in-depth Active Marketing Plan detailing how to sell your home quickly and for the most money using creative marketing strategies.</p>
                  </div>
                </div>

                <div class="step2col">
                  <div class="">
                    <p class="claim">Claim Your Free Home Value Consultation For:</p>
                    <div v-if="this.form.city !='' && this.form.state !=''" class="addressArea">
                      <p class=""><span class="">{{ this.form.fullAddress }}</span></p>
                      <p class=""><span class="">{{ this.form.city }}</span> <span class="modal-state">{{ this.form.state }}</span>, <span class="modal-zip">{{ this.form.zipCode }}</span></p>
                    </div>
                    <div v-else class="addressArea">
                      <p class=""><span class="">{{ this.form.address }}</span></p>
                    </div>
                    <p class="claim-info">An LPT Realty Realtor&reg; will provide your home value consultation within 24-48 hours.</p>
                  </div>
                  <div class="form-group">
                    <input
                        type="text"
                        v-model="form.fullName"
                        placeholder="Full Name"
                        class="form-control name"
                        minlength="2"
                        name="fullName"
                        required="required"
                        :class="{'input-error': fullNameError}"
                        @blur="blur('fullName')"
                    />
                  </div>
                  <div class="form-group">
                    <input
                        type="text"
                        v-model="form.email"
                        placeholder="Email"
                        name="email"
                        class="email form-control"
                        minlength="1"
                        :class="{'input-error': emailError}"
                        @blur="blur('email')"
                    />
                  </div>
                  <div class="form-group">
                    <input
                        type="tel"
                        v-model="form.phoneNumber"
                        minlength="10"
                        onpaste="return false;"
                        placeholder="Phone"
                        class="form-control phone"
                        name="phone"
                        :class="{'input-error': phoneError}"
                        @blur="blur('phone')"
                    />
                  </div>
<!--                  <div class="form-group contact-checkbox">-->
<!--                    <label class="ml5 refinance text-normal" for="contact-checkbox">-->
<!--                      <input v-model="form.contact" name="contact-checkbox" id="contact-checkbox" class="contact-checkbox" type="checkbox">-->
<!--                      I would like to be contacted by a HomeValue.com partner about selling my home.</label>-->
<!--                  </div>-->
                  <button v-if="stepOneComplete" type="submit" class="gi-submit-address btn btn-block color-white submit-address" @click.prevent="submit">Claim Consultation and Download Marketing Plan</button>
                </div>
              </div>
              <!-- End step2Container stepOneComplete -->
              <button v-if="!stepOneComplete" type="submit" class="btn btn-block color-white submit-address" @click.prevent="submit">SUBMIT</button>
            </form>
          </div>
        </div>
        <!-- End main-page-search -->
      </div>
      <!-- End container bird-container-section -->

      <div v-if="!stepOneComplete" class="think-section-container">
        <div class="col-xs-12 mb20 text-center desc-container">
          <div class="mini-descriptions-content">
            <p class="mini-section text-center">Explore the Strategies HomeValue.com Local Experts<br class="hidden-xs" /> Use to Get Bigger and Better Offers on Your Home</p>
            <p>If you're thinking of selling your house, you need an agent that goes the extra mile. Only LPT Realty Realtors&reg; have access to a multi-faceted marketing system designed to sell fast, drive more offers, and maximize your selling price. Combining high-quality print materials with targeted online advertising and direct mail marketing, our Active Marketing Plan gets your home in front of the people most likely to be interested in buying it.</p>
            <router-link to="/marketing-plan" class="nav-link d-inline-block">Learn More</router-link>
          </div>
        </div>
<!--        <div class="think-section" >-->
<!--          <h2 class="section-heading" title="Download the HomeValue.com Active Marketing Plan">Download the LPT Realty Active Marketing Plan</h2>-->
<!--          <i class="learn-more-cta pointer fa fa-angle-down" @click="$router.push('/marketing-plan')"></i>-->
<!--        </div>-->
      </div>
<!--      <div class="container mini-descriptions">-->
<!--        <div class="row">-->
<!--          <div class="col-xs-12 mb20 text-center desc-container">-->
<!--            <div class="mini-descriptions-content">-->
<!--              <p class="mini-section text-center">Explore the Strategies HomeValue.com Local Experts<br class="hidden-xs" /> Use to Get Bigger and Better Offers on Your Home</p>-->
<!--              <p>If you're thinking of selling your house, you need an agent that goes the extra mile. Only LPT Realty Realtors&reg; have access to a multi-faceted marketing system designed to sell fast, drive more offers, and maximize your selling price. Combining high-quality print materials with targeted online advertising and direct mail marketing, our Active Marketing Plan gets your home in front of the people most likely to be interested in buying it.</p>-->
<!--              <router-link to="/marketing-plan" class="nav-link d-inline-block text-secondary">Learn More</router-link>-->
<!--            </div>-->
<!--          </div>-->
<!--        </div>-->
<!--      </div>-->
    </div>
    <!-- End !stepTwoComplete -->
    <div v-if="stepTwoComplete" class="main-page">
      <div class="match-page">
        <div class="container mt15">
          <h1 v-if="this.form.fullAddress!='' && this.form.city !='' && this.form.state !=''" class="site-color-blue mt20 mb30 headliner">We found your home!</h1>
          <h1 v-else class="site-color-blue mt20 mb30 headliner">We will be in touch!</h1>
          <div class="row map-address-form-section">
            <div v-if="this.$root.lat!=0 && this.$root.lng !=0" class="">
              <div class="map-holder gi-map-holder">
                <template></template>
                  <global-map></global-map>
              </div>
            </div>

            <div class="">
              <div class="floating-form">
                <div class="success">
                  <p class="mt15">Thank you! We  will be contacting you within 24-48 hours about your free home value consultation.</p>
                </div>
              </div>
            </div>
          </div>
          <div class="">
            <div class="match-page-container">
              <div class="download-guide-section">
                <div class="dlAreaContent">
                  <div class="dlArea">
                    <div class="dlIcon text-center">
                      <i class="fa fa-book hidden-xs"></i>
                    </div>
                    <p class="bold">Download your FREE Home-Selling Marketing Plan</p>
                  </div>

                    <p class="text-light">Find out how LPT Realty Realtors&reg; use creative marketing strategies to sell homes fast, get more offers, and drive your selling prices up.</p>
                    <a href="https://hvbucketproduction.s3.amazonaws.com/guide/HV_ActiveMarketingPlan_2022.pdf" class="download-btn mb15" target="_blank" data-type="full">
                      Download 36-Page Marketing Plan
                    </a>
                  </div>

              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- End stepTwoComplete -->
  </div>
</div>` ,

  data() {
    return {
      stepOneComplete: false,
      stepTwoComplete: false,
      finalDisplay: false,
      claimConsultationSubmit: false,
      form: {
        address: '',
        fullAddress: '',
        streetName: '',
        streetNum: '',
        city: '',
        state: '',
        zipCode: '',
        fullName: '',
        firstName:'',
        lastName:'',
        email: '',
        phoneNumber: '',
        googlePlacesId:'',
        contact: ''
      },
      focused: {
        address: false,
        fullName: false,
        email: false,
        phone: false
      }
    }
  },
  methods: {
    submit() {

      let nameSeparatorIdx = this.form.fullName.indexOf(' ');
      if (this.form.fullName !== '' && nameSeparatorIdx >= 0) {
        this.form.firstName = this.form.fullName.substr(0, nameSeparatorIdx);
        this.form.lastName = nameSeparatorIdx ? this.form.fullName.substr(nameSeparatorIdx + 1) : '';
      }

      if(this.form.city =='' && this.form.state==''){
        this.getGeoBySearchString(this.form.address)
      }

    let data = {
      "userId": this.$root.getCookie('hv'),
      "address": this.form.fullAddress,
      "city": this.form.city,
      "state": this.form.state,
      "zipCode": this.form.zipCode,
      "fullName": this.form.fullName,
      "firstName": this.form.firstName,
      "lastName": this.form.lastName,
      "lat": this.$root.lat,
      "lng": this.$root.lng,
      "googlePlacesId": this.googlePlacesId,
      "email": this.form.email,
      "phoneNumber": [('' + this.form.phoneNumber).replace(/\D/g, '').slice(0, 10)],
      "rawAddress": this.form.address
    };

    if (this.form.address != '') {
      this.stepOneComplete = true;
    }

    if (this.form.address != '' && this.form.fullName != '' && this.form.email != '') {
      this.stepTwoComplete = true;
    }

    if(this.stepOneComplete && !this.stepTwoComplete){
    fetch("api/backend.cfc?method=addHVLead",
        {
          method: "POST",
          headers: {
            "Content-Type":"application/x-www-form-urlencoded"
          },
          body:this.convertJsonToCfFormScope(data)
        }).then((response) => {
      if (!response.ok) {
        this.stepOneComplete = false;
        this.showSubmitError = true;
      } else {
        this.stepOneComplete = true;
        window.scrollTo(0, 0);
      }
    })
  }

    if(this.stepTwoComplete){
     fetch("api/backend.cfc?method=updateHVLead",
         {
           method: "POST",
           headers: {
             "Content-Type":"application/x-www-form-urlencoded"
           },
           body:this.convertJsonToCfFormScope(data)
         }).then((response) => {
       if (!response.ok) {
         this.stepTwoComplete = false; 
         this.showSubmitError = true;
       } else {
         this.stepTwoComplete = true;
         window.scrollTo(0, 0);
       }
     })
   }

    },
    convertJsonToCfFormScope(jsonObject) {
      var returnBody = ''
      var keyList = ''
      for (const key in jsonObject) {
        returnBody = returnBody + key + '=' + encodeURIComponent(jsonObject[key]) + '&'
      };
      for (const key in jsonObject) {
        keyList = keyList + key + ','
      };
      returnBody = returnBody + 'jsonObject=' + encodeURIComponent(JSON.stringify(jsonObject)) + '&keyList=' + keyList + 'jsonObject';
      return returnBody
    },
    formatPhoneNumber(phoneNumber) {

      if((phoneNumber.substring(0, 2) == '+1')){
        phoneNumber = phoneNumber.slice(2);
      }
      if((phoneNumber.charAt(0) == '1')){
        phoneNumber = phoneNumber.slice(1);
      }

      if((phoneNumber.substring(0, 1) == '1')){
        phoneNumber = phoneNumber.slice(1);
      }

      phoneNumber = phoneNumber.replace(/\D/g,'');
      //Filter only numbers from the input
      let cleaned = ('' + phoneNumber).replace(/\D/g, '').slice(0, 10);

      if (cleaned.length == 1) return '(' + cleaned.slice(0, 1)
      if (cleaned.length == 2) return '(' + cleaned.slice(0, 2)
      if (cleaned.length == 3) return '(' + cleaned.slice(0, 3)
      if (cleaned.length == 4) return '(' + cleaned.slice(0, 3) + ') ' + cleaned.slice(3, 4)
      if (cleaned.length == 5) return '(' + cleaned.slice(0, 3) + ') ' + cleaned.slice(3, 5)
      if (cleaned.length == 6) return '(' + cleaned.slice(0, 3) + ') ' + cleaned.slice(3, 6)
      if (cleaned.length == 7) return '(' + cleaned.slice(0, 3) + ') ' + cleaned.slice(3, 6) + '-' + cleaned.slice(6, 7)
      if (cleaned.length == 8) return '(' + cleaned.slice(0, 3) + ') ' + cleaned.slice(3, 6) + '-' + cleaned.slice(6, 8)
      if (cleaned.length == 9) return '(' + cleaned.slice(0, 3) + ') ' + cleaned.slice(3, 6) + '-' + cleaned.slice(6, 9)
      if (cleaned.length == 10) return '(' + cleaned.slice(0, 3) + ') ' + cleaned.slice(3, 6) + '-' + cleaned.slice(6, 10)

      return ""
    },
    blur(field) {
      this.focused[field] = true
    },
    async getGeoBySearchString(searchString) {
      let response = await fetch(`api/backend.cfc?method=getGeoByString&locationString=${searchString}`);
      let data = await response.json();
      this.$root.lat = data.lat;
      this.$root.lng = data.lng;
    }
  },
  computed: {
    isValid() {
      return this.form.fullName !== ''
          && this.form.email !== ''
          && this.emailIsValid
          && this.form.phoneNumber !== ''
          && ('' + this.form.phoneNumber).replace(/\D/g, '').slice(0, 10).length == 10
    },
    emailIsValid() {
      let validRegex = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/
      if (this.form.email.match(validRegex)) return true
      else return false
    },
    fullNameError() {
      if (!this.focused.fullName) return false
      return this.form.fullName == ''
    },
    emailError() {
      if (!this.focused.email) return false
      return this.form.email == '' || !this.emailIsValid
    },
    phoneError() {
      if (!this.focused.phoneNumber) return false
      return this.form.phoneNumber == '' || ('' + this.form.phoneNumber).replace(/\D/g, '').slice(0, 10).length != 10
    }
  },
  mounted() {
    for (let ref in this.$refs) {
      const autocomplete = new google.maps.places.Autocomplete(this.$refs[ref]);
      autocomplete.addListener("place_changed", () => {
        const place = autocomplete.getPlace();

        this.$root.lat = place.geometry.location.lat();
        this.$root.lng = place.geometry.location.lng();
        this.googlePlacesId = place.place_id;

        place.address_components.forEach((x, i) => {

          if (this.form.fullAddress == "" && (x.types[0] == "street_number") ) {
            this.form.streetNum = x.short_name;
          }

          if (this.form.fullAddress == "" && (x.types[0] == "route") ) {
            this.form.streetName = x.short_name;
          }

          if(this.form.streetNum != '' && this.form.streetName !=''){
            this.form.fullAddress = this.form.streetNum + ' ' + this.form.streetName;
          }

          if (this.form.city == "" && (x.types[0] == "locality") ) {
            this.form.city = x.short_name;
          }

          if (this.form.city == "" && (x.types[0] == "locality") ) {
            this.form.city = x.short_name;
          }
          if (this.form.state == "" && (x.types[0] == "administrative_area_level_1") ) {
            this.form.state = x.short_name;
          }
          if (this.form.zipCode == "" && (x.types[0] == "postal_code") ) {
            this.form.zipCode = x.short_name;
          }
        });
      })
    }
    window.gm_authFailure = function() {
      document.getElementById('addressautocomplete').disabled = false
      document.getElementById('addressautocomplete').placeholder = ''
      document.getElementById('addressautocomplete').focus()
    }
  },
  watch: {
    "form.phoneNumber"(newValue, oldValue){
      if (newValue !== oldValue) {
        this.form.phoneNumber = this.formatPhoneNumber(newValue)
      }
    }
  },
  async created() {
    // this.initialize();
    window.scrollTo(0, 0);
  }
}
app.component('layouts-homeold', objLayoutsHomeold); const objLayoutsHomeworth = { template: `<div class="template-layouts-homeworth" style="display:contents;">
  <div class="">
    <div class="home-worth">
      <div class="text-center hero-container">
        <h1 class="mt10">Find Out How Much Your Home Is Worth</h1>
        <p>Why You Need a Free Home Value Consultation</p>
        <a  class="learn-more-btn" v-on:click="scrollToElement({behavior: 'smooth'})">Learn more</a>
        <a  class="get-marketing-plan-btn" @click="$router.push('/')">Get Your Personalized Consultation &amp; Marketing Plan</a>
      </div>
      <div class="how-much-container">
        <div class="container">
          <div class="row">
            <div class="col-sm-4 hidden-xs house-image"></div>
            <div class="col-sm-8 house-text">
              <h1>How Much Is Your Home Worth in Today's Market?</h1>
              <p>On the day you became a homeowner, you knew what your house was worth down to the penny. But, whether it has been six months or six years since you signed your name on the dotted line, it's likely your home's value has changed over time. Do you know how much your home is worth right now?</p>
              <p class="bold bold-statement">A personalized home valuation can offer the answers you're looking for.</p>
              <p>Learning what your home would sell for in today's market helps you adjust your expectations, manage assets and investments, and tackle estate planning. Beyond preparing for the future, knowing your home's true value allows you make important financial decisions, like what price to sell your home and when to refinance your mortgage.</p>
              <h3>Sell Your Home for the Right Price</h3>
              <p>Before putting your home on the market, you'll need to determine its selling price. If you set your price too low, you risk bringing in less money than your home is worth. If you set the price too high, you may go months without an offer. The perfect price can catch the attention of buyers, bring in multiple offers, and quickly lead to a sale — a one-on-one consultation with a real estate professional helps you arrive at that ideal number.</p>
              <h3>Save Money with a Mortgage Refinance</h3>
              <p>Whether you're looking to save money each month, eliminate private mortgage insurance, or take cash out for home improvements, a home loan refinance offers countless benefits for homeowners. But, before seeking out mortgage quotes, you'll need to know how much equity you've built into your home. A home value consultation with a real estate expert could be the first step towards tens of thousands of dollars in savings.</p>
            </div>
          </div>
        </div>
      </div>
      <div class="why-use-container">
        <div class="container">
          <div class="row">
            <div class="col-sm-8 room-text">
              <h1>Why Use HomeValue.com to Get a Free Home Valuation?</h1>
              <p>As a homeowner, a quick online search leads to countless websites offering free home value estimates at the click of a button. However, without the help of a real estate professional taking your home's specific features into account, these estimates can be completely inaccurate. Here's what makes a HomeValue.com consultation different but still absolutely free.</p>
              <h3>One-on-one consultation with a real estate expert</h3>
              <p>A HomeValue.com local expert will walk you through the valuation process. Your dedicated agent will work with you, either in person or over the phone, to arrive at a figure that accurately represents your home's value while offering the one-on-one attention you need to decide if selling is the best move for you.</p>
              <h3>Custom valuations — not online estimates</h3>
              <p>Many things affect how much your house is worth, including curb appeal, energy efficiency, area schools, and your home's unique features, like a pool, extra bathrooms, a 3+ car garage, and more. With HomeValue.com, all of these factors will be taken into consideration when determining your home's current value.</p>
              <h3>Up-to-date information on your local market</h3>
              <p>Knowing how much your own house is worth is only the beginning — your local real estate market plays a big part in determining the right time to sell. Beyond your home's true value, your HomeValue.com local expert will also provide up-to-date information on recent sales and which features are in high demand in your area.</p>
              <h3>Free home-selling marketing plan to sell your home faster</h3>
              <p>The Active Marketing Plan, used exclusively by our Local Experts, combines print marketing, online advertising, and direct mail postcards to sell your home fast and at the best price. If your consultation tells you selling is the way to go, your Local Expert can help you get the offers your house is really worth.</p>
            </div>
            <div class="col-sm-4 room-image hidden-xs"></div>
          </div>
        </div>
      </div>
      <div class="above-footer-container">
        <div class="container">
          <h2>Request your FREE home value consultation with a Local Expert today.</h2>
          <p class="fs16">Don't trust an online estimate. Connect with a real estate professional and find out the true value of your home in today's market.</p>
          <a class="get-started-btn" @click="$router.push('/')">Get started</a>
        </div>
      </div>

    </div>
  </div>
</div>` ,

  data(){
    return {
    }
  },
  props: {

  },
  methods: {
    scrollToElement() {
      const el = this.$el.getElementsByClassName('how-much-container')[0];
      if (el) {
        // Use el.scrollIntoView() to instantly scroll to the element
        el.scrollIntoView({behavior: 'smooth'});
      }
    }
  },
  async created() {

  }
}
app.component('layouts-homeworth', objLayoutsHomeworth); const objLayoutsMarketingplan = { template: `<div class="template-layouts-marketingplan" style="display:contents;">
  <div class="">
    <div class="marketing-plan">
      <div class="marketing-plan-header text-center">
        <div class="container">
          <h1>Get More Offers on Your Home with the Active Marketing Plan</h1>
          <a class="btn btn-default site-color-blue learn-more" v-on:click="scrollToElement({behavior: 'smooth'})" >Learn More</a>
          <a class="transparent-btn btn btn-primary top-person-consult-btn" data-position="top" @click="$router.push('/')">Get Your Personalized Consultation & Marketing Plan</a>
        </div>
      </div>
      <div class="container">
        <div class="row difference-section">
          <div class="col-md-6">
            <img src="image/HV/marketingplan-collab.jpg" alt="Active Marketing Marketing Plan">
          </div>
          <div class="col-md-6">
            <h2 class="fw500">The Difference Between Any Agent<br> and a HomeValue.com Local Expert</h2>
            <p>If you're considering selling your home, the real estate market can seem overwhelming. But, it's important to know not all real estate agents work the same way.</p>
            <p><strong>To sell your home fast and get the best offers, you need the right agent, someone who understands the role marketing plays in the home-selling process.</strong></p>
            <p>Active Marketing Plan is a detailed, step-by-step outline of the proven marketing techniques our Local Experts will use if chosen to list your home for sale. Through these tactics, our experts do what other agents cannot — reach an untapped share of the market and drive multiple offers for your home. Leveraging print, digital, and direct mail marketing, this multi-faceted strategy is the key to selling your home fast, getting more offers, and driving your final selling price up.</p>
          </div>
        </div>
        <div class="row  marketingScrollPoint">
          <div class="col-md-12 text-center four-pillars in-home-activationScroll">
            <h2 class="fs24 ">The Four Pillars of Marketing Your Home</h2>
            <p>The Active Marketing Plan includes four pillars designed to reach the right people using geotargeting. That means your agent will focus all marketing and advertising efforts in key areas surrounding your home, ensuring we’re targeting those most likely to be interested in buying your home.</p>
          </div>
        </div>
        <div class="row sticky-menu-row mobileOveride">
          <div class="col-md-3 mt20">
            <div id="stickymenu" class="sticky-menu" data-spy="affix" data-offset-top="1250" data-offset-bottom="1700">
              <ul class="nav">
                <li><a v-on:click="scrollToCustomElement('in-home-activationScroll')" class="in-home-activation">In-Home Activation</a></li>
                <li><a v-on:click="scrollToCustomElement('neighborhoodScroll')" class="neighborhood-canvas">Neighborhood Canvass</a></li>
                <li><a v-on:click="scrollToCustomElement('directMailScroll')" class="direct-mail">Direct Mail</a></li>
                <li><a v-on:click="scrollToCustomElement('digitalMarketingScroll')" class="digital-marketing">Digital Marketing</a></li>
                <hr class="dark-hr">
                <li><a @click="$router.push('/')" class="side-person-consult-btn" data-position="side"><i class="fa fa-book"></i>&nbsp;Get Your Marketing Plan</a></li>
              </ul>
            </div>
          </div>
          <div class="col-md-9 list">
            <div class="pillar-section neighborhoodScroll">
              <h3 id="in-home-activation">1. In-Home Activation</h3>
              <p>When it comes to marketing your property, your home is the epicenter around which all other efforts revolve — the core of the campaign. At the In-Home Activation level, your Local Expert’s property promotion tactics will include takeaway flyers with photos of your home and their direct contact information, as well as an eye-catching yard sign to draw potential buyers in as they drive or walk by your home.</p>
              <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                <div class="panel panel-default">
                  <div class="panel-heading"  @click="toggleAccordion('collapse1')">
                    <h4 class="panel-title">
                      <a role="button" >Yard Sign Rider<i class="fa fa-angle-down"></i></a>
                    </h4>
                  </div>
                  <div v-if='this.collapseOne' id="collapseOne" class="panel-collapse">
                    Your supercharged yard sign will feature interior photos of your home, a text-based lead capture system and unique property code, so your agent can connect and follow up with interested buyers over the phone or in person.
                  </div>
                </div>
                <div class="panel panel-default">
                  <div class="panel-heading" @click="toggleAccordion('collapse2')">
                    <h4 class="panel-title">
                      <a role="button">Neighborhood Reports<i class="fa fa-angle-down"></i></a>
                    </h4>
                  </div>
                  <div v-if='this.collapseTwo' id="collapseTwo" class="panel-collapse" >
                    You are selling more than just a home. Our Neighborhood Reports give potential buyers the information they’re looking for, providing a map of restaurants, grocery stores, hospitals, pharmacies, and other businesses in the area.
                  </div>
                </div>
              </div>
            </div>
            <div class="pillar-section">
              <h3 id="neighborhood-canvas">2. Neighborhood Canvass</h3>
                <p>Taking the campaign beyond your front door, it’s time to let your neighbors know your home is on the market. By posting flyers on community boards, putting out door hangers, and connecting to potential buyers with handwritten thank you cards, the Neighborhood Canvass tier of your Local Expert’s marketing campaign can tap individuals looking to stay in the area but searching for a new home, as well as those whose friends or family want to move to your neighborhood.</p>
                <div class="panel-group" id="accordion2" role="tablist" aria-multiselectable="true">
                  <div class="panel panel-default">
                    <div class="panel-heading " @click="toggleAccordion('collapse3')">
                      <h4 class="panel-title">
                        <a role="button">Small Flyers<i class="fa fa-angle-down"></i></a>
                      </h4>
                    </div>
                    <div v-if='this.collapseThree' id="collapse3" class="panel-collapse"  >
                      Your Local Expert will set flyers out at local businesses, coffee shops, restaurants, and community boards around your listing — places where potential buyers are most likely to see them.
                    </div>
                  </div>
                  <div class="panel panel-default">
                    <div class="panel-heading"  @click="toggleAccordion('collapse4')">
                      <h4 class="panel-title">
                        <a role="button">Large Flyers<i class="fa fa-angle-down"></i></a>
                      </h4>
                    </div>
                    <div  v-if='this.collapseFour' id="collapse4" class="panel-collapse"  aria-labelledby="heading4">
                      Your agent will display these high-quality flyers at open houses and showing appointments, encouraging those who stop by to take one with them to see, and remember, your home every single day.
                    </div>
                  </div>
                  <div class="panel panel-default">
                    <div class="panel-heading" @click="toggleAccordion('collapse5')">
                      <h4 class="panel-title">
                        <a role="button">Door Hangers<i class="fa fa-angle-down"></i></a>
                      </h4>
                    </div>
                    <div v-if='this.collapseFive' id="collapse5" class="panel-collapse"  aria-labelledby="heading5">
                      Putting out full-color door hangers showcasing your property throughout your neighborhood, your agent can help your home get the amount of exposure we’re looking for and build personal relationships with potential buyers.
                    </div>
                  </div>
                  <div class="panel panel-default">
                    <div class="panel-heading" @click="toggleAccordion('collapse6')">
                      <h4 class="panel-title">
                        <a role="button">Jumbo Door Hangers<i class="fa fa-angle-down"></i></a>
                      </h4>
                    </div>
                    <div v-if='this.collapseSix ' id="collapse6" class="panel-collapse" >
                      Oversized and attention-grabbing, these pieces offer increased visibility and create an impression that’s impossible to ignore. After seeing flyers for your property displayed around the neighborhood, jumbo door hangers work to turn up the repetition factor.
                    </div>
                  </div>
                  <div class="panel panel-default">
                    <div class="panel-heading" @click="toggleAccordion('collapse7')" >
                      <h4 class="panel-title">
                        <a role="button">Thank You Cards<i class="fa fa-angle-down"></i></a>
                      </h4>
                    </div>
                    <div v-if='this.collapseSeven' id="collapse7" class="panel-collapse">
                      Nothing says thank you like a handwritten card. Your Local Expert will go the extra mile by sending personalized and hand-addressed cards to every buyer interested in your home.
                    </div>
                  </div>
                  <div class="panel panel-default directMailScroll">
                    <div class="panel-heading" @click="toggleAccordion('collapse8')">
                      <h4 class="panel-title">
                        <a role="button">Business Cards<i class="fa fa-angle-down"></i></a>
                      </h4>
                    </div>
                    <div v-if='this.collapseEight' id="collapse8" class="panel-collapse">
                      Your agent's community canvassing efforts will include two types of business cards — a traditional one and one that folds in half like a tent. Each of these cards will feature full-color photos of your home, as well as an easy-to-use text code to get people to your home’s dedicated website in seconds.
                    </div>
                  </div>
                </div>
            </div>
            <div class="pillar-section digitalMarketingScroll">
              <h3 id="direct-mail">3. Direct Mail</h3>
              <p>With direct mail marketing, your HomeValue.com local expert can target people in strategic areas around your property using full-color mailers featuring interior and exterior photos of your house. This pillar of our Active Marketing Plan builds recognition through repetition by bringing your listing directly to the mailboxes of potential buyers who may have seen your yard sign or a flyer at a local coffee shop. With a “Just Listed” headline, your postcards work to create a sense of urgency, letting hopeful buyers in your area know your home could be theirs right now.</p>
            </div>
            <div class="pillar-section">
              <h3 id="digital-marketing" >4. Digital Marketing</h3>
              <p>Your Active Marketing Plan also works to reach buyers online, displaying ads for your home on top news sites, social media platforms, and other high-profile pages, not just real estate websites, expanding the reach for potential buyers even further.</p>
            </div>
          </div>
        </div>
        <div class="row advance-lead">
          <div class="col-md-6"><img src="image/HV/marketingplan-price.jpg" alt="Home Value Marketing Plan Flow Chart"></div>
          <div class="col-md-6">
            <h2>Advanced Lead Capture Technologies to Connect with Buyers</h2>
            <p>Each piece in your Local Expert's marketing campaign features their dedicated, local phone number with built-in lead capture capabilities. Potential buyers can call or text this number using your home’s unique four-digit code to get a link to your property’s website and connect instantly. Once they click through to your site, buyers can access additional photos, details on your home’s unique features, and, most importantly, see an accurate and up-to-date asking price. Most importantly, your house won’t be competing with other homes for sale in the area or third-party advertising.</p>
          </div>
        </div>
        <div class="row price-home">
          <div class="col-md-6">
            <h2>Price Your Home to Sell</h2>
            <p>Setting the right price for your home can mean the difference between a fast, profitable sale, and months without an offer. That’s why an accurate home valuation is one of the most important pieces in the home-selling puzzle.</p>
            <p>Working with a HomeValue.com local expert, you'll receive an accurate, personalized home value consultation at no cost, even if you’re not ready to sell yet. Plus, your Local Expert can provide tips on boosting your home value to sell for more, as well as up-to-date information on your local market conditions.</p>
          </div>
          <div class="col-md-6"><img src="image/HV/marketingplan-graph.jpg" alt="Price Your Home to Sell"></div>
        </div>
      </div>
      <div class="above-footer-container">
        <div class="container">
          <h2>Request your FREE home value consultation with a Local Expert today.</h2>
          <p class="fs16">Don’t trust an online estimate. Connect with a real estate professional and find out the true value of your home in today’s market.</p>
          <a class="get-started-btn" @click="$router.push('/')">Get started</a>
        </div>
      </div>
    </div>
  </div>
</div>` ,

  data(){
    return {
      collapseOne:false,
      collapseTwo:false,
      collapseThree:false,
      collapseFour:false,
      collapseFive:false,
      collapseSix:false,
      collapseSeven:false,
      collapseEight:false,
    }
  },
  props: {

  },
  methods: {
    scrollToElement() {
      const el = this.$el.getElementsByClassName('marketingScrollPoint')[0];
      if (el) {
        el.scrollIntoView({behavior: 'smooth'});
      }
    },
    scrollToCustomElement(element) {
      const el = this.$el.getElementsByClassName(element)[0];
      if (el) {
        el.scrollIntoView({behavior: 'smooth'});
      }
    },
    toggleAccordion(index) {
      switch(index){
        case "collapse1":
          this.collapseOne = !this.collapseOne
          break;
        case "collapse2":
          this.collapseTwo = !this.collapseTwo
          break;
        case "collapse3":
          this.collapseThree = !this.collapseThree
          break;
        case "collapse4":
          this.collapseFour = !this.collapseFour
          break;
        case "collapse5":
          this.collapseFive = !this.collapseFive
          break;
        case "collapse6":
          this.collapseSix = !this.collapseSix
          break;
        case "collapse7":
          this.collapseSeven = !this.collapseSeven
          break;
        case "collapse8":
          this.collapseEight = !this.collapseEight
          break;
      }
    }
  },
  async created() {

  }
}
app.component('layouts-marketingplan', objLayoutsMarketingplan); const objLayoutsMobiletos = { template: `<div class="template-layouts-mobiletos" style="display:contents;">
    <div class="mobile-tos">
        <h1>HomeValue.com Mobile Terms of Service</h1>
        <ol>
            <li v-for="(listItem, index) in list" :key="index">
                {{ listItem.text }}
                <router-link v-if="listItem.link" :to="listItem.link">Privacy Policy</router-link>
            </li>
        </ol>
    </div>
</div>` ,

    data() {
        return {
            list: [
                { text: `The HomeValue.com CS program assists in connecting you with agents ready and willing to help you sell your current home, buy a new home, or understand your home's value.` },
                { text: `You can cancel the SMS service at any time. Just text “STOP” to the short code. After you send the SMS message “STOP” to us, we will send you an SMS message to confirm that you have been unsubscribed. After this, you will no longer receive SMS messages from us. If you want to join again, just sign up as you did the first time and we will start sending SMS messages to you again.`},
                { text: `If you are experiencing issues with the messaging program, you can reply with the keyword HELP for more assistance, or you can get help directly at (855) 882 - 4580.` },
                { text: `Carriers are not liable for delayed or undelivered messages.` },
                { text: `As always, message and data rates may apply for any messages sent to you from us and to us from you. Message frequency varies. If you have any questions about your text plan or data plan, it is best to contact your wireless provider.` },
                { text: `If you have any questions regarding privacy, please read our:`, link: '/privacy'}
            ]
        }
    }
}
app.component('layouts-mobiletos', objLayoutsMobiletos); const objLayoutsOrdermarketing = { template: `<div class="template-layouts-ordermarketing" style="display:contents;">
    <layouts-resource
        pageName="active-marketing-plan"
        productName="Active Marketing Plan"
        firstTitle="Claim Your FREE Copy of My Home Sales Active Marketing Plan Today"
        productImg="image/HV/order-plan/hv_amp_larry_mockup.png"
        imgAlt="Active Marketing Plan - Get More Offers on Your Home!"
        secondTitle="Maximize Your Selling Price with Our Active Marketing Plan"
        paragraph="Our proven Active Marketing Plan combines high quality print materials, targeted online advertising and direct mail marketing designed to sell your home fast, get you more offers and get you the best price for your home."
        reasonHeader="Proven to Drive Offers"
        :reasons="reasonProps"
        endpoint="api/backend.cfc?method=insertHVMarketingPlanLead"
    >
    </layouts-resource>
</div>` ,

    data() {
        return {
            reasonProps: [
                { 
                    title: 'High Quality Print Materials', 
                    img: 'image/HV/order-plan/print-materials.svg'
                },
                {
                    title: 'Targeted Online Advertising',
                    img: 'image/HV/order-plan/targeted-advertising.svg'
                },
                {
                    title: 'Direct Mail Marketing',
                    img: 'image/HV/order-plan/direct-mail.svg'
                }
            ]
        }
    }
}
app.component('layouts-ordermarketing', objLayoutsOrdermarketing); const objLayoutsOrderquestions = { template: `<div class="template-layouts-orderquestions" style="display:contents;">
    <layouts-resource
        pageName="critical-questions"
        productName="9 Critical Questions to Ask"
        firstTitle="Claim Your FREE Copy of 9 Critical Questions to Ask Today"
        productImg="image/HV/order-plan/9crit_larry_dropshadow.png"
        imgAlt="9 Critical Questions to Ask Your Realtor - Before Hiring a Real Estate Agent to Sell Your Home!"
        secondTitle="Find the Right Local Real Estate Expert to Sell Your Home"
        paragraph="Our 9 Critical Questions to Ask contains exclusive knowledge on exactly what you need to look for in a real estate agent in order to sell your home for the best price possible."
        reasonHeader="Importance of an Expert Agent"
        :reasons="reasonProps"
        endpoint="api/backend.cfc?method=insertHV9CriticalQuestionsLead"
    >
    </layouts-resource>
</div>` ,

    data() {
        return {
            reasonProps: [
                { 
                    title: 'Sell Your Home Fast', 
                    img: 'image/HV/order-plan/sell-fast.svg'
                },
                {
                    title: 'Drive More Offers',
                    img: 'image/HV/order-plan/more-offers.svg'
                },
                {
                    title: 'Maximize Selling Price',
                    img: 'image/HV/order-plan/best-price.svg'
                }
            ]
        }
    }
}
app.component('layouts-orderquestions', objLayoutsOrderquestions); const objLayoutsOrderstrategies = { template: `<div class="template-layouts-orderstrategies" style="display:contents;">
    <layouts-resource
        pageName="homebuyer-strategies"
        productName="7 Homebuyer Strategies"
        firstTitle="Claim Your FREE Copy of 7 Homebuyer Strategies Today"
        productImg="image/HV/order-plan/Larry_7strategies_mockup.png"
        imgAlt="7 Homebuyer Strategies to the Lowest Payment When Interest Rates Are High"
        secondTitle="Get the Lowest Possible Payment"
        paragraph="It's a great time to buy a house. Buyers have negotiating power for the first time in years. Interest rates are high right now, but our 7 Homebuyer Strategies will help you get the lowest payment possible."
        reasonHeader="Why Buy in a High Interest Market?"
        :reasons="reasonProps"
        endpoint="api/backend.cfc?method=insertHV7StrategiesLead"
    >
    </layouts-resource>
</div>` ,

    data() {
        return {
            reasonProps: [
                { 
                    title: 'Ways to Lower Payments', 
                    img: 'image/HV/order-plan/lower-payments.svg'
                },
                {
                    title: 'More Negotiation Power',
                    img: 'image/HV/order-plan/more-negotiation.svg'
                },
                {
                    title: 'Rent Continues to Increase',
                    img: 'image/HV/order-plan/rent-increase.svg'
                }
            ]
        }
    }
}
app.component('layouts-orderstrategies', objLayoutsOrderstrategies); const objLayoutsPrivacy = { template: `<div class="template-layouts-privacy" style="display:contents;">
  <div class="privacy">
    <h1>Privacy Policy</h1>
    <p>Last updated: September 16, 2022</p>
    <p>HomeValue.com ("us", "we", or "our") operates the HomeValue.com website (the "Service").</p>
    <p>This page informs you of our policies regarding the collection, use and disclosure of Personal Information when you use our Service.</p>
    <p>We will not use or share your information with anyone except as described in this Privacy Policy.</p>
    <p>We use your Personal Information for providing and improving the Service. By using the Service, you agree to the collection and use of information in accordance with this policy. Unless otherwise defined in this Privacy Policy, terms used in this Privacy Policy have the same meanings as in our Terms and Conditions, accessible at HomeValue.com</p>
    <p><strong>Information Collection And Use</strong></p>
    <p>While using our Service, we may ask you to provide us with certain personally identifiable information that can be used to contact or identify you. Personally identifiable information may include, but is not limited to, your email address, name, phone number, postal address ("Personal Information").
      We collect this information for the purpose of providing the Service, identifying and communicating with you, responding to your requests/inquiries, servicing your purchase orders, and improving our services. Information collected will not be sold or provided to third parties. We retain the right to share information collected with our affiliates including, but not limited to, HomeValue.com, Listing Power Tools, and HomeValue.com.</p>
    <p><strong>Log Data</strong></p>
    <p>We may also collect information that your browser sends whenever you visit our Service ("Log Data"). This Log Data may include information such as your computer's Internet Protocol ("IP") address, browser type, browser version, the pages of our Service that you visit, the time and date of your visit, the time spent on those pages and other statistics.</p>
    <p>In addition, we may use third party services such as Google Analytics that collect, monitor and analyze this type of information in order to increase our Service's functionality. These third party service providers have their own privacy policies addressing how they use such information.</p>
    <p><strong>Cookies</strong></p>
    <p>Cookies are files with a small amount of data, which may include an anonymous unique identifier. Cookies are sent to your browser from a web site and transferred to your device. We use cookies to collect information in order to improve our services for you.</p>
    <p>You can instruct your browser to refuse all cookies or to indicate when a cookie is being sent. The Help feature on most browsers provide information on how to accept cookies, disable cookies or to notify you when receiving a new cookie.</p>
    <p>If you do not accept cookies, you may not be able to use some features of our Service and we recommend that you leave them turned on.</p>
    <p><strong>Behavioral Remarketing</strong></p>
    <p>HomeValue.com uses remarketing services to advertise on third party web sites to you after you visited our Service. We, and our third party vendors, use cookies to inform, optimize and serve ads based on your past visits to our Service.</p>
    <ul>
      <li>
        <p>Google</p>
        <p>Google AdWords remarketing service is provided by Google Inc.</p>
        <p>You can opt-out of Google Analytics for Display Advertising and customize the Google Display Network ads by visiting the Google Ads Settings page: http://www.google.com/settings/ads</p>
        <p>Google also recommends installing the Google Analytics Opt-out Browser Add-on - https://tools.google.com/dlpage/gaoptout - for your web browser. Google Analytics Opt-out Browser Add-on provides visitors with the ability to prevent their data from being collected and used by Google Analytics.</p>
        <p>For more information on the privacy practices of Google, please visit the Google Privacy & Terms web page: http://www.google.com/intl/en/policies/privacy/</p>
      </li>
    </ul>
    <p><strong>Do Not Track Disclosure</strong></p>
    <p>We support Do Not Track ("DNT"). Do Not Track is a preference you can set in your web browser to inform websites that you do not want to be tracked.</p>
    <p>You can enable or disable Do Not Track by visiting the Preferences or Settings page of your web browser.</p>
    <p><strong>Service Providers</strong></p>
    <p>We may employ third party companies and individuals to facilitate our Service, to provide the Service on our behalf, to perform Service-related services and/or to assist us in analyzing how our Service is used.</p>
    <p>These third parties have access to your Personal Information only to perform specific tasks on our behalf and are obligated not to disclose or use your information for any other purpose.</p>
    <p><strong>Compliance With Laws</strong></p>
    <p>We will disclose your Personal Information where required to do so by law or subpoena or if we believe that such action is necessary to comply with the law and the reasonable requests of law enforcement or to protect the security or integrity of our Service.</p>
    <p><strong>Security</strong></p>
    <p>The security of your Personal Information is important to us, and we strive to implement and maintain reasonable, commercially acceptable security procedures and practices appropriate to the nature of the information we store, in order to protect it from unauthorized access, destruction, use, modification, or disclosure.</p>
    <p>However, please be aware that no method of transmission over the internet, or method of electronic storage is 100% secure and we are unable to guarantee the absolute security of the Personal Information we have collected from you.</p>
    <p><strong>Links To Other Sites</strong></p>
    <p>Our Service may contain links to other sites that are not operated by us. If you click on a third party link, you will be directed to that third party's site. We strongly advise you to review the Privacy Policy of every site you visit.</p>
    <p>We have no control over, and assume no responsibility for the content, privacy policies or practices of any third party sites or services.</p>
    <p><strong>Children's Privacy</strong></p>
    <p>Only persons age 18 or older have permission to access our Service. Our Service does not address anyone under the age of 13 ("Children").</p>
    <p>We do not knowingly collect personally identifiable information from children under 13. If you are a parent or guardian and you learn that your Children have provided us with Personal Information, please contact us. If we become aware that we have collected Personal Information from a children under age 13 without verification of parental consent, we take steps to remove that information from our servers.</p>
    <p><strong>Changes To This Privacy Policy</strong></p>
    <p>This Privacy Policy is effective as of September 16, 2022 and will remain in effect except with respect to any changes in its provisions in the future, which will be in effect immediately after being posted on this page.</p>
    <p>We reserve the right to update or change our Privacy Policy at any time and you should check this Privacy Policy periodically. Your continued use of the Service after we post any modifications to the Privacy Policy on this page will constitute your acknowledgment of the modifications and your consent to abide and be bound by the modified Privacy Policy.</p>
    <p>If we make any material changes to this Privacy Policy, we will notify you either through the email address you have provided us, or by placing a prominent notice on our website.</p>
    <p><strong>Our Communications With You</strong></p>
			<p>(TCPA Consent for United States Residents)</p>
			<br>
			<p style="padding-bottom: 5px;">EXPRESS WRITTEN CONSENT. BY SUBMITTING YOUR CONTACT INFORMATION, YOU ARE PROVIDING YOUR EXPRESS WRITTEN CONSENT TO RECEIVE COMMUNICATIONS FROM US AT THE EMAIL ADDRESS AND TELEPHONE NUMBERS YOU ENTERED INTO OUR CONTACT FORM, OR THAT YOU LATER PROVIDE TO US OR ENTER INTO YOUR CONTACT PAGE.</p>
			<p style="padding-bottom: 5px;">E-MAILS, CALLS, AND TEXTS. THESE COMMUNICATIONS MAY INCLUDE TELEMARKETING MESSAGES, THROUGH THE USE OF EMAIL, LANDLINE PHONE, FAX, CELLULAR PHONE, AND TEXT MESSAGES (INCLUDING SMS AND MMS). </p>
			<p style="padding-bottom: 5px;">AUTODIALING. WE MAY USE AN AUTOMATIC TELEPHONE DIALING SYSTEM (OR "AUTO-DIALER"), WHICH MAY EMPLOY AN ARTIFICIAL OR PRE-RECORDED VOICE OR "ROBOTEXTS." YOUR CARRIER'S STANDARD RATES AND CHARGES MAY APPLY.</p>
			<p style="padding-bottom: 5px;">NO PURCHASE NECESSARY. AGREEING TO THESE COMMUNICATIONS IS NOT A CONDITION OF PURCHASING ANY PROPERTY, GOODS, OR SERVICES FROM US. </p>
			<p style="padding-bottom: 5px;">OPTING OUT. YOU MAY REVOKE YOUR CONSENT TO RECEIVE COMMUNICATIONS AT ANY TIME BY REPLYING "STOP" TO ANY OF OUR TEXTS, OR BY ANY OTHER REASONABLE MEANS. WE WILL MAKE A COMMERCIALLY REASONABLE EFFORT TO COMPLY WITH ANY COMMUNICATIONS FROM YOU OPTING OUT, BUT REPLY "STOP" WILL AUTOMATICALLY UNSUBSCRIBE YOU, AND WE RECOMMEND THAT METHOD. WE MAY TAKE UP TO 30 DAYS TO STOP COMMUNICATIONS IF YOU USE A METHOD OTHER THAN THE AUTOMATIC REPLY "STOP." YOU CONSENT TO RECEIVE A FINAL TEXT MESSAGE CONFIRMING YOUR OPT-OUT.</p>
			<p style="padding-bottom: 5px;">COMMUNICATION FREQUENCY. HOW OFTEN WE SEND YOU COMMUNICATIONS WILL VARY, BECAUSE THE INDIVIDUAL SALESPERSON OR REALTOR WHO COMMUNICATES WITH YOU WILL DETERMINE IT.</p>
			<br>
			<p>Your consent here also serves as your express written consent to your past receipt of electronic communications from us.</p>
			<p>You represent and warrant that:</p>
			<br>
			<div style="margin-left: 14px; position: relative; bottom: 12px;">
			<ul>
			<li><p>You are at least 18 years old</p></li>
			<li><p>You live in the United States</p></li>
			<li><p>You have not registered on a national or statewide Do Not Call list</p></li>
			<li><p>You are the account holder for the email addresses and phone numbers you provided, or you have authorization from the account holder to give this consent</p></li>
			<li><p>The email addresses and phone numbers you provided are accurate, and you will let us know if you release them to another person or individual</p></li>
			<li><p>Our mobile service is available only in certain states. Certain mobile features may be incompatible with your carrier or mobile device.  Contact your carrier with questions regarding these issues. </p></li>
			</ul>
			</div>
    <p><strong>Contact Us</strong></p>
    <p>If you have any questions about this Privacy Policy, please contact us at <a href="mailto:contact@homevalue.com">contact@homevalue.com</a>.</p>
    <p>
      HomeValue.com is a licensed real estate brokerage. Jennifer Draper, HomeValue.com, 1400 S. International Parkway, Suite 1020, Lake Mary, FL 32746.
    </p>
  </div>
</div>` ,

  data(){
    return {
    }
  },
  props: {

  },
  methods: {
  },
  async created() {

  }
}
app.component('layouts-privacy', objLayoutsPrivacy); const objLayoutsResource = { template: `<div class="template-layouts-resource" style="display:contents;">
    <div :class="wrapperClass">
        <!-- HERO -->
        <div class="order-section container">
            <h1 class="hero-header">{{ firstTitle }}</h1>
            <div class="order__hero-mobile">
                <img :src="productImg" :alt="imgAlt" />
                <h1>{{ secondTitle }}</h1>
                <p>{{ paragraph }}</p>
            </div>
            <div class="order__hero-row">
                <img class="marketing-plan-img" :src="productImg" :alt="imgAlt" />
                <div class="content">
                    <div class="order__card">
                        <div class="order__phone"></div>
                        <div class="order__card-content">
                            <div class="order__img-wrap">
                                <img src="image/HV/order-plan/instant-delivery.svg" alt="Instant Phone Delivery" />
                            </div>
                            <div v-if="!phoneSuccess">
                                <div class="form-row">
                                    <h3>Sent Instantly to Your Phone</h3>
                                    <p>Enter your phone number to get a digital copy of our proven {{ productName }} right now</p>
                                    <div class="row">
                                        <div class="col-sm-7 form-item">
                                            <input v-model="form.phoneNumber" name="phoneNumber" autocomplete="tel" type="tel" placeholder="(XXX) XXX-XXXX" @blur="blur('phoneNumber')" :class="{'input-error': focused.phoneNumber && !isPhoneNumberValid}" />
                                            <p v-if="focused.phoneNumber && !isPhoneNumberValid" class="error">Please enter a valid phone number</p>
                                        </div>
                                        <div class="col-sm-5 form-item">
                                            <button @click="submitPhoneOrder" class="btn btn-primary">Send to My Phone</button>
                                        </div>
                                    </div>
                                    <div class="contact-checkbox">
                                        <label class="" for="contact-checkbox">
                                        <input v-model="form.contact" name="contact-checkbox" id="contact-checkbox" class="contact-checkbox" type="checkbox" checked required>
                                            By checking this box, I agree to the <router-link to="/privacy" class="">Privacy Policy</router-link>.
                                        </label>
                                    </div>
                                    <p v-if="errorMessagePhone !== ''">{{ errorMessagePhone }}</p>
                                </div>
                            </div>
                            <div v-if="phoneSuccess" class="thank-you">
                                <p class="success">Thank you! You will receive a text message shortly.</p>
                            </div>
                        </div>
                    </div>

                    <div class="order__divider">
                        <div class="order__line"></div>
                        <h3 class="span-or">Or</h3>
                        <div class="order__line"></div>
                    </div>
                    
                    <div class="order__card">
                        <div class="order__mail"></div>
                        <div class="order__card-content">
                            <div class="order__img-wrap">
                                <img class="mail" src="image/HV/order-plan/mailbox.svg" alt="Mailbox Delivery" />
                            </div>
                            <div v-if="!mailSuccess">
                                <h3>Delivered to Your Postal Mailbox</h3>
                                <p>Enter your address to get a high quality print version of our proven {{ productName }} right to your mailbox</p>
                                <div class="row">
                                    <div class="col-sm-7 form-item">
                                        <input 
                                            name="address" 
                                            v-model="form.address" 
                                            type="text" 
                                            placeholder="Street Address" 
                                            @blur="blur('address')" 
                                            :class="{'input-error': focused.address && !isAddressValid}" 
                                        />
                                        <p v-if="focused.address && !isAddressValid" class="error">Please enter a street address</p>
                                    </div>
                                    <div class="col-sm-5 form-item">
                                        <input name="city" v-model="form.city" type="text" placeholder="City" @blur="blur('city')" :class="{'input-error': focused.city && !isCityValid}" />
                                        <p v-if="focused.city && !isCityValid" class="error">Please enter a City</p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-2 form-item">
                                        <input name="state" v-model="form.state" type="text" placeholder="State" @blur="blur('state')" :class="{'input-error': focused.state && !isStateValid}" />
                                        <p v-if="focused.state && !isStateValid" class="error">Please enter state initials</p>
                                    </div>
                                    <div class="col-sm-4 form-item">
                                        <input name="zipCode" v-model="form.zipCode" type="text" placeholder="Zip" @blur="blur('zipCode')" :class="{'input-error': focused.zipCode && !isZipCodeValid}" />
                                        <p v-if="focused.zipCode && !isZipCodeValid" class="error">Please enter a 5 digit zip code</p>
                                    </div>
                                    <div class="col-sm-6 form-item">
                                        <button @click="submitMailOrder" class="btn btn-secondary">Send By Mail</button>
                                    </div>
                                </div>
                                <div class="contact-checkbox">
                                    <label class="" for="contact-checkbox">
                                    <input v-model="form.contact" name="contact-checkbox" id="contact-checkbox" class="contact-checkbox" type="checkbox" checked required>
                                        By checking this box, I agree to the <router-link to="/privacy" class="">Privacy Policy</router-link>.
                                    </label>
                                </div>
                                <p v-if="errorMessageAddress !== ''">{{ errorMessageAddress }}</p>
                            </div>
                            <div v-if="mailSuccess" class="thank-you">
                                <p class="success">Thank you! Your package will ship out shortly.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End order-section container -->

        <!-- REASONS -->
        <div class="order__reasons">
            <div class="container">
                <div class="desktop-text">
                    <h1 class="reasons__header">{{ secondTitle }}</h1>
                    <p class="sub-par">
                        {{ paragraph }}
                    </p>
                </div>
                <h1 class="subtitle">{{ reasonHeader }}</h1>
                <div class="order__reasons-row">
                    <div v-for="(reason, index) in reasons" :key="index" class="order__reason">
                        <img :src="reason.img" :alt="reason.title" />
                        <h3>{{ reason.title }}</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>` ,

    props: {
        pageName: String,
        productName: String,
        firstTitle: String,
        productImg: String,
        imgAlt: String,
        secondTitle: String,
        paragraph: String,
        reasonHeader: String,
        reasons: Array,
        endpoint: String
    },
    data() {
        return {
            phoneSuccess: false,
            mailSuccess: false,
            errorMessagePhone: '',
            errorMessageAddress: '',
            form: {
                address: '',
                city: '',
                state: '',
                zipCode: '',
                phoneNumber: '',
                agree: true
            },
            focused: {
                address: false,
                city: false,
                state: false,
                zipCode: false,
                phoneNumber: false
            },
        }
    },
    computed: {
        isPhoneNumberValid() {
            return this.$root.fieldIsValid(this.focused.phoneNumber, this.form.phoneNumber) && ('' + this.form.phoneNumber).replace(/\D/g, '').slice(0, 10).length == 10
        },
        isMailValid() {
            return this.isAddressValid && this.isCityValid && this.isStateValid && this.isZipCodeValid
        },
        isAddressValid() {
            return this.$root.fieldIsValid(this.focused.address, this.form.address)
        },
        isCityValid() {
            return this.$root.fieldIsValid(this.focused.city, this.form.city)
        },
        isStateValid() {
            return this.$root.fieldIsValid(this.focused.state, this.form.state)
        },
        isZipCodeValid() {
            return this.$root.fieldIsValid(this.focused.zipCode, this.form.zipCode)
        },
        wrapperClass() {
            return `order ${this.pageName}`
        }
    },
    watch: {
        "form.phoneNumber"(newValue, oldValue){
            if (newValue !== oldValue) {
                this.form.phoneNumber = this.$root.formatPhoneNumber(newValue)
            }
        }
    },
    methods: {
        submitPhoneOrder(){
            this.focused.phoneNumber = true

            // If valid, submit
            if (this.isPhoneNumberValid) {
                let data = {
                    "userId": this.$root.getCookie('hv'),
                    "phoneNumber": [('' + this.form.phoneNumber).replace(/\D/g, '').slice(0, 10)],
                }

                fetch(this.endpoint,
                {
                    method: "POST",
                    headers: {
                        "Content-Type":"application/x-www-form-urlencoded"
                    },
                    body:this.$root.convertJsonToCfFormScope(data)
                })
                .then((response) => {
                    return response.json()
                }).then((data) => {
                    if (data.success) {
                        gtag('event', 'conversion');
                        fbq('track', 'Lead');
                        this.resetForms()
                        this.phoneSuccess = true
                    } else {
                        this.errorMessagePhone = 'Sorry, unable to submit form.'
                    }
                })
            }
        },
        async submitMailOrder(){
            this.focused.address = true
            this.focused.city = true
            this.focused.state = true
            this.focused.zipCode = true
            let googleValid = false
            let fullAddress = `${this.form.address} ${this.form.city} ${this.form.state} ${this.form.zipCode}`

            // Validate geo
            try {
                await this.$root.getGeoBySearchString(fullAddress)
                if (this.$root.lat !== 0 && this.$root.lng !== 0) googleValid = true
                else this.errorMessageAddress = 'Sorry, address not found. Please enter a valid address'
            } catch (error) {
                this.errorMessageAddress = 'Sorry, address not found. Please enter a valid address'
            }

            // If address form items valid, submit
            if (googleValid && this.isMailValid) {
                let data = {
                    "userId": this.$root.getCookie('hv'),
                    "address": this.form.address,
                    "city": this.form.city,
                    "state": this.form.state,
                    "zipCode": this.form.zipCode,
                    "lat": this.$root.lat,
                    "lng": this.$root.lng
                }

                fetch(this.endpoint,
                {
                    method: "POST",
                    headers: {
                        "Content-Type":"application/x-www-form-urlencoded"
                    },
                    body:this.$root.convertJsonToCfFormScope(data)
                })
                .then((response) => {
                    return response.json()
                }).then((data) => {
                    if (data.success) {
                        gtag('event', 'conversion');
                        fbq('track', 'Lead');
                        this.resetForms()
                        this.mailSuccess = true
                    } else {
                        this.errorMessageAddress = 'Sorry, unable to submit form.'
                    }
                })
            }
        },
        resetForms() {
            this.focused.phoneNumber = false
            this.form.phoneNumber = ''
            this.focused.address = false
            this.form.address = ''
            this.focused.city = false
            this.form.city = ''
            this.focused.state = false
            this.form.state = ''
            this.focused.zipCode = false
            this.form.zipCode = ''
            this.$root.lat = 0
            this.$root.lng = 0
        },
        blur(field) {
            this.focused[field] = true
        }
    }
}
app.component('layouts-resource', objLayoutsResource); const objLayoutsSearch = { template: `<div class="template-layouts-search" style="display:contents;">
    <div class="search">
        <div class="map-section">
            <global-map></global-map>
        </div>
        <div class="search-section">
            
        </div>
    </div>
</div>` ,


}
app.component('layouts-search', objLayoutsSearch); const objNavigationFooter = { template: `<div class="template-navigation-footer" style="display:contents;">
<!--  <div class="loader-container hidden">-->
<!--    <div class="loader">-->
<!--      <svg class="spinner" width="50px" height="50px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">-->
<!--        <circle class="circle" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>-->
<!--      </svg>-->
<!--    </div>-->
<!--  </div>-->
<div>
  <div class="footer-container">
    <div class="trending-section">
      <div class="container">
        <div class="footerRow">
          <div class="">
            <h2 class="zip-section-title no-wrap" title="HomeValue.com Resources">HomeValue.com Resources </h2>
            <div class="list footerLinks">
              <router-link to="/about" class="nav-link d-inline-block text-secondary active">About HomeValue.com</router-link>
              <router-link to="/marketing-plan" class="nav-link d-inline-block text-secondary">Learn About HomeValue.com Marketing</router-link>
              <router-link to="/online-estimate-vs-homevalue-consultation" class="nav-link d-inline-block text-secondary">Online Estimate vs HomeValue.com Consultation</router-link>
              <router-link to="/whats-your-home-worth" class="nav-link d-inline-block text-secondary">Why Request a HomeValue.com Consultation</router-link>
              <router-link to="/tv-commercials" class="nav-link d-inline-block text-secondary">HomeValue.com TV Commercials</router-link>
              <router-link to="/active-marketing-plan" class="nav-link d-inline-block text-secondary">Claim Your Active Marketing Plan</router-link>
              <router-link to="/9-critical-questions" class="nav-link d-inline-block text-secondary">Claim Your 9 Questions to Ask</router-link>
              <router-link to="/7-homebuyer-strategies" class="nav-link d-inline-block text-secondary">Claim Your 7 Homebuyer Strategies</router-link>
              <router-link to="/privacy" class="nav-link d-inline-block text-secondary">Privacy Policy</router-link>
              <router-link to="/mobile-terms-of-service" class="nav-link d-inline-block text-secondary">Mobile Terms of Service</router-link>
            </div>
          </div>
          <div class="jenSection">
<!--            <ul>-->
<!--              <li>-->
<!--                HomeValue.com is powered by LPT Realty-->
<!--              </li>-->
<!--              <li>-->
<!--                Jennifer Draper, Broker-->
<!--              </li>-->
<!--              <li>-->
<!--                <a href="tel:+18773662213" class="nav-link">(877) 366-2213</a>-->
<!--              </li>-->
<!--            </ul>-->
          </div>
        </div>
        <div class="footerDisc">
          <p>HomeValue.com is powered by LPT Realty. LPT Realty is a licensed real estate brokerage. LPT Realty, 1400 S. International Parkway, Suite 1020, Lake Mary, FL 32746.</p>
          <a href="tel:+18446382850">(844) 638-2850</a>
        </div>
      </div>
    </div>
  </div>
</div>
</div>` ,
}
app.component('navigation-footer', objNavigationFooter); const objNavigationHeader = { template: `<div class="template-navigation-header" style="display:contents;">
<!--  <nav class="navbar navbar-expand-lg bg-light">-->
<!--    <div class="container-fluid">-->
<!--      <a class="navbar-brand" href="#">-->
<!--        <img src="https://s3.amazonaws.com/listedassets/homevalue/HomeValue_NotPwrdby_Logos_Blue.svg" alt="" width="500" height="75">-->
<!--      </a>-->
<!--      <div class="collapse navbar-collapse navigation" id="navbarSupportedContent">-->
<!--        <ul class="navbar-nav mb-2 mb-lg-0 centerNav">-->
<!--          <li class="nav-item">-->
<!--            <a class="nav-link telephone text-primary" href="tel:8558824580"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone-fill phoneIcon" viewBox="0 0 16 16">-->
<!--              <path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"/>-->
<!--            </svg>855 882 4580</a>-->
<!--          </li>-->
<!--          <li class="nav-item">-->
<!--            |-->
<!--          </li>-->
<!--          <li class="nav-item dropdown">-->
<!--            <a class="nav-link dropdown-toggle text-primary" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">-->
<!--              HomeValue.com Resources-->
<!--            </a>-->
<!--            <ul class="dropdown-menu">-->
<!--              <li><router-link to="/about" class="dropdown-item text-primary">About HomeValue.com</router-link></li>-->
<!--              <li><router-link to="/marketing-plan" class="dropdown-item text-primary">Learn About HomeValue Marketing</router-link></li>-->
<!--              <li><router-link to="/online-estimate-vs-homevalue-consultation" class="dropdown-item text-primary">Online Estimate vs HomeValue Consultation</router-link></li>-->
<!--              <li><router-link to="/whats-your-home-worth" class="dropdown-item text-primary">Why Request a HomeValue Consultation</router-link></li>-->
<!--              <li><router-link to="/tv-commercials" class="dropdown-item text-primary">HomeValue TV Commercials</router-link></li>-->
<!--            </ul>-->
<!--          </li>-->
<!--        </ul>-->
<!--      </div>-->



<!--    </div>-->
<!--  </nav>-->

  <nav class="navbar navbar-light raleway" :class="$root.showMobile ? {'bg-light':false,'shadow':false,'fixed-top':false} : {'bg-light':true,'shadow':true,'fixed-top':true}" role="navigation">
    <div id="top-nav-container" class="container-lg">
        <a class="navbar-brand" @click="$router.push('/')" style="cursor:pointer;">
          <img src="https://s3.amazonaws.com/listedassets/homevalue/HomeValue_NotPwrdby_Logos_Blue.svg" alt="Listing Power Tools" class="img-fluid logo">
        </a>
      <div class="navBarRight">
<!--        <a class="nav-link telephone" href="tel:8558824580"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone-fill phoneIcon" viewBox="0 0 16 16">-->
<!--          <path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"/>-->
<!--        </svg>855 882 4580</a>-->
        <div class="header__phone"><a href="tel:+18446382850">(844) 638-2850</a></div>
        <button id="top-navbar-hamburger" class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#top-navbar-collapse" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
          <span class="toggler-icon top-bar"></span>
          <span class="toggler-icon middle-bar"></span>
          <span class="toggler-icon bottom-bar"></span>
        </button>
        <div class="collapse navbar-collapse py-lg-0 shadow bg-light customNav" id="top-navbar-collapse">
          <div class="container-lg">
            <ul class="navbar-nav">
              <div class="d-flex flex-column">
                <div class="dropDownContainer">
                  <li><router-link to="/about" class="dropdown-item ">About HomeValue.com</router-link></li>
                  <li><router-link to="/marketing-plan" class="dropdown-item ">Learn About HomeValue.com Marketing</router-link></li>
                  <li><router-link to="/online-estimate-vs-homevalue-consultation" class="dropdown-item ">Online Estimate vs HomeValue.com Consultation</router-link></li>
                  <li><router-link to="/whats-your-home-worth" class="dropdown-item ">Why Request a HomeValue.com Consultation</router-link></li>
                  <li><router-link to="/tv-commercials" class="dropdown-item ">HomeValue.com TV Commercials</router-link></li>
                  <li><router-link to="/active-marketing-plan" class="dropdown-item ">Claim Your Active Marketing Plan</router-link></li>
                  <li><router-link to="/9-critical-questions" class="dropdown-item ">Claim Your 9 Critical Questions to Ask</router-link></li>
                  <li><router-link to="/7-homebuyer-strategies" class="dropdown-item ">Claim Your 7 Homebuyer Strategies</router-link></li>
                  <!-- <li><router-link to="/search" class="dropdown-item ">Search Homes</router-link></li> -->
                </div>
              </div>
            </ul>
          </div>
        </div>
      </div>

    </div>
  </nav>
</div>` ,
}
app.component('navigation-header', objNavigationHeader);