{"id":14,"date":"2023-08-31T17:31:18","date_gmt":"2023-08-31T17:31:18","guid":{"rendered":"https:\/\/hannacre.com\/locations\/pennsylvania\/lehigh-valley\/?page_id=14"},"modified":"2023-08-31T17:31:18","modified_gmt":"2023-08-31T17:31:18","slug":"search-properties","status":"publish","type":"page","link":"https:\/\/hannacre.com\/locations\/pennsylvania\/lehigh-valley\/search-properties\/","title":{"rendered":"Search Properties"},"content":{"rendered":"\n<!-- Command Post - Marquee Block -->\n<section id=\"cp-block-663d1c0c00230\" class=\"cp-block cp-block-marquee text-color-light text-align-center bg-type-image padding-top-2 padding-bottom-2\" style=\"background: transparent; --cp-block-blur: 0px; \">\n\n         <div class=\"cp-block-bg\">\n         <img src=\"https:\/\/hannacre.com\/locations\/pennsylvania\/lehigh-valley\/wp-content\/uploads\/sites\/12\/2023\/08\/lehigh-valley-2.jpg\" alt=\"a river with buildings on the edge and a city skyline in the bancjground\" \/>\n      <\/div>\n   \n   \n         <div class=\"cp-block-overlay\" style=\"opacity: 0.75; background: rgba(0, 0, 0, 1); \"><\/div>\n   \n   <div class=\"cp-block-wrapper\">\n      <div class=\"cp-block-content\">\n         <div class=\"container\">\n            <div class=\"row align-items-center\">\n               <div class=\"col-lg\" data-animation=\"fadeIn\">\n\n                                       <header class=\"cp-block-header\">\n                        <h2 class=\"cp-block-headline\">Search Properties<\/h2><h3 class=\"cp-block-subheadline\"><\/h3>                     <\/header>\n                  \n                  \n               <\/div>\n\n               <div class=\"col-lg-auto\">\n\n                  \n               <\/div>\n            <\/div>\n         <\/div>\n      <\/div>\n   <\/div>\n\n<\/section>\n<!-- End Command Post - Marquee Block -->\n\n<!-- Command Post - One-Column Image Block -->\n<section id=\"cp-block-663d1c0c0034a\" class=\"cp-block cp-block-breadcrumbs text-color-1 text-align-1 bg-type-color\" style=\"background-color: transparent; background-image: url(); \">\n\n   \n   \n   <div class=\"cp-block-wrapper\">\n      <div class=\"cp-block-content\">\n         <div class=\"container\">\n\n            <ol class=\"breadcrumbs\"><li class=\"breadcrumbs-item\"><a href=\"https:\/\/hannacre.com\/locations\/pennsylvania\/lehigh-valley\" class=\"breadcrumbs-link\">Home<\/a><\/li><li class=\"breadcrumbs-item active\">Search Properties<\/li><\/ol>\n         <\/div>\n      <\/div>\n   <\/div>\n\n<\/section>\n<!-- End Command Post - One-Colum Image Block --><script>\nconst hannaCREAjaxURL = \"https:\/\/hannacre.com\/locations\/pennsylvania\/lehigh-valley\/wp-admin\/admin-ajax.php\";\n<\/script>\n\n<div x-data=\"hannaCREPRoperties\" class=\"cp-block-property-search__container\" x-init=\"init\"> \n    <div class=\"container\">\n        <form method=\"GET\" action=\"https:\/\/hannacre.com\/locations\/pennsylvania\/lehigh-valley\/search-properties\" \n    class=\"search-form\" @submit.prevent=\"filterAction()\">\n    <div class=\"row gy-3 align-items-end\">\n        <div class=\"col-lg\">\n            <label class=\"search-form-label\"><i class=\"fa-regular fa-billboard\"><\/i> Sale Type<\/label>\n            <div class=\"cp-form-field\">\n            <select name=\"sale_type\" id=\"saleType\" x-model=\"filters.sale_type\">\n                <option value=\"\" selected>-All Types-<\/option>\n                <option value=\"sale\">For Sale<\/option>\n                <option value=\"lease\">For Lease<\/option>\n            <\/select>\n            <\/div>\n        <\/div>\n\n        <div class=\"col-lg\">\n            <label class=\"search-form-label\"><i class=\"fa-regular fa-building\"><\/i> Property Type<\/label>\n            <div class=\"cp-form-field\">\n            <select name=\"property_type\" id=\"propertyType\" x-model=\"filters.property_type\">\n                <option value=\"\" selected>-All Types-<\/option>\n                <option value=\"office\">Office<\/option>\n                <option value=\"retail\">Retail<\/option>\n                <option value=\"industrial\">Industrial<\/option>\n                <option value=\"land\">Land<\/option>\n                <option value=\"multi-family\">Multifamily<\/option>\n            <\/select>\n            <\/div>\n        <\/div>\n\n                                <div class=\"col-lg\">\n            <label class=\"search-form-label\"><i class=\"fa-regular fa-location-dot\"><\/i> Location<\/label>\n            <div class=\"cp-form-field\">\n                <select name=\"location\" id=\"location\" x-model=\"filters.location\">\n                    <option value=\"\" selected>-All Locations-<\/option>\n                                            <option value=\"Allentown, PA\">\n                            Allentown, PA                        <\/option>\n                                            <option value=\"Bethlehem, PA\">\n                            Bethlehem, PA                        <\/option>\n                                            <option value=\"Coplay, PA\">\n                            Coplay, PA                        <\/option>\n                                            <option value=\"Easton, PA\">\n                            Easton, PA                        <\/option>\n                                            <option value=\"Emmaus, PA\">\n                            Emmaus, PA                        <\/option>\n                                            <option value=\"Fogelsville, PA\">\n                            Fogelsville, PA                        <\/option>\n                                            <option value=\"Hazleton, PA\">\n                            Hazleton, PA                        <\/option>\n                                            <option value=\"Kutztown, PA\">\n                            Kutztown, PA                        <\/option>\n                                            <option value=\"Laurys Station, PA\">\n                            Laurys Station, PA                        <\/option>\n                                            <option value=\"Lehighton, PA\">\n                            Lehighton, PA                        <\/option>\n                                            <option value=\"Macungie, PA\">\n                            Macungie, PA                        <\/option>\n                                            <option value=\"Orefield, PA\">\n                            Orefield, PA                        <\/option>\n                                            <option value=\"Pen Argyl, PA\">\n                            Pen Argyl, PA                        <\/option>\n                                            <option value=\"Reading, PA\">\n                            Reading, PA                        <\/option>\n                                            <option value=\"Schnecksville, PA\">\n                            Schnecksville, PA                        <\/option>\n                                            <option value=\"Stroudsburg, PA\">\n                            Stroudsburg, PA                        <\/option>\n                                            <option value=\"Walnutport, PA\">\n                            Walnutport, PA                        <\/option>\n                                            <option value=\"Whitehall, PA\">\n                            Whitehall, PA                        <\/option>\n                                            <option value=\"Wind Gap, PA\">\n                            Wind Gap, PA                        <\/option>\n                                    <\/select>\n            <\/div>\n            <\/div>\n        \n        <div class=\"col-lg\">\n            <label class=\"search-form-label\"><i class=\"fa-regular fa-magnifying-glass\"><\/i> Keyword<\/label>\n            <div class=\"cp-form-field\">\n            <input type=\"search\" name=\"keyword\" id=\"keyword\" placeholder=\"Search By Keyword\" x-model=\"filters.keyword\" \/>\n            <\/div>\n        <\/div>\n\n        <div class=\"col-lg\">\n            <label class=\"search-form-label\"><i class=\"fa-regular fa-billboard\"><\/i> Building SQFT<\/label>\n            <div class=\"cp-form-field\">\n                <div class=\"row\">\n                    <div class=\"col-lg\">\n                        <input type=\"number\" name=\"minsqft\" placeholder=\"Min\" x-model=\"filters.minsqft\" min=\"0\" \/>\n                    <\/div>\n                    <div class=\"col-lg\">\n                        <input type=\"number\" name=\"maxsqft\" placeholder=\"Max\" \n                            min=\"1\" x-model=\"filters.maxsqft\" \/>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"col-lg-auto\">\n            <button type=\"submit\" class=\"btn btn-primary\" \n                x-bind:disabled=\"loading\">Search<\/button>\n        <\/div>\n    <\/div>\n<\/form>    <\/div>\n    \n    <div class=\"cp-block-property-search cp-block-property-list cp-block cp-block-property-list text-color-dark text-align-left bg-type-color padding-top-2 padding-bottom-2\" style=\"background: rgba(237, 234, 230, 1); --cp-block-blur: 0px; \">\n        <div class=\"container\">\n            <div class=\"cp-block-property-search__chips\" x-show=\"currentFilters.length > 0\">\n                <template x-for=\"filter in currentFilters\" :key=\"filter.key\">\n                    <span class=\"chip\">\n                        <template x-if=\"filter.key=='minsqft'\">\n                            <span>Min SQFT:<\/span>\n                        <\/template>\n                        <template x-if=\"filter.key=='maxsqft'\">\n                            <span>Max SQFT:<\/span>\n                        <\/template>\n                        <span x-text=\"filter.value\"><\/span>\n                        <button @click=\"removeFilter($event, filter.key)\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>\n                    <\/span>\n                <\/template>\n            <\/div>\n\n            <div class=\"loading-svg\" x-show=\"loading\">\n                <svg width=\"120\" height=\"30\" viewBox=\"0 0 120 30\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#006937\"><circle cx=\"15\" cy=\"15\" r=\"15\"><animate attributeName=\"r\" from=\"15\" to=\"15\" begin=\"0s\" dur=\"0.8s\" values=\"15;9;15\" calcMode=\"linear\" repeatCount=\"indefinite\"\/><animate attributeName=\"fill-opacity\" from=\"1\" to=\"1\" begin=\"0s\" dur=\"0.8s\" values=\"1;.5;1\" calcMode=\"linear\" repeatCount=\"indefinite\"\/><\/circle><circle cx=\"60\" cy=\"15\" r=\"9\" fill-opacity=\"0.3\"><animate attributeName=\"r\" from=\"9\" to=\"9\" begin=\"0s\" dur=\"0.8s\" values=\"9;15;9\" calcMode=\"linear\" repeatCount=\"indefinite\"\/><animate attributeName=\"fill-opacity\" from=\"0.5\" to=\"0.5\" begin=\"0s\" dur=\"0.8s\" values=\".5;1;.5\" calcMode=\"linear\" repeatCount=\"indefinite\"\/><\/circle><circle cx=\"105\" cy=\"15\" r=\"15\"><animate attributeName=\"r\" from=\"15\" to=\"15\" begin=\"0s\" dur=\"0.8s\" values=\"15;9;15\" calcMode=\"linear\" repeatCount=\"indefinite\"\/><animate attributeName=\"fill-opacity\" from=\"1\" to=\"1\" begin=\"0s\" dur=\"0.8s\" values=\"1;.5;1\" calcMode=\"linear\" repeatCount=\"indefinite\"\/><\/circle><\/svg>\n            <\/div>\n             \n            <div class=\"map-info-container\" x-show=\"propertyList.length > 0\">\n                <div>\n                    <img src=\"https:\/\/hannacre.com\/locations\/pennsylvania\/lehigh-valley\/wp-content\/themes\/hanna-cre\/blocks\/property-search\/map-pins\/retail_icon.png\" \/>\n                    <span>Retail<\/span>\n                <\/div>\n                <!-- <div>\n                    <img src=\"https:\/\/hannacre.com\/locations\/pennsylvania\/lehigh-valley\/wp-content\/themes\/hanna-cre\/blocks\/property-search\/map-pins\/investment_icon.png\" \/>\n                    <span>Investment<\/span>\n                <\/div> -->\n                <div>\n                    <img src=\"https:\/\/hannacre.com\/locations\/pennsylvania\/lehigh-valley\/wp-content\/themes\/hanna-cre\/blocks\/property-search\/map-pins\/land_icon.png\" \/>\n                    <span>Land \/ Other<\/span>\n                <\/div>\n                <div>\n                    <img src=\"https:\/\/hannacre.com\/locations\/pennsylvania\/lehigh-valley\/wp-content\/themes\/hanna-cre\/blocks\/property-search\/map-pins\/industrial_icon.png\" \/>\n                    <span>Industrial<\/span>\n                <\/div>\n                <div>\n                    <img src=\"https:\/\/hannacre.com\/locations\/pennsylvania\/lehigh-valley\/wp-content\/themes\/hanna-cre\/blocks\/property-search\/map-pins\/office_icon.png\" \/>\n                    <span>Office<\/span>\n                <\/div>\n                <div>\n                    <img src=\"https:\/\/hannacre.com\/locations\/pennsylvania\/lehigh-valley\/wp-content\/themes\/hanna-cre\/blocks\/property-search\/map-pins\/other_icon.png\" \/>\n                    <span>Other<\/span>\n                <\/div>\n            <\/div>\n\n            <div id=\"map\" x-show=\"propertyList.length > 0\"><\/div>\n\n            <div x-show=\"propertyList.length==0\" class=\"cp-block-property-search__no-results\">Based on your search, no properties were found.<\/div>\n\n            <div class=\"cp-block-property-search__grid\" :class=\"loading ? 'cp-block-property-search__grid-loading' : ''\">\n                <template x-for=\"(property) in propertyList\" :key=\"property.id\">\n                    <div class=\"cp-block-property-search__card\">\n                        <a x-bind:href=\"property.permalink\" class=\"property-link\" tabindex=\"-1\">\n                            <header class=\"property-header\" \n                                x-bind:style=\"`background-image:url(${property.featured_image})`\">\n                                <a x-bind:href=\"property.permalink\" class=\"property-link\" tabindex=\"-1\"><\/a>\n                            <\/header>\n\n                            <main class=\"property-content\">\n                                <h3 class=\"property-title\">\n                                    <a x-bind:href=\"property.permalink\" \n                                        tabindex=\"-1\" \n                                        x-text=\"property.address\"><\/a>\n                                <\/h3>\n\n                                <h5 class=\"property-subtitle\"\n                                    x-show=\"property.sale_type=='For Sale'\">\n                                    <span x-show=\"property.price.length > 0\">\n                                        <span x-text=\"property.price\"><\/span>\n                                    <\/span>\n                                    <span x-show=\"property.price.length == 0\" style=\"text-transform:initial\">\n                                        Call for Price\n                                    <\/span>\n                                <\/h5>\n\n                                <h5 class=\"property-subtitle\"\n                                    x-show=\"property.sale_type=='For Lease'\">\n                                    <span x-show=\"property.lease_rate > 0\">\n                                        $<span x-text=\"Number(property.lease_rate).toFixed(2)\"><\/span> sqft\/year\n                                    <\/span>\n                                    <span x-show=\"property.lease_rate==0\" style=\"text-transform:initial\">\n                                        Contact Broker for Rates\n                                    <\/span>\n                                <\/h5>\n\n                                \n                                <ul class=\"property-metadata\">\n                                    <li x-show=\"property.selling_type.length > 0\"><i class=\"fa-regular fa-fw fa-billboard\"><\/i> <span x-text=\"property.selling_type\"><\/span>\n                                    <\/li>\n                                    <li><i class=\"fa-regular fa-fw fa-building\"><\/i> <span x-text=\"property.structure_type\"><\/span><\/li>\n                                    <li><i class=\"fa-regular fa-fw fa-location-dot\"><\/i> <span x-text=\"property.location\"><\/span><\/li>\n                                <\/ul>\n                            <\/main>\n\n                            <footer class=\"property-footer\">\n                                <a x-bind:href=\"property.permalink\" class=\"property-button\" tabindex=\"-1\"><i class=\"fa-regular fa-chevron-right\"><\/i><\/a>\n                            <\/footer>\n                        <\/a>\n                    <\/div>\n                <\/template>\n            <\/div>\n\n            <div class=\"cp-block-property-search__pagination\">\n                <ul>\n                    <template x-for=\"page in pagination\">\n                        <li x-html=\"page\"><\/li>\n                    <\/template>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script type=\"text\/javascript\">\n    var officeLat = 40.6101897;\n    var officeLng = -75.538493;\n    var mapIcons = {\n        'industrial' : 'https:\/\/hannacre.com\/locations\/pennsylvania\/lehigh-valley\/wp-content\/themes\/hanna-cre\/blocks\/property-search\/map-pins\/industrial_icon.png',\n        \/\/'investment' : '\/blocks\/property-search\/map-pins\/investment_icon.png',\n        'land' : 'https:\/\/hannacre.com\/locations\/pennsylvania\/lehigh-valley\/wp-content\/themes\/hanna-cre\/blocks\/property-search\/map-pins\/land_icon.png',\n        'office' : 'https:\/\/hannacre.com\/locations\/pennsylvania\/lehigh-valley\/wp-content\/themes\/hanna-cre\/blocks\/property-search\/map-pins\/office_icon.png',\n        'other' : 'https:\/\/hannacre.com\/locations\/pennsylvania\/lehigh-valley\/wp-content\/themes\/hanna-cre\/blocks\/property-search\/map-pins\/other_icon.png',\n        'retail' : 'https:\/\/hannacre.com\/locations\/pennsylvania\/lehigh-valley\/wp-content\/themes\/hanna-cre\/blocks\/property-search\/map-pins\/retail_icon.png',\n    };\n<\/script>\n<script src=\"https:\/\/hannacre.com\/locations\/pennsylvania\/lehigh-valley\/wp-content\/themes\/hanna-cre\/blocks\/property-search\/filter.js?v=1715280908\"><\/script>\n<script async defer src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyCq2K7pA4Sw8KuW-kAaxd8Lfs5BkacQeXM\"><\/script>","protected":false},"excerpt":{"rendered":"<p>Search Properties HomeSearch Properties Sale Type -All Types- For Sale For Lease Property Type -All Types- Office Retail Industrial Land Multifamily Location -All Locations- Allentown, PA Bethlehem, PA Coplay, PA Easton, PA Emmaus, PA Fogelsville, PA Hazleton, PA Kutztown, PA Laurys Station, PA Lehighton, PA Macungie, PA Orefield, PA Pen Argyl, PA Reading, PA Schnecksville, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"ngg_post_thumbnail":0,"footnotes":""},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/hannacre.com\/locations\/pennsylvania\/lehigh-valley\/wp-json\/wp\/v2\/pages\/14"}],"collection":[{"href":"https:\/\/hannacre.com\/locations\/pennsylvania\/lehigh-valley\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hannacre.com\/locations\/pennsylvania\/lehigh-valley\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hannacre.com\/locations\/pennsylvania\/lehigh-valley\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hannacre.com\/locations\/pennsylvania\/lehigh-valley\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":1,"href":"https:\/\/hannacre.com\/locations\/pennsylvania\/lehigh-valley\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/hannacre.com\/locations\/pennsylvania\/lehigh-valley\/wp-json\/wp\/v2\/pages\/14\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/hannacre.com\/locations\/pennsylvania\/lehigh-valley\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}