{"id":6,"date":"2026-02-11T20:13:03","date_gmt":"2026-02-11T19:13:03","guid":{"rendered":"https:\/\/lekkieseo.pl\/?page_id=6"},"modified":"2026-02-11T20:13:03","modified_gmt":"2026-02-11T19:13:03","slug":"6-2","status":"publish","type":"page","link":"https:\/\/lekkieseo.pl\/?page_id=6","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"pl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Lekkie SEO | Next-Gen Marketing<\/title>\n    <meta name=\"description\" content=\"Nowoczesne SEO. Narz\u0119dzia, wiedza i marketing w wersji Premium.\">\n    \n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;500;700;900&#038;display=swap\" rel=\"stylesheet\">\n\n    <style>\n        \/* --- ZAAWANSOWANA KONFIGURACJA (PALETA PREMIUM) --- *\/\n        :root {\n            --bg-deep: #050505;       \/* Absolutna czer\u0144 *\/\n            --bg-panel: #0f172a;      \/* Ciemny granat *\/\n            --accent-blue: #38bdf8;   \/* Tw\u00f3j b\u0142\u0119kit z logo *\/\n            --accent-glow: rgba(56, 189, 248, 0.4);\n            --text-main: #ffffff;\n            --text-muted: #94a3b8;\n            \n            \/* Glassmorphism Settings *\/\n            --glass-bg: rgba(20, 30, 48, 0.6);\n            --glass-border: rgba(255, 255, 255, 0.1);\n            --glass-shine: rgba(255, 255, 255, 0.05);\n        }\n\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n\n        body {\n            background-color: var(--bg-deep);\n            color: var(--text-main);\n            font-family: 'Outfit', sans-serif;\n            overflow-x: hidden;\n            min-height: 100vh;\n        }\n\n        \/* --- T\u0141O \"CYBER GRID\" (EFEKT BOGACTWA) --- *\/\n        .background-fx {\n            position: fixed;\n            top: 0; left: 0; width: 100%; height: 100%;\n            z-index: -1;\n            \/* Siatka w tle *\/\n            background-image: \n                linear-gradient(var(--glass-border) 1px, transparent 1px),\n                linear-gradient(90deg, var(--glass-border) 1px, transparent 1px);\n            background-size: 50px 50px;\n            \/* Winieta (przyciemnienie rog\u00f3w) *\/\n            mask-image: radial-gradient(circle at center, black 40%, transparent 100%);\n        }\n\n        \/* Wielka po\u015bwiata na g\u00f3rze *\/\n        .ambient-light {\n            position: absolute;\n            top: -20%; left: 20%;\n            width: 60%; height: 60%;\n            background: radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);\n            opacity: 0.2;\n            filter: blur(80px);\n            z-index: -1;\n            animation: pulseLight 8s infinite alternate;\n        }\n\n        \/* --- LAYOUT --- *\/\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        \/* --- HEADER --- *\/\n        header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 1.5rem 0;\n            margin-bottom: 2rem;\n            border-bottom: 1px solid var(--glass-border);\n        }\n\n        .brand-text {\n            font-weight: 700;\n            font-size: 1.2rem;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n        }\n        .brand-text span { color: var(--accent-blue); }\n\n        .status-badge {\n            background: rgba(56, 189, 248, 0.1);\n            border: 1px solid rgba(56, 189, 248, 0.3);\n            padding: 5px 15px;\n            border-radius: 20px;\n            font-size: 0.8rem;\n            color: var(--accent-blue);\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n        .status-dot {\n            width: 8px; height: 8px; background: var(--accent-blue);\n            border-radius: 50%;\n            box-shadow: 0 0 10px var(--accent-blue);\n            animation: blink 2s infinite;\n        }\n\n        \/* --- HERO SECTION (LOGO JAKO GWIAZDA) --- *\/\n        .hero {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 40px;\n            padding: 2rem 0 5rem;\n            align-items: center;\n        }\n\n        .hero-content h1 {\n            font-size: clamp(2.5rem, 5vw, 4.5rem);\n            line-height: 1.1;\n            font-weight: 900;\n            margin-bottom: 1.5rem;\n            background: linear-gradient(to right, #fff, #94a3b8);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n\n        .hero-content p {\n            font-size: 1.1rem;\n            color: var(--text-muted);\n            margin-bottom: 2.5rem;\n            max-width: 500px;\n            line-height: 1.6;\n        }\n\n        \/* Sekcja z LOGIEM (Efektowna) *\/\n        .hero-visual {\n            position: relative;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            perspective: 1000px;\n        }\n\n        \/* T\u0142o pod logiem (Aura) *\/\n        .logo-aura {\n            position: absolute;\n            width: 300px; height: 300px;\n            background: radial-gradient(circle, var(--accent-blue) 0%, transparent 70%);\n            opacity: 0.15;\n            filter: blur(40px);\n            animation: rotateAura 10s infinite linear;\n        }\n\n        .main-logo {\n            width: 100%;\n            max-width: 450px;\n            height: auto;\n            \/* Cie\u0144 rzucany przez logo dla efektu 3D *\/\n            filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.5));\n            animation: floatLogo 6s ease-in-out infinite;\n            z-index: 2;\n        }\n\n        \/* Przycisk CTA *\/\n        .cta-btn {\n            display: inline-block;\n            background: var(--text-main);\n            color: var(--bg-deep);\n            padding: 15px 40px;\n            font-weight: 700;\n            border-radius: 50px;\n            text-decoration: none;\n            transition: 0.3s;\n            box-shadow: 0 0 20px rgba(255,255,255,0.1);\n        }\n        .cta-btn:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 0 30px var(--accent-glow);\n            background: var(--accent-blue);\n            color: #fff;\n        }\n\n        \/* --- BENTO GRID (PANEL STEROWANIA) --- *\/\n        .bento-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 20px;\n            margin-bottom: 4rem;\n        }\n\n        .card {\n            background: var(--glass-bg);\n            border: 1px solid var(--glass-border);\n            backdrop-filter: blur(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border-radius: 20px;\n            padding: 2.5rem;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            min-height: 250px;\n        }\n\n        \/* Efekt \"Shine\" na kartach *\/\n        .card::before {\n            content: '';\n            position: absolute;\n            top: 0; left: -100%;\n            width: 100%; height: 100%;\n            background: linear-gradient(90deg, transparent, var(--glass-shine), transparent);\n            transition: 0.5s;\n        }\n        .card:hover::before { left: 100%; }\n\n        .card:hover {\n            transform: translateY(-5px);\n            border-color: var(--accent-blue);\n            box-shadow: 0 10px 40px -10px rgba(56, 189, 248, 0.2);\n        }\n\n        .card-icon {\n            font-size: 2.5rem;\n            margin-bottom: 1rem;\n            color: var(--accent-blue);\n            text-shadow: 0 0 15px var(--accent-glow);\n        }\n\n        .card h3 { font-size: 1.5rem; margin-bottom: 0.5rem; }\n        .card p { color: var(--text-muted); font-size: 0.95rem; }\n\n        \/* Specjalne uk\u0142ady dla Desktopu *\/\n        @media (min-width: 900px) {\n            .hero { grid-template-columns: 1.2fr 0.8fr; text-align: left; }\n            .hero-content { order: 1; }\n            .hero-visual { order: 2; }\n            \n            .bento-grid {\n                grid-template-columns: repeat(3, 1fr);\n                grid-template-rows: repeat(2, 280px);\n            }\n            .card-large { grid-column: span 2; grid-row: span 1; } \/* Blog *\/\n            .card-tall { grid-column: 3; grid-row: span 2; }     \/* Marketing *\/\n        }\n\n        \/* --- STOPKA --- *\/\n        footer {\n            border-top: 1px solid var(--glass-border);\n            padding: 3rem 0;\n            text-align: center;\n            color: var(--text-muted);\n            font-size: 0.9rem;\n        }\n\n        \/* --- ANIMACJE --- *\/\n        @keyframes floatLogo {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-15px); }\n        }\n        @keyframes pulseLight {\n            0% { opacity: 0.15; transform: scale(1); }\n            100% { opacity: 0.3; transform: scale(1.1); }\n        }\n        @keyframes blink {\n            0%, 100% { opacity: 1; }\n            50% { opacity: 0.4; }\n        }\n\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"background-fx\"><\/div>\n    <div class=\"ambient-light\"><\/div>\n\n    <div class=\"container\">\n        \n        <header>\n            <div class=\"brand-text\">Lekkie<span>SEO<\/span>.pl<\/div>\n            <div class=\"status-badge\">\n                <div class=\"status-dot\"><\/div>\n                System Online\n            <\/div>\n        <\/header>\n\n        <section class=\"hero\">\n            <div class=\"hero-content\">\n                <h1>Pozycjonowanie<br>Przysz\u0142o\u015bci.<\/h1>\n                <p>Odrzu\u0107 zb\u0119dny balast. Wybierz techniczne SEO, analityk\u0119 i automatyzacj\u0119 w najczystszej postaci. Tw\u00f3j portal do dominacji w wynikach wyszukiwania.<\/p>\n                <a href=\"\/blog\/\" class=\"cta-btn\">Rozpocznij tutaj<\/a>\n            <\/div>\n\n            <div class=\"hero-visual\">\n                <div class=\"logo-aura\"><\/div>\n                <img decoding=\"async\" src=\"https:\/\/lekkieseo.pl\/wp-content\/uploads\/2026\/02\/Lekkie-SEO.png\" alt=\"Lekkie SEO Logo\" class=\"main-logo\">\n            <\/div>\n        <\/section>\n\n        <section class=\"bento-grid\">\n            \n            <a href=\"\/blog\/\" class=\"card card-large\">\n                <div class=\"card-icon\">\u26a1<\/div>\n                <h3>Baza Wiedzy \/ Newsy<\/h3>\n                <p>Analizy algorytm\u00f3w, techniczne poradniki i case study. Wiedza, kt\u00f3ra wyprzedza rynek.<\/p>\n                <div style=\"margin-top:auto; text-align:right; color:var(--accent-blue); font-weight:700;\">Wejd\u017a &rarr;<\/div>\n            <\/a>\n\n            <a href=\"marketing.html\" class=\"card card-tall\">\n                <div class=\"card-icon\">\ud83d\ude80<\/div>\n                <h3>Ekosystem Marketingu<\/h3>\n                <p>Google Ads, Social Media i budowa marki osobistej. Naucz si\u0119, jak skalowa\u0107 ruch p\u0142atny i organiczny jednocze\u015bnie.<\/p>\n                <br>\n                <ul style=\"list-style:none; color:var(--text-muted); font-size:0.9rem; line-height:1.8;\">\n                    <li>+ Audyty UX<\/li>\n                    <li>+ Konwersja (CRO)<\/li>\n                    <li>+ Analityka GA4<\/li>\n                <\/ul>\n                <div style=\"margin-top:auto; text-align:right; color:var(--accent-blue); font-weight:700;\">Sprawd\u017a &rarr;<\/div>\n            <\/a>\n\n            <a href=\"narzedzia.html\" class=\"card\">\n                <div class=\"card-icon\">\ud83d\udee0<\/div>\n                <h3>Narz\u0119dzia &#038; AI<\/h3>\n                <p>Automatyzacja proces\u00f3w SEO. Skrypty, soft i recenzje.<\/p>\n            <\/a>\n\n            <a href=\"kontakt.html\" class=\"card\">\n                <div class=\"card-icon\">@<\/div>\n                <h3>Wsp\u00f3\u0142praca<\/h3>\n                <p>Potrzebujesz wsparcia? Skontaktuj si\u0119 ze mn\u0105.<\/p>\n            <\/a>\n\n        <\/section>\n\n        <footer>\n            &copy; 2026 LekkieSEO.pl | Designed for Performance.\n        <\/footer>\n\n    <\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Lekkie SEO | Next-Gen Marketing LekkieSEO.pl System Online PozycjonowaniePrzysz\u0142o\u015bci. Odrzu\u0107 zb\u0119dny balast. Wybierz techniczne SEO, analityk\u0119 i automatyzacj\u0119 w najczystszej [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/lekkieseo.pl\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lekkieseo.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lekkieseo.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lekkieseo.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lekkieseo.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":1,"href":"https:\/\/lekkieseo.pl\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":8,"href":"https:\/\/lekkieseo.pl\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/8"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lekkieseo.pl\/index.php?rest_route=\/wp\/v2\/media\/7"}],"wp:attachment":[{"href":"https:\/\/lekkieseo.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}