{"id":11,"date":"2017-07-13T05:03:00","date_gmt":"2017-07-13T05:03:00","guid":{"rendered":"http:\/\/agentrules.com\/?page_id=11"},"modified":"2026-03-24T15:46:58","modified_gmt":"2026-03-24T22:46:58","slug":"free-lead-generation-pages-for-realtors-from-agent-rules","status":"publish","type":"page","link":"https:\/\/agentrules.com\/","title":{"rendered":"Home Value Plugin Demo by Agent Rules"},"content":{"rendered":"<div class=\"avm-wrapper\" data-address=\"\" data-layout=\"dashboard\" style=\"--avm-brand:#c1392d\">\n    <!-- Search Form -->\n        <form class=\"avm-search\" id=\"avm-search-form\" autocomplete=\"off\">\n        <div class=\"avm-search__input-wrap\">\n            <svg class=\"avm-search__icon\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"M21 21l-4.35-4.35\"\/><\/svg>\n            <input type=\"text\"\n                   id=\"avm-address-input\"\n                   class=\"avm-search__input\"\n                   placeholder=\"Enter a property address\u2026\"\n                   value=\"\"\n                   required \/>\n        <\/div>\n        <button type=\"submit\" class=\"avm-search__btn bg\" id=\"avm-search-btn\">\n            <span class=\"avm-search__btn-text\">Get Estimate<\/span>\n            <span class=\"avm-search__btn-loading\" style=\"display:none;\">\n                <svg class=\"avm-spinner\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"3\" fill=\"none\" stroke-dasharray=\"31.4 31.4\" stroke-linecap=\"round\"\/><\/svg>\n            <\/span>\n        <\/button>\n    <\/form>\n    \n    <!-- Error message area -->\n    <div class=\"avm-error\" id=\"avm-error\" style=\"display:none;\" role=\"alert\"><\/div>\n\n    <!-- Lead capture gate (shown only when lead capture is enabled) -->\n    <div class=\"avm-lead-gate\" id=\"avm-lead-gate\" style=\"display:none;\">\n        <div class=\"avm-lead-gate__overlay\"><\/div>\n        <div class=\"avm-lead-gate__modal\">\n            <h3>Unlock Your Full Home Report<\/h3>\n            <p>Enter your information below to see the complete analysis.<\/p>\n            <form id=\"avm-lead-form\">\n                                <div class=\"avm-lead-gate__field-row\">\n                                        <div class=\"avm-lead-gate__field\">\n                        <input type=\"text\" name=\"lead_first_name\" placeholder=\"First Name\" required \/>\n                    <\/div>\n                                                            <div class=\"avm-lead-gate__field\">\n                        <input type=\"text\" name=\"lead_last_name\" placeholder=\"Last Name\" required \/>\n                    <\/div>\n                                    <\/div>\n                                                <div class=\"avm-lead-gate__field\">\n                    <input type=\"email\" name=\"lead_email\" placeholder=\"Email Address\" required \/>\n                <\/div>\n                                                <div class=\"avm-lead-gate__field\">\n                    <input type=\"tel\" name=\"lead_phone\" placeholder=\"Phone Number\" \/>\n                <\/div>\n                                <button type=\"submit\" class=\"avm-lead-gate__btn bg\">\n                    View Full Report                <\/button>\n            <\/form>\n        <\/div>\n    <\/div>\n\n    <!-- Results container (populated via JS) -->\n    <div class=\"avm-results\" id=\"avm-results\" style=\"display:none;\">\n\n        <!-- Property summary card -->\n        <div class=\"avm-card avm-property-summary bg\" id=\"avm-property-summary\"><\/div>\n\n        <!-- Value Estimate -->\n                <div class=\"avm-card avm-section\" id=\"avm-value-section\">\n            <h3 class=\"avm-card__title\">\n                <svg class=\"color\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6\"\/><\/svg>\n                Estimated Value            <\/h3>\n            <div id=\"avm-value-content\"><\/div>\n        <\/div>\n        \n        <!-- Comparable Sales -->\n                <div class=\"avm-card avm-section\" id=\"avm-comps-section\">\n            <h3 class=\"avm-card__title\">\n                <svg class=\"color\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\n                Comparable Sales            <\/h3>\n            <div id=\"avm-comps-content\"><\/div>\n        <\/div>\n        \n        <!-- Price History -->\n                <div class=\"avm-card avm-section\" id=\"avm-history-section\">\n            <h3 class=\"avm-card__title\">\n                <svg class=\"color\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n                Price History            <\/h3>\n            <div id=\"avm-history-content\">\n                <canvas id=\"avm-price-chart\" height=\"280\"><\/canvas>\n            <\/div>\n        <\/div>\n        \n        <!-- Rental Estimate -->\n                <div class=\"avm-card avm-section\" id=\"avm-rental-section\">\n            <h3 class=\"avm-card__title\">\n                <svg class=\"color\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><path d=\"M16 7V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v2\"\/><\/svg>\n                Rental Estimate            <\/h3>\n            <div id=\"avm-rental-content\"><\/div>\n        <\/div>\n        \n        <!-- Mortgage Calculator -->\n                <div class=\"avm-card avm-section\" id=\"avm-mortgage-section\">\n            <h3 class=\"avm-card__title\">\n                <svg class=\"color\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"18\" rx=\"2\"\/><path d=\"M8 7h8M8 11h8M8 15h4\"\/><\/svg>\n                Mortgage Calculator            <\/h3>\n            <div id=\"avm-mortgage-content\">\n                <div class=\"avm-mortgage-form\">\n                    <div class=\"avm-mortgage-form__row\">\n                        <label>Home Price                            <input type=\"text\" id=\"avm-mort-price\" class=\"avm-mortgage-input\" value=\"\" readonly \/>\n                        <\/label>\n                        <label>Down Payment (%)                            <input type=\"number\" id=\"avm-mort-down\" class=\"avm-mortgage-input\" value=\"20\" min=\"0\" max=\"100\" step=\"1\" \/>\n                        <\/label>\n                    <\/div>\n                    <div class=\"avm-mortgage-form__row\">\n                        <label>Interest Rate (%)                            <input type=\"number\" id=\"avm-mort-rate\" class=\"avm-mortgage-input\" value=\"6.5\" min=\"0\" max=\"30\" step=\"0.125\" \/>\n                        <\/label>\n                        <label>Loan Term (years)                            <select id=\"avm-mort-term\" class=\"avm-mortgage-input\">\n                                <option value=\"30\">30 years<\/option>\n                                <option value=\"20\">20 years<\/option>\n                                <option value=\"15\">15 years<\/option>\n                                <option value=\"10\">10 years<\/option>\n                            <\/select>\n                        <\/label>\n                    <\/div>\n                    <div class=\"avm-mortgage-result\" id=\"avm-mortgage-result\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Market Insights -->\n                <div class=\"avm-card avm-section\" id=\"avm-insights-section\">\n            <h3 class=\"avm-card__title\">\n                <svg class=\"color\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 3v18h18\"\/><path d=\"M18 9l-5 5-2-2-4 4\"\/><\/svg>\n                Market Insights            <\/h3>\n            <div id=\"avm-insights-content\"><\/div>\n        <\/div>\n        \n        <!-- Airbnb Estimate -->\n                <div class=\"avm-card avm-section\" id=\"avm-airbnb-section\">\n            <h3 class=\"avm-card__title\">\n                <svg class=\"color\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n                Short-Term Rental Potential            <\/h3>\n            <div id=\"avm-airbnb-content\"><\/div>\n        <\/div>\n        \n        <!-- Map -->\n                <div class=\"avm-card avm-section\" id=\"avm-map-section\">\n            <h3 class=\"avm-card__title\">\n                <svg class=\"color\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n                Property Map            <\/h3>\n            <div id=\"avm-map\" class=\"avm-map-container\"><\/div>\n        <\/div>\n            <\/div><!-- .avm-results -->\n<\/div><!-- .avm-wrapper -->\n\n<p><small>*US Properties ONLY<\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>*US Properties ONLY<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"pages\/page-home.php","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/agentrules.com\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agentrules.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agentrules.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agentrules.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agentrules.com\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":9,"href":"https:\/\/agentrules.com\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":2375,"href":"https:\/\/agentrules.com\/wp-json\/wp\/v2\/pages\/11\/revisions\/2375"}],"wp:attachment":[{"href":"https:\/\/agentrules.com\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}