{"id":33,"date":"2026-07-22T20:53:08","date_gmt":"2026-07-22T18:53:08","guid":{"rendered":"https:\/\/hi24.pl\/?page_id=33"},"modified":"2026-07-22T21:07:24","modified_gmt":"2026-07-22T19:07:24","slug":"strona-glowna","status":"publish","type":"page","link":"https:\/\/hi24.pl\/","title":{"rendered":"Strona g\u0142\u00f3wna"},"content":{"rendered":"\n<!-- ============================================================\n     HI24.PL \u2014 HERO SECTION\n     Wklej jako blok \"W\u0142asny HTML\" w Gutenberg na stronie g\u0142\u00f3wnej\n     Shortcode [hi24_google_audit] wklej w OSOBNYM bloku PONI\u017bEJ\n     ============================================================ -->\n\n<style>\n\/* Import Google Fonts *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;700;800&family=Inter:wght@400;500&display=swap');\n\n\/* Resetowanie margines\u00f3w motywu dla hero *\/\n.hi24-hero-wrap {\n    font-family: 'Outfit', sans-serif;\n    background: #0a0d14;\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    position: relative;\n    overflow: hidden;\n    margin: 0 calc(-1 * (100vw - 100%) \/ 2);\n    padding: 100px 20px 80px;\n    box-sizing: border-box;\n}\n\n\/* Canvas cz\u0105steczek *\/\n#hi24-particles-canvas {\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%; height: 100%;\n    pointer-events: none;\n    z-index: 0;\n}\n\n\/* Gradient przej\u015bcie do bia\u0142ej sekcji na dole *\/\n.hi24-hero-wrap::after {\n    content: '';\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    height: 120px;\n    background: linear-gradient(to bottom, transparent, #0a0d14 40%, #f8fafc);\n    z-index: 1;\n}\n\n\/* Tre\u015b\u0107 hero *\/\n.hi24-hero-content {\n    position: relative;\n    z-index: 2;\n    max-width: 820px;\n    margin: 0 auto;\n    text-align: left;\n    animation: hi24FadeUp 0.9s ease both;\n}\n\n@keyframes hi24FadeUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to   { opacity: 1; transform: translateY(0); }\n}\n\n\/* Badge nad nag\u0142\u00f3wkiem *\/\n.hi24-hero-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(99, 102, 241, 0.15);\n    border: 1px solid rgba(99, 102, 241, 0.35);\n    color: #a5b4fc;\n    font-family: 'Inter', sans-serif;\n    font-size: 13px;\n    font-weight: 500;\n    padding: 6px 14px;\n    border-radius: 999px;\n    margin-bottom: 28px;\n    letter-spacing: 0.02em;\n}\n\n.hi24-hero-badge span.dot {\n    width: 7px; height: 7px;\n    background: #22d3ee;\n    border-radius: 50%;\n    animation: hi24Pulse 2s infinite;\n}\n\n@keyframes hi24Pulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50%       { opacity: 0.5; transform: scale(1.3); }\n}\n\n\/* Nag\u0142\u00f3wek H1 *\/\n.hi24-hero-content h1 {\n    font-family: 'Outfit', sans-serif !important;\n    font-size: clamp(36px, 5.5vw, 68px);\n    font-weight: 800;\n    line-height: 1.1;\n    color: #f1f5f9;\n    margin: 0 0 22px;\n    letter-spacing: -0.02em;\n}\n\n.hi24-hero-content h1 .accent {\n    color: #22d3ee;\n}\n\n\/* Podtytu\u0142 *\/\n.hi24-hero-subtitle {\n    font-family: 'Inter', sans-serif;\n    font-size: clamp(16px, 2vw, 19px);\n    color: #94a3b8;\n    line-height: 1.6;\n    margin: 0 0 40px;\n    max-width: 580px;\n}\n\n\/* Pole wyszukiwania *\/\n.hi24-search-box {\n    display: flex;\n    align-items: center;\n    background: rgba(255,255,255,0.06);\n    border: 1.5px solid rgba(255,255,255,0.12);\n    border-radius: 14px;\n    padding: 8px 8px 8px 18px;\n    gap: 10px;\n    max-width: 620px;\n    transition: border-color 0.25s, box-shadow 0.25s;\n    backdrop-filter: blur(8px);\n}\n\n.hi24-search-box:focus-within {\n    border-color: rgba(34, 211, 238, 0.5);\n    box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.12), 0 8px 32px rgba(0,0,0,0.3);\n}\n\n.hi24-search-box svg {\n    flex-shrink: 0;\n    color: #64748b;\n}\n\n.hi24-search-box input {\n    flex: 1;\n    background: transparent;\n    border: none;\n    outline: none;\n    color: #f1f5f9;\n    font-family: 'Inter', sans-serif;\n    font-size: 16px;\n    padding: 6px 0;\n}\n\n.hi24-search-box input::placeholder {\n    color: #475569;\n}\n\n.hi24-search-btn {\n    background: linear-gradient(135deg, #6366f1, #4f46e5);\n    color: #fff !important;\n    border: none;\n    border-radius: 10px;\n    padding: 13px 24px;\n    font-family: 'Outfit', sans-serif;\n    font-size: 15px;\n    font-weight: 700;\n    cursor: pointer;\n    white-space: nowrap;\n    transition: transform 0.15s, box-shadow 0.15s;\n    text-decoration: none !important;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.hi24-search-btn:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 6px 20px rgba(99,102,241,0.45);\n}\n\n\/* Odznaki zaufania *\/\n.hi24-trust-badges {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    margin-top: 22px;\n    flex-wrap: wrap;\n}\n\n.hi24-trust-badge {\n    font-family: 'Inter', sans-serif;\n    font-size: 13px;\n    color: #64748b;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.hi24-trust-badge .check {\n    width: 18px; height: 18px;\n    background: rgba(34, 211, 238, 0.12);\n    border: 1px solid rgba(34, 211, 238, 0.3);\n    border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 10px;\n    color: #22d3ee;\n}\n\n\/* Responsywno\u015b\u0107 mobile *\/\n@media (max-width: 640px) {\n    .hi24-hero-wrap {\n        padding: 80px 20px 60px;\n        min-height: auto;\n    }\n    .hi24-search-box {\n        flex-direction: column;\n        padding: 14px;\n    }\n    .hi24-search-btn {\n        width: 100%;\n        justify-content: center;\n    }\n    .hi24-trust-badges {\n        gap: 12px;\n    }\n}\n<\/style>\n\n<div class=\"hi24-hero-wrap\">\n    <!-- Cz\u0105steczki canvas -->\n    <canvas id=\"hi24-particles-canvas\"><\/canvas>\n\n    <!-- Tre\u015b\u0107 -->\n    <div class=\"hi24-hero-content\">\n\n        <!-- Badge -->\n        <div class=\"hi24-hero-badge\">\n            <span class=\"dot\"><\/span>\n            Ekosystem Marketingu Lokalnego\n        <\/div>\n\n        <!-- H1 -->\n        <h1>\n            Twoi klienci szukaj\u0105 Ci\u0119<br>\n            w okolicy. <span class=\"accent\">Czy trafiaj\u0105<br>\n            do konkurencji?<\/span>\n        <\/h1>\n\n        <!-- Podtytu\u0142 -->\n        <p class=\"hi24-hero-subtitle\">\n            Wpisz nazw\u0119 swojej firmy i sprawd\u017a wizyt\u00f3wk\u0119 Google w 60 sekund.<br>\n            Bezp\u0142atnie, bez rejestracji.\n        <\/p>\n\n        <!-- Wyszukiwarka -->\n        <div class=\"hi24-search-box\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/>\n            <\/svg>\n            <input\n                type=\"text\"\n                id=\"hi24-hero-search\"\n                placeholder=\"Wpisz nazw\u0119 firmy lub adres np. Piekarnia Kowalski Pozna\u0144...\"\n                autocomplete=\"off\"\n            \/>\n            <button class=\"hi24-search-btn\" onclick=\"hi24StartAudit()\">\n                Sprawd\u017a za darmo\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n            <\/button>\n        <\/div>\n\n        <!-- Odznaki -->\n        <div class=\"hi24-trust-badges\">\n            <span class=\"hi24-trust-badge\"><span class=\"check\">\u2713<\/span> Bezp\u0142atnie<\/span>\n            <span class=\"hi24-trust-badge\"><span class=\"check\">\u2713<\/span> Bez rejestracji<\/span>\n            <span class=\"hi24-trust-badge\"><span class=\"check\">\u2713<\/span> Wyniki w 60 sekund<\/span>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<script>\n\/* \u2500\u2500 Animacja cz\u0105steczek \u2500\u2500 *\/\n(function() {\n    const canvas = document.getElementById('hi24-particles-canvas');\n    if (!canvas) return;\n    const ctx = canvas.getContext('2d');\n    let W, H, particles = [];\n    const COUNT = 70, MAX_DIST = 130;\n\n    function resize() {\n        W = canvas.width  = canvas.offsetWidth;\n        H = canvas.height = canvas.offsetHeight;\n    }\n\n    function Particle() {\n        this.x  = Math.random() * W;\n        this.y  = Math.random() * H;\n        this.vx = (Math.random() - 0.5) * 0.4;\n        this.vy = (Math.random() - 0.5) * 0.4;\n        this.r  = Math.random() * 1.5 + 0.5;\n    }\n\n    function init() {\n        resize();\n        particles = Array.from({length: COUNT}, () => new Particle());\n    }\n\n    function draw() {\n        ctx.clearRect(0, 0, W, H);\n\n        \/\/ Linie mi\u0119dzy bliskimi cz\u0105steczkami\n        for (let i = 0; i < particles.length; i++) {\n            for (let j = i + 1; j < particles.length; j++) {\n                const dx = particles[i].x - particles[j].x;\n                const dy = particles[i].y - particles[j].y;\n                const d  = Math.sqrt(dx*dx + dy*dy);\n                if (d < MAX_DIST) {\n                    ctx.beginPath();\n                    ctx.strokeStyle = `rgba(34,211,238,${0.12 * (1 - d\/MAX_DIST)})`;\n                    ctx.lineWidth = 0.6;\n                    ctx.moveTo(particles[i].x, particles[i].y);\n                    ctx.lineTo(particles[j].x, particles[j].y);\n                    ctx.stroke();\n                }\n            }\n        }\n\n        \/\/ Cz\u0105steczki\n        particles.forEach(p => {\n            ctx.beginPath();\n            ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);\n            ctx.fillStyle = 'rgba(148,163,184,0.55)';\n            ctx.fill();\n\n            \/\/ Ruch\n            p.x += p.vx;\n            p.y += p.vy;\n            if (p.x < 0 || p.x > W) p.vx *= -1;\n            if (p.y < 0 || p.y > H) p.vy *= -1;\n        });\n\n        requestAnimationFrame(draw);\n    }\n\n    window.addEventListener('resize', resize);\n    init();\n    draw();\n})();\n\n\/* \u2500\u2500 Scroll do sekcji audytu po klikni\u0119ciu przycisku \u2500\u2500 *\/\nfunction hi24StartAudit() {\n    const val = document.getElementById('hi24-hero-search').value.trim();\n    const auditSection = document.querySelector('.hi24-audit-widget, [class*=\"hi24_google_audit\"], .wp-block-shortcode');\n\n    if (auditSection) {\n        auditSection.scrollIntoView({ behavior: 'smooth', block: 'center' });\n\n        \/\/ Pr\u00f3ba przekazania warto\u015bci do pola audytu (je\u015bli wtyczka u\u017cywa input#hi24-audit-search)\n        setTimeout(() => {\n            const auditInput = document.getElementById('hi24-search-input') ||\n                               document.querySelector('.hi24-audit-widget input[type=\"text\"]');\n            if (auditInput && val) {\n                auditInput.value = val;\n                auditInput.dispatchEvent(new Event('input', { bubbles: true }));\n            }\n        }, 600);\n    } else if (val) {\n        \/\/ Fallback: scroll do dolnej sekcji\n        window.scrollBy({ top: window.innerHeight * 0.85, behavior: 'smooth' });\n    }\n}\n\n\/* Enter w polu wyszukiwania *\/\ndocument.getElementById('hi24-hero-search').addEventListener('keydown', function(e) {\n    if (e.key === 'Enter') hi24StartAudit();\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Ekosystem Marketingu Lokalnego Twoi klienci szukaj\u0105 Ci\u0119 w okolicy. Czy trafiaj\u0105 do konkurencji? Wpisz nazw\u0119 swojej firmy i sprawd\u017a wizyt\u00f3wk\u0119 Google w 60 sekund. Bezp\u0142atnie, bez rejestracji. Sprawd\u017a za darmo \u2713 Bezp\u0142atnie \u2713 Bez rejestracji \u2713 Wyniki w 60 sekund<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"strona-g-wna","meta":{"_kad_post_transparent":"enable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-33","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hi24.pl\/index.php\/wp-json\/wp\/v2\/pages\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hi24.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hi24.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hi24.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hi24.pl\/index.php\/wp-json\/wp\/v2\/comments?post=33"}],"version-history":[{"count":3,"href":"https:\/\/hi24.pl\/index.php\/wp-json\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/hi24.pl\/index.php\/wp-json\/wp\/v2\/pages\/33\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/hi24.pl\/index.php\/wp-json\/wp\/v2\/media?parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}