{"id":4284,"date":"2018-11-12T11:50:12","date_gmt":"2018-11-12T11:50:12","guid":{"rendered":"https:\/\/demo.themeisle.com\/hestia-default\/hestia-front\/"},"modified":"2025-12-04T08:58:14","modified_gmt":"2025-12-04T13:58:14","slug":"065c0-hestia-front","status":"publish","type":"page","link":"https:\/\/pretected.com\/articles\/","title":{"rendered":"Front Page"},"content":{"rendered":"\n<!-- Inline CTA: ZIP to rates -->\n<div class=\"inline-zip-cta\">\n  <div class=\"inline-zip-cta__trust-badge\">\n    <svg class=\"inline-zip-cta__shield\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n      <path d=\"M12 2L4 6v6c0 5.5 3.8 10.7 8 12 4.2-1.3 8-6.5 8-12V6l-8-4z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n      <path d=\"M9 12l2 2 4-4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n    <\/svg>\n    <span>Trusted by 10M+ Drivers<\/span>\n  <\/div>\n  \n  <div class=\"inline-zip-cta__header\">\n    <strong>Enter your ZIP code<\/strong> to compare your different options and stop overpaying!\n  <\/div>\n  \n  <p class=\"inline-zip-cta__text\">\n    Insurance rates change constantly. Find out if you&#8217;re eligible for lower premiums from leading providers.\n  <\/p>\n  \n  <form class=\"inline-zip-cta__form\" action=\"https:\/\/l.pretected.com\/get-car-insurance?nozip=1\" method=\"get\" novalidate>\n    <label class=\"sr-only\" for=\"zip-inline\">Zip Code<\/label>\n    <input\n      id=\"zip-inline\"\n      name=\"zip\"\n      class=\"inline-zip-cta__input\"\n      type=\"text\"\n      inputmode=\"numeric\"\n      autocomplete=\"postal-code\"\n      placeholder=\"Enter ZIP Code\"\n      pattern=\"^\\d{5}$\"\n      title=\"Enter a 5-digit ZIP code\"\n      required\n    \/>\n    <button class=\"inline-zip-cta__button\" type=\"submit\">\n      GET RATES\n      <svg class=\"inline-zip-cta__icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M13.5 5l7 7-7 7M3.5 12h16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n      <\/svg>\n    <\/button>\n  <\/form>\n  \n  <div class=\"inline-zip-cta__trust-line\">\n    <span class=\"inline-zip-cta__trust-item\">\n      <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n        <circle cx=\"10\" cy=\"10\" r=\"9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n        <path d=\"M6 10l3 3 5-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n      <\/svg>\n      100% Free\n    <\/span>\n    <span class=\"inline-zip-cta__trust-item\">\n      <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n        <circle cx=\"10\" cy=\"10\" r=\"9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n        <path d=\"M6 10l3 3 5-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n      <\/svg>\n      No Obligation\n    <\/span>\n    <span class=\"inline-zip-cta__trust-item\">\n      <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n        <circle cx=\"10\" cy=\"10\" r=\"9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n        <path d=\"M6 10l3 3 5-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n      <\/svg>\n      Secure &#038; Private\n    <\/span>\n  <\/div>\n  \n  <!-- Insurance Logos Section -->\n  <div class=\"inline-zip-cta__logos\">\n    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pretected.com\/articles\/wp-content\/uploads\/2025\/11\/Liberty-Mutual.png\" alt=\"Liberty Mutual\" class=\"inline-zip-cta__logo\" width=\"175\" height=\"46\">\n    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pretected.com\/articles\/wp-content\/uploads\/2025\/11\/Progressive.png\" alt=\"Progressive\" class=\"inline-zip-cta__logo\" width=\"108\" height=\"32\">\n    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pretected.com\/articles\/wp-content\/uploads\/2025\/11\/The-Hartford.png\" alt=\"The Hartford\" class=\"inline-zip-cta__logo\" width=\"175\" height=\"45\">\n    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pretected.com\/articles\/wp-content\/uploads\/2025\/11\/Direct-Auto-Insurance.png\" alt=\"Direct Auto Insurance\" class=\"inline-zip-cta__logo\" width=\"77\" height=\"49\">\n    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pretected.com\/articles\/wp-content\/uploads\/2025\/11\/Kemper.png\" alt=\"Kemper\" class=\"inline-zip-cta__logo\" width=\"123\" height=\"49\">\n  <\/div>\n<\/div>\n\n<style>\n  .inline-zip-cta {\n    background: rgba(255, 255, 255, 0.1) !important;\n    backdrop-filter: blur(20px) !important;\n    -webkit-backdrop-filter: blur(20px) !important;\n    border: 1px solid rgba(255, 255, 255, 0.2) !important;\n    border-radius: 20px !important;\n    padding: 24px !important;\n    margin: 0 !important;  \/* Default: no margin on mobile *\/\n    box-sizing: border-box !important;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), \n                inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;\n  }\n  \n  \/* Apply negative top margin only on desktop *\/\n  @media (min-width: 641px) {\n    .inline-zip-cta {\n      margin: -35px 0 0 0 !important;  \/* top right bottom left *\/\n    }\n  }\n  \n  .inline-zip-cta__trust-badge {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 8px !important;\n    padding: 6px 14px !important;\n    margin: 0 0 16px 0 !important;\n    background: rgba(59, 130, 246, 0.15) !important;\n    border: 1px solid rgba(59, 130, 246, 0.3) !important;\n    backdrop-filter: blur(20px) !important;\n    -webkit-backdrop-filter: blur(20px) !important;\n    border-radius: 20px !important;\n    color: #ffffff !important;\n    font-size: 13px !important;\n    font-weight: 600 !important;\n    letter-spacing: 0.3px !important;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), \n                inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;\n  }\n  \n  .inline-zip-cta__shield {\n    width: 16px !important;\n    height: 16px !important;\n    color: #ffffff !important;\n    flex-shrink: 0 !important;\n  }\n  \n  .inline-zip-cta__header {\n    margin: 0 0 8px 0 !important;\n    padding: 0 !important;\n    color: #ffffff !important;\n    font-size: 20px !important;\n    line-height: 1.4 !important;\n    font-weight: 400 !important;\n    text-align: left !important;\n  }\n  \n  .inline-zip-cta__header strong {\n    color: #ffffff !important;\n    font-weight: 700 !important;\n    text-shadow: 0 0 20px rgba(110, 192, 77, 0.3) !important;\n  }\n  \n  .inline-zip-cta__text {\n    margin: 0 0 20px 0 !important;\n    padding: 0 !important;\n    color: rgba(255, 255, 255, 0.85) !important;\n    font-size: 15px !important;\n    line-height: 1.5 !important;\n    font-weight: 400 !important;\n    text-align: left !important;\n  }\n  \n  .inline-zip-cta__form {\n    position: relative !important;\n    display: block !important;\n    margin: 0 0 16px 0 !important;\n    padding: 0 !important;\n  }\n  \n  .inline-zip-cta__input {\n    width: 100% !important;\n    height: 60px !important;\n    padding: 0 140px 0 24px !important;\n    font-size: 17px !important;\n    line-height: 1.4 !important;\n    border: 1px solid rgba(255, 255, 255, 0.25) !important;\n    border-radius: 12px !important;\n    background: rgba(255, 255, 255, 0.95) !important;\n    backdrop-filter: blur(10px) !important;\n    -webkit-backdrop-filter: blur(10px) !important;\n    outline: none !important;\n    transition: all 0.3s ease !important;\n    box-sizing: border-box !important;\n    color: #1a1a1a !important;\n    font-weight: 500 !important;\n    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05) !important;\n  }\n  \n  .inline-zip-cta__input:focus {\n    border-color: #ffffff !important;\n    background: rgba(255, 255, 255, 1) !important;\n    box-shadow: 0 0 0 3px rgba(110, 192, 77, 0.15), \n                inset 0 2px 4px rgba(0, 0, 0, 0.05) !important;\n  }\n  \n  .inline-zip-cta__input::placeholder {\n    color: #999 !important;\n    opacity: 1 !important;\n  }\n  \n  .inline-zip-cta__button {\n    position: absolute !important;\n    right: 6px !important;\n    top: 50% !important;\n    transform: translateY(-50%) !important;\n    display: inline-flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n    gap: 8px !important;\n    padding: 0 26px !important;\n    height: 48px !important;\n    margin: 0 !important;\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    line-height: 1 !important;\n    letter-spacing: 0.5px !important;\n    border: none !important;\n    border-radius: 10px !important;\n    background: linear-gradient(135deg, #6ec04d 0%, #5fb03d 100%) !important;\n    color: #fff !important;\n    cursor: pointer !important;\n    white-space: nowrap !important;\n    box-shadow: 0 4px 12px rgba(110, 192, 77, 0.4), \n                inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;\n    transition: all 0.3s ease !important;\n    box-sizing: border-box !important;\n    text-decoration: none !important;\n  }\n  \n  .inline-zip-cta__button:hover { \n    transform: translateY(-50%) scale(1.02) !important;\n    box-shadow: 0 6px 16px rgba(110, 192, 77, 0.5), \n                inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;\n    background: linear-gradient(135deg, #7dd15d 0%, #6ec04d 100%) !important;\n  }\n  \n  .inline-zip-cta__button:active { \n    transform: translateY(-50%) scale(0.98) !important;\n    box-shadow: 0 2px 8px rgba(110, 192, 77, 0.3) !important;\n  }\n  \n  .inline-zip-cta__icon { \n    width: 20px !important; \n    height: 20px !important;\n    flex-shrink: 0 !important;\n  }\n  \n  .inline-zip-cta__trust-line {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    gap: 16px !important;\n    margin: 0 0 20px 0 !important;\n    padding: 0 !important;\n  }\n  \n  .inline-zip-cta__trust-item {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 6px !important;\n    color: rgba(255, 255, 255, 0.9) !important;\n    font-size: 13px !important;\n    font-weight: 500 !important;\n    line-height: 1 !important;\n  }\n  \n  .inline-zip-cta__trust-item svg {\n    width: 16px !important;\n    height: 16px !important;\n    color: #ffffff !important;\n    flex-shrink: 0 !important;\n  }\n  \n  \/* Insurance Logos Section *\/\n  .inline-zip-cta__logos {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 30px !important;\n    padding: 16px 0 0 0 !important;\n    margin: 0 !important;\n    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;\n  }\n  \n  .inline-zip-cta__logo {\n    height: 32px !important;\n    width: auto !important;\n    max-width: 120px !important;\n    object-fit: contain !important;\n    opacity: 0.9 !important;\n    transition: opacity 0.3s ease !important;\n    filter: brightness(0) invert(1) !important;\n  }\n  \n  .inline-zip-cta__logo:hover {\n    opacity: 1 !important;\n  }\n  \n  .sr-only {\n    position: absolute !important;\n    width: 1px !important; \n    height: 1px !important;\n    padding: 0 !important; \n    margin: -1px !important; \n    overflow: hidden !important;\n    clip: rect(0,0,0,0) !important; \n    white-space: nowrap !important; \n    border: 0 !important;\n  }\n  \n  @media (max-width: 640px) {\n    .inline-zip-cta {\n      padding: 20px !important;\n    }\n    \n    .inline-zip-cta__header {\n      font-size: 18px !important;\n    }\n    \n    .inline-zip-cta__input {\n      padding-right: 20px !important;\n      margin-bottom: 12px !important;\n    }\n    \n    .inline-zip-cta__button {\n      position: static !important;\n      transform: none !important;\n      width: 100% !important;\n      height: 52px !important;\n    }\n    \n    .inline-zip-cta__button:hover {\n      transform: scale(1.02) !important;\n    }\n    \n    .inline-zip-cta__button:active {\n      transform: scale(0.98) !important;\n    }\n    \n    .inline-zip-cta__trust-line {\n      gap: 12px !important;\n      justify-content: center !important;\n    }\n    \n    .inline-zip-cta__trust-item {\n      font-size: 12px !important;\n    }\n    \n    .inline-zip-cta__logos {\n      gap: 16px !important;\n    }\n    \n    .inline-zip-cta__logo {\n      height: 28px !important;\n      max-width: 100px !important;\n    }\n  }\n<\/style>\n\n<script>\n(function() {\n  \/\/ Wait for everything to load\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n  \n  function init() {\n    var form = document.querySelector('.inline-zip-cta__form');\n    if (!form) return;\n    \n    var zipInput = document.getElementById('zip-inline');\n    if (!zipInput) return;\n    \n    \/\/ Prefill zip from URL\n    try {\n      var urlParams = new URLSearchParams(window.location.search);\n      var urlZip = urlParams.get('zip');\n      if (urlZip && \/^\\d{5}$\/.test(urlZip) && !zipInput.value) {\n        zipInput.value = urlZip;\n      }\n    } catch(e) {}\n    \n    \/\/ Handle form submission\n    form.addEventListener('submit', function(e) {\n      e.preventDefault();\n      \n      try {\n        var currentParams = new URLSearchParams(window.location.search);\n        var actionUrl = new URL(form.action);\n        var zipValue = zipInput.value;\n        \n        \/\/ Preserve all existing URL parameters\n        for (var entry of currentParams.entries()) {\n          if (entry[0] !== 'zip') {\n            actionUrl.searchParams.set(entry[0], entry[1]);\n          }\n        }\n        \n        \/\/ Add the zip parameter\n        if (zipValue) {\n          actionUrl.searchParams.set('zip', zipValue);\n        }\n        \n        window.location.href = actionUrl.toString();\n      } catch(e) {\n        \/\/ Fallback to regular form submission\n        form.submit();\n      }\n    });\n  }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4284","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pretected.com\/articles\/wp-json\/wp\/v2\/pages\/4284","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pretected.com\/articles\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pretected.com\/articles\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pretected.com\/articles\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pretected.com\/articles\/wp-json\/wp\/v2\/comments?post=4284"}],"version-history":[{"count":1,"href":"https:\/\/pretected.com\/articles\/wp-json\/wp\/v2\/pages\/4284\/revisions"}],"predecessor-version":[{"id":6199,"href":"https:\/\/pretected.com\/articles\/wp-json\/wp\/v2\/pages\/4284\/revisions\/6199"}],"wp:attachment":[{"href":"https:\/\/pretected.com\/articles\/wp-json\/wp\/v2\/media?parent=4284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}