{"id":13,"date":"2025-06-20T19:56:10","date_gmt":"2025-06-20T19:56:10","guid":{"rendered":"https:\/\/devtheme.net\/demo\/wp-plugins\/heliosave\/?page_id=13"},"modified":"2025-06-21T11:40:09","modified_gmt":"2025-06-21T11:40:09","slug":"home","status":"publish","type":"page","link":"https:\/\/devtheme.net\/demo\/wp-plugins\/heliosave\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35bee03 e-con-full e-flex e-con e-parent\" data-id=\"35bee03\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f0add0 elementor-widget elementor-widget-image\" data-id=\"5f0add0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/devtheme.net\/demo\/wp-plugins\/heliosave\/wp-content\/uploads\/2025\/06\/logo-helio-save-main.png\" class=\"attachment-large size-large wp-image-32\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a6c43c e-flex e-con-boxed e-con e-parent\" data-id=\"7a6c43c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-235bcc8 elementor-widget elementor-widget-ssc_solar_savings_calculator\" data-id=\"235bcc8\" data-element_type=\"widget\" data-widget_type=\"ssc_solar_savings_calculator.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.mode-selection-fieldset {\n    background: #f4faff !important;\n    border-color: #2196f3 !important;\n}\n.mode-selection-fieldset legend {\n    color: #1976d2 !important;\n}\n.mode-selection label {\n    color: #1976d2 !important;\n}\n.mode-selection input[type=\"radio\"]:checked {\n    accent-color: #1976d2 !important;\n}\n<\/style>\n<div class=\"container\">\n    <div class=\"card\">\n        <div class=\"card-header\">\n            <h1 class=\"card-title\">HelioSave Solar Savings Calculator<\/h1>\n            <p class=\"card-description\">\n                Choose your analysis type for a quick estimate or a detailed financial projection.            <\/p>\n        <\/div>\n        <div class=\"card-content\">\n            <fieldset class=\"mode-selection-fieldset\" style=\"background: #f4faff; border-color: #2196f3;\">\n                <legend style=\"color: #1976d2;\">\n                    Select Calculation Type                <\/legend>\n                <div class=\"mode-selection\">\n                    <label style=\"color: #1976d2;\">\n                        <input type=\"radio\" name=\"calculationMode\" value=\"basic\" checked>\n                        Basic Estimate                    <\/label>\n                    <label style=\"color: #1976d2;\">\n                        <input type=\"radio\" name=\"calculationMode\" value=\"advanced\">\n                        Advanced Analysis                    <\/label>\n                <\/div>\n            <\/fieldset>\n\n            <fieldset>\n                <legend>Your Current Situation<\/legend>\n                <div class=\"form-grid\">\n                    <div class=\"form-group\">\n                        <label for=\"monthlyBill\">\n                            Avg. Monthly Electricity Bill ($)                            <span class=\"tooltip\" data-tooltip=\"Your average spending on electricity per month.\">\u24d8<\/span>\n                        <\/label>\n                        <div class=\"input-with-icon\">\n                            <span class=\"input-icon\">$<\/span>\n                            <input type=\"number\" id=\"monthlyBill\" value=\"150\" placeholder=\"e.g., 150\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label for=\"electricityRate\">\n                            Electricity Rate (cents\/kWh)                            <span class=\"tooltip\" data-tooltip=\"The cost of one kilowatt-hour from your utility. Check your bill.\">\u24d8<\/span>\n                        <\/label>\n                        <div class=\"input-with-icon\">\n                            <span class=\"input-icon\">\u00a2<\/span>\n                            <input type=\"number\" id=\"electricityRate\" value=\"15\" placeholder=\"e.g., 15\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/fieldset>\n\n            <fieldset>\n                <legend>System &amp; Location Assumptions<\/legend>\n                <div class=\"form-grid\">\n                    <div class=\"form-group\">\n                        <label for=\"sunlightHours\">\n                            Avg. Daily Sunlight Hours                            <span class=\"tooltip\" data-tooltip=\"Peak sunlight hours per day for your location. Varies by season and geography.\">\u24d8<\/span>\n                        <\/label>\n                         <div class=\"input-with-icon\">\n                            <span class=\"input-icon\">\u2600\ufe0f<\/span>\n                            <input type=\"number\" id=\"sunlightHours\" value=\"5\" placeholder=\"e.g., 5\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label for=\"roofType\">Roof Type<\/label>\n                        <select id=\"roofType\">\n                            <option value=\"asphalt_shingle\">Asphalt Shingle<\/option>\n                            <option value=\"tile\">Tile<\/option>\n                            <option value=\"metal\">Metal<\/option>\n                            <option value=\"flat\">Flat<\/option>\n                            <option value=\"other\">Other<\/option>\n                        <\/select>\n                    <\/div>\n                <\/div>\n            <\/fieldset>\n\n            <div id=\"advanced-inputs-container\" style=\"display: none;\">\n                <fieldset>\n                    <legend>Financial Assumptions (Advanced)<\/legend>\n                    <div class=\"form-grid\">\n                        <div class=\"form-group\">\n                            <label for=\"federalTaxCredit\">\n                                Federal Solar Tax Credit (%)                                <span class=\"tooltip\" data-tooltip=\"Current federal incentive for solar installations. Consult a tax professional.\">\u24d8<\/span>\n                            <\/label>\n                            <div class=\"input-with-icon\">\n                                <span class=\"input-icon\">%<\/span>\n                                <input type=\"number\" id=\"federalTaxCredit\" value=\"30\" placeholder=\"e.g., 30\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label for=\"electricityInflationRate\">\n                                Annual Electricity Inflation (%)                                <span class=\"tooltip\" data-tooltip=\"Expected average annual increase in electricity prices.\">\u24d8<\/span>\n                            <\/label>\n                            <div class=\"input-with-icon\">\n                                <span class=\"input-icon\">%<\/span>\n                                <input type=\"number\" id=\"electricityInflationRate\" value=\"2.5\" placeholder=\"e.g., 2.5\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"form-group full-width-group\">\n                            <label for=\"desiredPaybackPeriod\">\n                                Desired Payback Period (years)                                <span class=\"tooltip\" data-tooltip=\"Your target timeframe to recoup the initial investment.\">\u24d8<\/span>\n                            <\/label>\n                            <div class=\"input-with-icon\">\n                                <span class=\"input-icon\">\ud83d\uddd3\ufe0f<\/span>\n                                <input type=\"number\" id=\"desiredPaybackPeriod\" value=\"10\" placeholder=\"e.g., 10\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/fieldset>\n            <\/div>\n\n            <div id=\"error-message\" class=\"error-message\" style=\"display: none;\"><\/div>\n            <div id=\"loading-indicator\" class=\"loading-indicator\" style=\"display: none;\">\n                <div class=\"spinner\"><\/div> <span id=\"loading-text\">Calculating...<\/span>\n            <\/div>\n\n            <div class=\"button-group\">\n                <button id=\"calculateButton\" class=\"calculate-button primary-button\" style=\"background: #ff9800;\" data-basic-label=\"Calculate Estimate\" data-advanced-label=\"Calculate Estimate\">\n                    Calculate Estimate                <\/button>\n                <button id=\"clearButton\" class=\"clear-button secondary-button\" style=\"background: #2196f3;\" data-clear-label=\"Clear Inputs\">\n                    Clear Inputs                <\/button>\n            <\/div>\n\n            <div id=\"results-section\" class=\"results-section\" style=\"display: none;\">\n                <h3 id=\"results-title\" class=\"results-title\">Your Solar Estimate<\/h3>\n                <div id=\"results-summary\" class=\"results-summary\" \n                    data-color1=\"#43a047\" \n                    data-color2=\"#fbc02d\" \n                    data-color3=\"#e53935\">\n                    <!-- Example: <div class=\"result-box\" style=\"color: #43a047;\">...<\/div> -->\n                <\/div>\n                <div id=\"results-details-grid\" class=\"results-details-grid\" style=\"display:none;\">\n                    <!-- Detailed breakdown here for advanced -->\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"card-footer\">\n            <p class=\"disclaimer\">\n                CopyRight &copy; HelioSave. All rights reserved. Developed by DevTheme.            <\/p>\n        <\/div>\n    <\/div>\n<\/div> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HelioSave Solar Savings Calculator Choose your analysis type for a quick estimate or a detailed financial projection. Select Calculation Type Basic Estimate Advanced Analysis Your Current Situation Avg. Monthly Electricity Bill ($) \u24d8 $ Electricity Rate (cents\/kWh) \u24d8 $ System &amp; Location Assumptions Avg. Daily Sunlight Hours \u24d8 \u2600\ufe0f Roof Type Asphalt ShingleTileMetalFlatOther Financial Assumptions [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/devtheme.net\/demo\/wp-plugins\/heliosave\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devtheme.net\/demo\/wp-plugins\/heliosave\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devtheme.net\/demo\/wp-plugins\/heliosave\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devtheme.net\/demo\/wp-plugins\/heliosave\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devtheme.net\/demo\/wp-plugins\/heliosave\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":19,"href":"https:\/\/devtheme.net\/demo\/wp-plugins\/heliosave\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":39,"href":"https:\/\/devtheme.net\/demo\/wp-plugins\/heliosave\/wp-json\/wp\/v2\/pages\/13\/revisions\/39"}],"wp:attachment":[{"href":"https:\/\/devtheme.net\/demo\/wp-plugins\/heliosave\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}