{"id":14,"date":"2026-04-20T19:33:22","date_gmt":"2026-04-20T19:33:22","guid":{"rendered":"https:\/\/fotowoltaika-kalkulator.pl\/?page_id=14"},"modified":"2026-04-20T19:43:27","modified_gmt":"2026-04-20T19:43:27","slug":"14-2","status":"publish","type":"page","link":"https:\/\/fotowoltaika-kalkulator.pl\/?page_id=14","title":{"rendered":""},"content":{"rendered":"\n<style>\n    \/* 1. ARCHITEKTURA I RESET *\/\n    .wp-site-blocks, .entry-content, .wp-block-post-content { max-width: 100% !important; padding: 0 !important; }\n    \n    .ultra-site {\n        --primary: #00b894; --secondary: #2d3436; --accent: #fab1a0; --bg-light: #f9f9f9;\n        font-family: 'Inter', -apple-system, sans-serif;\n        color: #2d3436; margin: 0; padding: 0; width: 100%; overflow-x: hidden;\n    }\n\n    \/* 2. HERO - PIERWSZE WRA\u017bENIE *\/\n    .hero-ultra {\n        background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.3)), \n                    url('https:\/\/images.unsplash.com\/photo-1508514177221-188b1cf16e9d?auto=format&fit=crop&w=1920&q=80');\n        background-size: cover; background-position: center; background-attachment: fixed;\n        min-height: 80vh; display: flex; flex-direction: column; justify-content: center; align-items: center;\n        color: white; text-align: center; padding: 40px 5%;\n    }\n    .hero-ultra h1 { font-size: clamp(2.5rem, 7vw, 4.5rem); margin-bottom: 20px; line-height: 1.1; font-weight: 800; }\n    .hero-ultra p { font-size: 1.3rem; max-width: 800px; margin-bottom: 35px; opacity: 0.9; }\n\n    \/* 3. LICZNIKI SUKCESU *\/\n    .trust-bar {\n        background: var(--secondary); color: white; display: grid; \n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n        padding: 40px 10%; text-align: center;\n    }\n    .trust-item span { display: block; font-size: 2.5rem; font-weight: 800; color: var(--primary); }\n\n    \/* 4. KALKULATOR - CENTRUM DOWODZENIA *\/\n    .calc-section { padding: 80px 5%; background: var(--bg-light); display: flex; justify-content: center; }\n    .calc-card-plus {\n        background: white; width: 100%; max-width: 1200px; border-radius: 30px; \n        box-shadow: 0 25px 60px rgba(0,0,0,0.1); display: grid; grid-template-columns: 1.2fr 1fr; overflow: hidden;\n    }\n    .calc-l { padding: 60px; }\n    .calc-r { background: var(--primary); color: white; padding: 60px; display: flex; flex-direction: column; justify-content: center; }\n\n    .slider-pro { width: 100%; height: 12px; background: #eee; border-radius: 10px; outline: none; margin: 30px 0; -webkit-appearance: none; }\n    .slider-pro::-webkit-slider-thumb { -webkit-appearance: none; width: 30px; height: 30px; background: var(--primary); border-radius: 50%; border: 5px solid white; cursor: pointer; box-shadow: 0 5px 15px rgba(0,0,0,0.2); }\n\n    \/* 5. SEKCJA \"JAK TO DZIA\u0141A\" *\/\n    .steps-section { padding: 100px 10%; background: white; text-align: center; }\n    .steps-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-top: 60px; }\n    .step-card { padding: 40px; border-radius: 20px; border: 1px solid #eee; transition: 0.4s; position: relative; }\n    .step-card:hover { border-color: var(--primary); transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.05); }\n    .step-num { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); width: 40px; height: 40px; background: var(--primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; }\n\n    \/* 6. FAQ - AKORDEON *\/\n    .faq-section { padding: 80px 10%; background: var(--bg-light); }\n    .faq-item { background: white; margin-bottom: 15px; border-radius: 10px; overflow: hidden; cursor: pointer; border: 1px solid #eee; }\n    .faq-q { padding: 20px; font-weight: bold; display: flex; justify-content: space-between; }\n    .faq-a { padding: 0 20px 20px; color: #636e72; display: none; }\n\n    \/* 7. CTA BUTTON PULSE *\/\n    .btn-pulse {\n        background: var(--secondary); color: white; border: none; padding: 20px 40px; \n        border-radius: 50px; font-size: 1.2rem; font-weight: 800; cursor: pointer;\n        animation: pulse 2s infinite; transition: 0.3s;\n    }\n    @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(45, 52, 54, 0.4); } 70% { box-shadow: 0 0 0 20px rgba(45, 52, 54, 0); } 100% { box-shadow: 0 0 0 0 rgba(45, 52, 54, 0); } }\n\n    @media (max-width: 900px) { .calc-card-plus { grid-template-columns: 1fr; } .calc-l, .calc-r { padding: 30px; } }\n<\/style>\n\n<div class=\"ultra-site\">\n    <section class=\"hero-ultra\">\n        <h1>S\u0142o\u0144ce to Twoja nowa waluta<\/h1>\n        <p>Zabezpiecz si\u0119 przed podwy\u017ckami pr\u0105du i zarabiaj na czystej energii. Oblicz zysk w 20 sekund pod domen\u0105 fotowoltaika-kalkulator.pl<\/p>\n        <button class=\"btn-pulse\" onclick=\"document.getElementById('start').scrollIntoView({behavior:'smooth'})\">DARMOWA KALKULACJA<\/button>\n    <\/section>\n\n    <div class=\"trust-bar\">\n        <div class=\"trust-item\"><span>4 500+<\/span>Zrealizowanych projekt\u00f3w<\/div>\n        <div class=\"trust-item\"><span>-95%<\/span>Ni\u017csze rachunki<\/div>\n        <div class=\"trust-item\"><span>15 mln<\/span>Zaoszcz\u0119dzonych PLN<\/div>\n        <div class=\"trust-item\"><span>4.9\/5<\/span>Ocena klient\u00f3w<\/div>\n    <\/div>\n\n    <div id=\"start\"><\/div>\n    <section class=\"calc-section\">\n        <div class=\"calc-card-plus\">\n            <div class=\"calc-l\">\n                <h2 style=\"font-size: 2rem;\">Sprawd\u017a potencja\u0142 dachu<\/h2>\n                <p>Ustaw sw\u00f3j obecny miesi\u0119czny rachunek za pr\u0105d:<\/p>\n                <input type=\"range\" min=\"150\" max=\"2000\" value=\"450\" class=\"slider-pro\" id=\"r\" oninput=\"u()\">\n                <div style=\"font-size: 45px; font-weight: 900; color: var(--secondary); text-align: center;\"><span id=\"v\">450<\/span> PLN<\/div>\n                \n                <div style=\"margin-top: 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px;\">\n                    <div style=\"background: #eefdf5; padding: 15px; border-radius: 10px; font-size: 0.9rem;\">\u2705 <strong>Dotacja 2026:<\/strong> Aktywna<\/div>\n                    <div style=\"background: #eefdf5; padding: 15px; border-radius: 10px; font-size: 0.9rem;\">\u2705 <strong>Ekologia:<\/strong> -5t CO2 rocznie<\/div>\n                <\/div>\n            <\/div>\n            <div class=\"calc-r\">\n                <h3 style=\"margin: 0; opacity: 0.9;\">Wynik analizy:<\/h3>\n                <div style=\"font-size: 60px; font-weight: 900; margin: 20px 0;\"><span id=\"p\">8.2<\/span> kWp<\/div>\n                <p>Szacowane oszcz\u0119dno\u015bci (25 lat):<\/p>\n                <div style=\"font-size: 30px; font-weight: 900; color: var(--accent); margin-bottom: 30px;\"><span id=\"c\">142 000<\/span> PLN<\/div>\n                <button style=\"width:100%; background: white; color: var(--secondary); border:none; padding:20px; border-radius:15px; font-weight:800; cursor:pointer;\">POBIERZ PE\u0141NY RAPORT PDF<\/button>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"steps-section\">\n        <h2>Droga do darmowego pr\u0105du<\/h2>\n        <div class=\"steps-grid\">\n            <div class=\"step-card\"><div class=\"step-num\">1<\/div><h3>Kalkulacja<\/h3>Wyliczasz moc i poznajesz wst\u0119pne oszcz\u0119dno\u015bci online.<\/div>\n            <div class=\"step-card\"><div class=\"step-num\">2<\/div><h3>Audyt<\/h3>Nasz in\u017cynier sprawdza Tw\u00f3j dach i instalacj\u0119 elektryczn\u0105.<\/div>\n            <div class=\"step-card\"><div class=\"step-num\">3<\/div><h3>Monta\u017c<\/h3>W 48h Twoja elektrownia zaczyna produkowa\u0107 darmowy pr\u0105d.<\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"faq-section\">\n        <h2 style=\"text-align: center; margin-bottom: 50px;\">Cz\u0119ste pytania<\/h2>\n        <div style=\"max-width: 800px; margin: 0 auto;\">\n            <div class=\"faq-item\" onclick=\"t(this)\">\n                <div class=\"faq-q\">Czy fotowoltaika op\u0142aca si\u0119 w 2026 roku? <span>+<\/span><\/div>\n                <div class=\"faq-a\">Tak! Dzi\u0119ki nowym systemom magazynowania energii i programom wsparcia, zwrot z inwestycji nast\u0119puje szybciej ni\u017c kiedykolwiek.<\/div>\n            <\/div>\n            <div class=\"faq-item\" onclick=\"t(this)\">\n                <div class=\"faq-q\">Ile trwa monta\u017c paneli? <span>+<\/span><\/div>\n                <div class=\"faq-a\">Standardowa instalacja dla domu jednorodzinnego trwa od 1 do 2 dni roboczych.<\/div>\n            <\/div>\n            <div class=\"faq-item\" onclick=\"t(this)\">\n                <div class=\"faq-q\">Co z serwisem i gwarancj\u0105? <span>+<\/span><\/div>\n                <div class=\"faq-a\">Oferujemy 25 lat gwarancji na wydajno\u015b\u0107 paneli oraz 10 lat na monta\u017c i komponenty elektryczne.<\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <footer style=\"background: var(--secondary); color: white; padding: 60px 10%; text-align: center;\">\n        <p style=\"font-weight: bold; font-size: 1.5rem; color: var(--primary);\">PV-KALKULATOR.PL<\/p>\n        <p>Niezale\u017cny doradca w \u015bwiecie OZE. Pomagamy oszcz\u0119dza\u0107 od 2018 roku.<\/p>\n    <\/footer>\n<\/div>\n\n<script>\n    function u() {\n        const val = document.getElementById('r').value;\n        document.getElementById('v').innerText = val;\n        \n        const pwr = (val \/ 55).toFixed(1);\n        const cash = (val * 12 * 25 * 0.92).toFixed(0);\n        \n        document.getElementById('p').innerText = pwr;\n        document.getElementById('c').innerText = new Intl.NumberFormat('pl-PL').format(cash);\n    }\n    \n    function t(el) {\n        const a = el.querySelector('.faq-a');\n        const s = el.querySelector('span');\n        const isD = a.style.display === 'block';\n        a.style.display = isD ? 'none' : 'block';\n        s.innerText = isD ? '+' : '-';\n    }\n    u(); \/\/ Init\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>S\u0142o\u0144ce to Twoja nowa waluta Zabezpiecz si\u0119 przed podwy\u017ckami pr\u0105du i zarabiaj na czystej energii. Oblicz zysk w 20 sekund pod domen\u0105 fotowoltaika-kalkulator.pl DARMOWA KALKULACJA 4 500+Zrealizowanych projekt\u00f3w -95%Ni\u017csze rachunki 15 mlnZaoszcz\u0119dzonych PLN 4.9\/5Ocena klient\u00f3w Sprawd\u017a potencja\u0142 dachu Ustaw sw\u00f3j obecny miesi\u0119czny rachunek za pr\u0105d: 450 PLN \u2705 Dotacja 2026: Aktywna \u2705 Ekologia: -5t CO2 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fotowoltaika-kalkulator.pl\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fotowoltaika-kalkulator.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fotowoltaika-kalkulator.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fotowoltaika-kalkulator.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fotowoltaika-kalkulator.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":6,"href":"https:\/\/fotowoltaika-kalkulator.pl\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":20,"href":"https:\/\/fotowoltaika-kalkulator.pl\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/20"}],"wp:attachment":[{"href":"https:\/\/fotowoltaika-kalkulator.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}