{"id":9,"date":"2026-03-10T10:20:22","date_gmt":"2026-03-10T09:20:22","guid":{"rendered":"https:\/\/kreujzai.pl\/?page_id=9"},"modified":"2026-03-10T10:21:11","modified_gmt":"2026-03-10T09:21:11","slug":"elementor-9","status":"publish","type":"page","link":"https:\/\/kreujzai.pl\/index.php\/elementor-9\/","title":{"rendered":"Elementor #9"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nKreujzAI \u2014 Nauka AI dla ludzi<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --cream: #F7F4EF;\n --warm-white: #FDFCFA;\n --ink: #1A1714;\n --ink-soft: #3D3830;\n --accent: #C4531A;\n --accent-light: #E8754A;\n --gold: #B8923A;\n --border: #E2DDD6;\n --muted: #9A9189;\n }\n\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--warm-white);\n color: var(--ink);\n font-size: 16px;\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\n nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1.4rem 5vw;\n background: rgba(253,252,250,0.85);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid var(--border);\n transition: all .3s ease;\n }\n\n .logo {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.55rem;\n font-weight: 600;\n color: var(--ink);\n letter-spacing: -0.01em;\n text-decoration: none;\n }\n\n .logo span { color: var(--accent); font-style: italic; }\n\n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n\n .nav-links a {\n text-decoration: none;\n font-size: .85rem;\n font-weight: 400;\n color: var(--ink-soft);\n letter-spacing: .04em;\n text-transform: uppercase;\n transition: color .2s;\n }\n\n .nav-links a:hover { color: var(--accent); }\n\n .nav-cta {\n background: var(--ink);\n color: var(--warm-white) !important;\n padding: .55rem 1.4rem !important;\n border-radius: 2px;\n text-transform: uppercase !important;\n font-size: .78rem !important;\n letter-spacing: .08em !important;\n transition: background .2s !important;\n }\n\n .nav-cta:hover { background: var(--accent) !important; color: white !important; }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n min-height: 100vh;\n display: grid;\n grid-template-columns: 1fr 1fr;\n position: relative;\n overflow: hidden;\n }\n\n .hero-left {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 10rem 5vw 6rem 8vw;\n position: relative;\n z-index: 2;\n }\n\n .hero-tag {\n display: inline-flex;\n align-items: center;\n gap: .5rem;\n font-size: .75rem;\n font-weight: 500;\n letter-spacing: .12em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 2rem;\n opacity: 0;\n animation: fadeUp .8s .2s ease forwards;\n }\n\n .hero-tag::before {\n content: '';\n display: block;\n width: 24px; height: 1px;\n background: var(--accent);\n }\n\n h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(3.2rem, 5.5vw, 5.5rem);\n font-weight: 300;\n line-height: 1.08;\n letter-spacing: -0.02em;\n color: var(--ink);\n margin-bottom: 1.8rem;\n opacity: 0;\n animation: fadeUp .9s .4s ease forwards;\n }\n\n h1 em {\n font-style: italic;\n color: var(--accent);\n font-weight: 300;\n }\n\n .hero-desc {\n font-size: 1.05rem;\n color: var(--ink-soft);\n max-width: 420px;\n line-height: 1.75;\n margin-bottom: 3rem;\n font-weight: 300;\n opacity: 0;\n animation: fadeUp .9s .6s ease forwards;\n }\n\n .hero-actions {\n display: flex;\n gap: 1.2rem;\n align-items: center;\n opacity: 0;\n animation: fadeUp .9s .8s ease forwards;\n }\n\n .btn-primary {\n background: var(--accent);\n color: white;\n padding: .85rem 2.2rem;\n border: none;\n border-radius: 2px;\n font-family: 'DM Sans', sans-serif;\n font-size: .85rem;\n font-weight: 500;\n letter-spacing: .06em;\n text-transform: uppercase;\n text-decoration: none;\n cursor: pointer;\n transition: all .25s ease;\n display: inline-block;\n }\n\n .btn-primary:hover {\n background: var(--ink);\n transform: translateY(-1px);\n box-shadow: 0 8px 24px rgba(26,23,20,.15);\n }\n\n .btn-ghost {\n color: var(--ink-soft);\n text-decoration: none;\n font-size: .85rem;\n font-weight: 400;\n letter-spacing: .04em;\n display: flex;\n align-items: center;\n gap: .5rem;\n transition: color .2s;\n }\n\n .btn-ghost:hover { color: var(--accent); }\n\n .btn-ghost::after {\n content: '\u2192';\n transition: transform .2s;\n }\n\n .btn-ghost:hover::after { transform: translateX(4px); }\n\n .hero-right {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n }\n\n .hero-visual {\n position: absolute;\n inset: 0;\n background: var(--cream);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .hero-grid {\n position: absolute;\n inset: 0;\n background-image:\n linear-gradient(var(--border) 1px, transparent 1px),\n linear-gradient(90deg, var(--border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: .5;\n }\n\n .hero-circle-1 {\n position: absolute;\n width: 420px; height: 420px;\n border-radius: 50%;\n border: 1px solid var(--border);\n opacity: .7;\n animation: spin 30s linear infinite;\n }\n\n .hero-circle-2 {\n position: absolute;\n width: 280px; height: 280px;\n border-radius: 50%;\n border: 1px solid var(--accent);\n opacity: .25;\n animation: spin 20s linear infinite reverse;\n }\n\n .hero-nodes {\n position: absolute;\n width: 100%; height: 100%;\n }\n\n .node {\n position: absolute;\n width: 8px; height: 8px;\n border-radius: 50%;\n background: var(--accent);\n opacity: .6;\n }\n\n .node::after {\n content: '';\n position: absolute;\n inset: -4px;\n border-radius: 50%;\n border: 1px solid var(--accent);\n opacity: .4;\n animation: pulse 2s ease-in-out infinite;\n }\n\n .node:nth-child(1) { top: 25%; left: 30%; animation: float 6s ease-in-out infinite; }\n .node:nth-child(2) { top: 60%; left: 65%; animation: float 8s ease-in-out infinite .5s; }\n .node:nth-child(3) { top: 40%; left: 75%; animation: float 7s ease-in-out infinite 1s; }\n .node:nth-child(4) { top: 70%; left: 25%; animation: float 9s ease-in-out infinite 1.5s; }\n .node:nth-child(5) { top: 20%; left: 60%; animation: float 6s ease-in-out infinite 2s; }\n\n .hero-badge {\n position: relative;\n z-index: 2;\n background: var(--warm-white);\n border: 1px solid var(--border);\n padding: 2rem 2.5rem;\n border-radius: 4px;\n text-align: center;\n box-shadow: 0 20px 60px rgba(26,23,20,.08);\n animation: fadeUp 1s .5s ease forwards;\n opacity: 0;\n }\n\n .hero-badge-number {\n font-family: 'Cormorant Garamond', serif;\n font-size: 4rem;\n font-weight: 300;\n color: var(--ink);\n line-height: 1;\n display: block;\n }\n\n .hero-badge-label {\n font-size: .75rem;\n text-transform: uppercase;\n letter-spacing: .1em;\n color: var(--muted);\n margin-top: .3rem;\n display: block;\n }\n\n .hero-scroll {\n position: absolute;\n bottom: 2.5rem;\n left: 8vw;\n display: flex;\n align-items: center;\n gap: .8rem;\n font-size: .72rem;\n letter-spacing: .1em;\n text-transform: uppercase;\n color: var(--muted);\n opacity: 0;\n animation: fadeUp .8s 1.2s ease forwards;\n }\n\n .scroll-line {\n width: 40px; height: 1px;\n background: var(--border);\n position: relative;\n overflow: hidden;\n }\n\n .scroll-line::after {\n content: '';\n position: absolute;\n left: -100%; top: 0;\n width: 100%; height: 100%;\n background: var(--accent);\n animation: slide 2s ease-in-out infinite;\n }\n\n \/* \u2500\u2500 SECTION BASE \u2500\u2500 *\/\n section { padding: 6rem 8vw; }\n\n .section-label {\n display: flex;\n align-items: center;\n gap: .8rem;\n font-size: .72rem;\n font-weight: 500;\n letter-spacing: .14em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 1.5rem;\n }\n\n .section-label::after {\n content: '';\n flex: 1;\n max-width: 40px;\n height: 1px;\n background: var(--accent);\n opacity: .5;\n }\n\n h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2.2rem, 3.5vw, 3.2rem);\n font-weight: 300;\n line-height: 1.15;\n letter-spacing: -.01em;\n color: var(--ink);\n margin-bottom: 1.5rem;\n }\n\n h2 em { font-style: italic; color: var(--accent); }\n\n \/* \u2500\u2500 ABOUT \u2500\u2500 *\/\n .about {\n background: var(--cream);\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 6rem;\n align-items: center;\n }\n\n .about-text p {\n font-size: 1rem;\n color: var(--ink-soft);\n line-height: 1.85;\n font-weight: 300;\n margin-bottom: 1.2rem;\n }\n\n .about-stats {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2px;\n border: 1px solid var(--border);\n }\n\n .stat {\n background: var(--warm-white);\n padding: 2.5rem 2rem;\n border: 1px solid var(--border);\n transition: background .2s;\n }\n\n .stat:hover { background: var(--ink); }\n .stat:hover .stat-number { color: white; }\n .stat:hover .stat-label { color: rgba(255,255,255,.5); }\n\n .stat-number {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3rem;\n font-weight: 300;\n color: var(--ink);\n line-height: 1;\n display: block;\n transition: color .2s;\n }\n\n .stat-label {\n font-size: .78rem;\n text-transform: uppercase;\n letter-spacing: .08em;\n color: var(--muted);\n margin-top: .4rem;\n display: block;\n transition: color .2s;\n }\n\n \/* \u2500\u2500 SZKOLENIA \u2500\u2500 *\/\n .szkolenia { background: var(--warm-white); }\n\n .szkolenia-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n margin-bottom: 3.5rem;\n }\n\n .courses-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5px;\n background: var(--border);\n border: 1px solid var(--border);\n }\n\n .course-card {\n background: var(--warm-white);\n padding: 2.5rem;\n display: flex;\n flex-direction: column;\n gap: 1.2rem;\n transition: background .25s ease;\n cursor: pointer;\n position: relative;\n overflow: hidden;\n }\n\n .course-card::before {\n content: '';\n position: absolute;\n bottom: 0; left: 0;\n width: 100%; height: 2px;\n background: var(--accent);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform .3s ease;\n }\n\n .course-card:hover { background: var(--cream); }\n .course-card:hover::before { transform: scaleX(1); }\n\n .course-level {\n display: inline-block;\n font-size: .68rem;\n font-weight: 500;\n letter-spacing: .12em;\n text-transform: uppercase;\n padding: .3rem .8rem;\n border-radius: 1px;\n width: fit-content;\n }\n\n .level-start { background: #EEF7EE; color: #3A7A3A; }\n .level-mid { background: #FFF3E8; color: var(--accent); }\n .level-adv { background: #1A1714; color: white; }\n\n .course-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n font-weight: 400;\n color: var(--ink);\n line-height: 1.25;\n }\n\n .course-desc {\n font-size: .88rem;\n color: var(--muted);\n line-height: 1.7;\n font-weight: 300;\n flex: 1;\n }\n\n .course-footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 1.2rem;\n border-top: 1px solid var(--border);\n }\n\n .course-meta {\n font-size: .75rem;\n color: var(--muted);\n letter-spacing: .04em;\n }\n\n .course-arrow {\n width: 32px; height: 32px;\n border: 1px solid var(--border);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--ink-soft);\n font-size: .9rem;\n transition: all .2s;\n }\n\n .course-card:hover .course-arrow {\n background: var(--accent);\n border-color: var(--accent);\n color: white;\n }\n\n \/* \u2500\u2500 BLOG \u2500\u2500 *\/\n .blog { background: var(--cream); }\n\n .blog-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n margin-bottom: 3.5rem;\n }\n\n .blog-grid {\n display: grid;\n grid-template-columns: 1.6fr 1fr 1fr;\n gap: 1.5px;\n background: var(--border);\n border: 1px solid var(--border);\n }\n\n .blog-card {\n background: var(--cream);\n padding: 2.5rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n cursor: pointer;\n transition: background .2s;\n position: relative;\n }\n\n .blog-card:hover { background: var(--warm-white); }\n\n .blog-card.featured { padding: 3rem; }\n\n .blog-date {\n font-size: .72rem;\n letter-spacing: .1em;\n text-transform: uppercase;\n color: var(--muted);\n }\n\n .blog-category {\n display: inline-block;\n font-size: .68rem;\n font-weight: 500;\n letter-spacing: .1em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: .2rem;\n }\n\n .blog-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.4rem;\n font-weight: 400;\n color: var(--ink);\n line-height: 1.3;\n }\n\n .blog-card.featured .blog-title { font-size: 1.85rem; }\n\n .blog-excerpt {\n font-size: .85rem;\n color: var(--muted);\n line-height: 1.75;\n font-weight: 300;\n flex: 1;\n }\n\n .blog-read {\n display: flex;\n align-items: center;\n gap: .5rem;\n font-size: .78rem;\n font-weight: 500;\n color: var(--ink-soft);\n text-decoration: none;\n letter-spacing: .04em;\n margin-top: auto;\n transition: color .2s;\n }\n\n .blog-read:hover { color: var(--accent); }\n .blog-read::after { content: '\u2192'; transition: transform .2s; }\n .blog-read:hover::after { transform: translateX(4px); }\n\n \/* \u2500\u2500 NEWSLETTER \u2500\u2500 *\/\n .newsletter {\n background: var(--ink);\n color: white;\n text-align: center;\n padding: 7rem 8vw;\n position: relative;\n overflow: hidden;\n }\n\n .newsletter::before {\n content: '';\n position: absolute;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%);\n width: 600px; height: 600px;\n border-radius: 50%;\n border: 1px solid rgba(255,255,255,.05);\n }\n\n .newsletter::after {\n content: '';\n position: absolute;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%);\n width: 400px; height: 400px;\n border-radius: 50%;\n border: 1px solid rgba(196,83,26,.2);\n }\n\n .newsletter-inner { position: relative; z-index: 2; max-width: 560px; margin: 0 auto; }\n\n .newsletter .section-label { justify-content: center; color: var(--accent-light); }\n .newsletter .section-label::after { background: var(--accent-light); }\n\n .newsletter h2 { color: white; }\n .newsletter h2 em { color: var(--accent-light); }\n\n .newsletter p {\n color: rgba(255,255,255,.5);\n font-size: .95rem;\n font-weight: 300;\n margin-bottom: 2.5rem;\n line-height: 1.75;\n }\n\n .newsletter-form {\n display: flex;\n gap: 0;\n max-width: 440px;\n margin: 0 auto;\n border: 1px solid rgba(255,255,255,.15);\n border-radius: 2px;\n overflow: hidden;\n transition: border-color .2s;\n }\n\n .newsletter-form:focus-within {\n border-color: var(--accent);\n }\n\n .newsletter-form input {\n flex: 1;\n background: rgba(255,255,255,.05);\n border: none;\n padding: 1rem 1.4rem;\n color: white;\n font-family: 'DM Sans', sans-serif;\n font-size: .88rem;\n outline: none;\n }\n\n .newsletter-form input::placeholder { color: rgba(255,255,255,.3); }\n\n .newsletter-form button {\n background: var(--accent);\n border: none;\n padding: 1rem 1.8rem;\n color: white;\n font-family: 'DM Sans', sans-serif;\n font-size: .78rem;\n font-weight: 500;\n letter-spacing: .08em;\n text-transform: uppercase;\n cursor: pointer;\n transition: background .2s;\n white-space: nowrap;\n }\n\n .newsletter-form button:hover { background: var(--accent-light); }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: var(--ink);\n color: rgba(255,255,255,.4);\n padding: 3rem 8vw;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-top: 1px solid rgba(255,255,255,.07);\n }\n\n .footer-logo {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n font-weight: 400;\n color: rgba(255,255,255,.8);\n text-decoration: none;\n }\n\n .footer-logo span { color: var(--accent-light); font-style: italic; }\n\n footer p { font-size: .78rem; }\n\n \/* \u2500\u2500 DIVIDER \u2500\u2500 *\/\n .divider {\n width: 100%;\n height: 1px;\n background: var(--border);\n margin: 0 8vw;\n width: calc(100% - 16vw);\n }\n\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-12px); }\n }\n\n @keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: .4; }\n 50% { transform: scale(1.8); opacity: 0; }\n }\n\n @keyframes spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n @keyframes slide {\n 0% { left: -100%; }\n 50% { left: 100%; }\n 100% { left: 100%; }\n }\n\n \/* \u2500\u2500 SCROLL REVEAL \u2500\u2500 *\/\n .reveal {\n opacity: 0;\n transform: translateY(28px);\n transition: opacity .7s ease, transform .7s ease;\n }\n\n .reveal.visible {\n opacity: 1;\n transform: none;\n }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 900px) {\n .hero { grid-template-columns: 1fr; min-height: auto; }\n .hero-right { display: none; }\n .hero-left { padding: 8rem 6vw 5rem; }\n .about { grid-template-columns: 1fr; gap: 3rem; padding: 4rem 6vw; }\n .courses-grid { grid-template-columns: 1fr; }\n .blog-grid { grid-template-columns: 1fr; }\n section { padding: 4rem 6vw; }\n .szkolenia-header, .blog-header { flex-direction: column; align-items: flex-start; gap: 1.5rem; }\n nav { padding: 1.2rem 5vw; }\n .nav-links { gap: 1.5rem; }\n }\n<\/style>\n<\/head>\n<body>\n\n<!-- NAV -->\n<nav>\n <a href=\"#\" class=\"logo\">Kreuj<span>zAI<\/span><\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#szkolenia\">Szkolenia<\/a><\/li>\n <li><a href=\"#o-mnie\">O mnie<\/a><\/li>\n <li><a href=\"#blog\">Blog<\/a><\/li>\n <li><a href=\"#kontakt\" class=\"nav-cta\">Zacznij nauk\u0119<\/a><\/li>\n <\/ul>\n<\/nav>\n\n<!-- HERO -->\n<section class=\"hero\">\n <div class=\"hero-left\">\n <div class=\"hero-tag\">Edukacja AI po polsku<\/div>\n <h1>Naucz si\u0119 <em>my\u015ble\u0107<\/em><br>z pomoc\u0105 AI<\/h1>\n <p class=\"hero-desc\">\n Praktyczne szkolenia i materia\u0142y, kt\u00f3re pomog\u0105 Ci zrozumie\u0107 i wykorzysta\u0107 sztuczn\u0105 inteligencj\u0119 \u2014 bez zb\u0119dnego \u017cargonu technicznego.\n <\/p>\n <div class=\"hero-actions\">\n <a href=\"#szkolenia\" class=\"btn-primary\">Zobacz szkolenia<\/a>\n <a href=\"#o-mnie\" class=\"btn-ghost\">Poznaj mnie<\/a>\n <\/div>\n <div class=\"hero-scroll\">\n <span class=\"scroll-line\"><\/span>\n Przewi\u0144 w d\u00f3\u0142\n <\/div>\n <\/div>\n <div class=\"hero-right\">\n <div class=\"hero-visual\">\n <div class=\"hero-grid\"><\/div>\n <div class=\"hero-circle-1\"><\/div>\n <div class=\"hero-circle-2\"><\/div>\n <div class=\"hero-nodes\">\n <div class=\"node\"><\/div>\n <div class=\"node\"><\/div>\n <div class=\"node\"><\/div>\n <div class=\"node\"><\/div>\n <div class=\"node\"><\/div>\n <\/div>\n <div class=\"hero-badge\">\n <span class=\"hero-badge-number\">500+<\/span>\n <span class=\"hero-badge-label\">zadowolonych uczestnik\u00f3w<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- O MNIE -->\n<section class=\"about\" id=\"o-mnie\">\n <div class=\"about-text reveal\">\n <div class=\"section-label\">O mnie<\/div>\n <h2>Ucz\u0119 jak <em>praktycznie<\/em><br>u\u017cywa\u0107 AI<\/h2>\n <p>Jestem pasjonatem sztucznej inteligencji i tw\u00f3rc\u0105 materia\u0142\u00f3w edukacyjnych, kt\u00f3re pomagaj\u0105 zwyk\u0142ym ludziom \u2014 nie tylko programistom \u2014 zrozumie\u0107 i efektywnie korzysta\u0107 z narz\u0119dzi AI.<\/p>\n <p>Moim celem jest demistyfikacja AI i pokazanie, \u017ce ka\u017cdy mo\u017ce wykorzysta\u0107 te narz\u0119dzia do swojej pracy i \u017cycia codziennego.<\/p>\n <a href=\"#\" class=\"btn-primary\" style=\"margin-top:1rem\">Moja historia \u2192<\/a>\n <\/div>\n <div class=\"about-stats reveal\">\n <div class=\"stat\">\n <span class=\"stat-number\">3+<\/span>\n <span class=\"stat-label\">lata do\u015bwiadczenia<\/span>\n <\/div>\n <div class=\"stat\">\n <span class=\"stat-number\">500+<\/span>\n <span class=\"stat-label\">uczestnik\u00f3w<\/span>\n <\/div>\n <div class=\"stat\">\n <span class=\"stat-number\">12<\/span>\n <span class=\"stat-label\">kurs\u00f3w online<\/span>\n <\/div>\n <div class=\"stat\">\n <span class=\"stat-number\">98%<\/span>\n <span class=\"stat-label\">zadowolonych<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- SZKOLENIA -->\n<section class=\"szkolenia\" id=\"szkolenia\">\n <div class=\"szkolenia-header reveal\">\n <div>\n <div class=\"section-label\">Szkolenia<\/div>\n <h2>Wybierz swoj\u0105<br><em>\u015bcie\u017ck\u0119 nauki<\/em><\/h2>\n <\/div>\n <a href=\"#\" class=\"btn-ghost\">Wszystkie kursy<\/a>\n <\/div>\n <div class=\"courses-grid reveal\">\n <div class=\"course-card\">\n <span class=\"course-level level-start\">Podstawowy<\/span>\n <div class=\"course-title\">AI dla Pocz\u0105tkuj\u0105cych<\/div>\n <div class=\"course-desc\">Odkryj \u015bwiat sztucznej inteligencji od podstaw. Dowiedz si\u0119 jak dzia\u0142aj\u0105 modele j\u0119zykowe i jak zacz\u0105\u0107 je u\u017cywa\u0107 w codziennej pracy.<\/div>\n <div class=\"course-footer\">\n <span class=\"course-meta\">8 lekcji \u00b7 4h<\/span>\n <div class=\"course-arrow\">\u2192<\/div>\n <\/div>\n <\/div>\n <div class=\"course-card\">\n <span class=\"course-level level-mid\">\u015aredniozaawansowany<\/span>\n <div class=\"course-title\">Prompt Engineering w praktyce<\/div>\n <div class=\"course-desc\">Naucz si\u0119 pisa\u0107 skuteczne prompty. Wyci\u015bnij maksimum z ChatGPT, Claude i innych narz\u0119dzi AI w swojej codziennej pracy.<\/div>\n <div class=\"course-footer\">\n <span class=\"course-meta\">14 lekcji \u00b7 6h<\/span>\n <div class=\"course-arrow\">\u2192<\/div>\n <\/div>\n <\/div>\n <div class=\"course-card\">\n <span class=\"course-level level-adv\">Zaawansowany<\/span>\n <div class=\"course-title\">Automatyzacja z AI<\/div>\n <div class=\"course-desc\">Zbuduj w\u0142asne przep\u0142ywy pracy z AI. Make, Zapier, n8n i inne narz\u0119dzia no-code do automatyzacji proces\u00f3w biznesowych.<\/div>\n <div class=\"course-footer\">\n <span class=\"course-meta\">20 lekcji \u00b7 10h<\/span>\n <div class=\"course-arrow\">\u2192<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- BLOG -->\n<section class=\"blog\" id=\"blog\">\n <div class=\"blog-header reveal\">\n <div>\n <div class=\"section-label\">Blog<\/div>\n <h2>Wiedza i<br><em>inspiracje<\/em><\/h2>\n <\/div>\n <a href=\"#\" class=\"btn-ghost\">Wszystkie artyku\u0142y<\/a>\n <\/div>\n <div class=\"blog-grid reveal\">\n <div class=\"blog-card featured\">\n <span class=\"blog-date\">12 marca 2025<\/span>\n <span class=\"blog-category\">Poradnik<\/span>\n <div class=\"blog-title\">5 sposob\u00f3w na to, \u017ceby AI pisa\u0142o tak jak Ty \u2014 nie jak robot<\/div>\n <div class=\"blog-excerpt\">Wi\u0119kszo\u015b\u0107 ludzi u\u017cywa AI do pisania i dostaje generyczne, bezbarwne teksty. Poznaj techniki, kt\u00f3re sprawi\u0105 \u017ce AI naprawd\u0119 przejmie Tw\u00f3j styl.<\/div>\n <a href=\"#\" class=\"blog-read\">Czytaj artyku\u0142<\/a>\n <\/div>\n <div class=\"blog-card\">\n <span class=\"blog-date\">5 marca 2025<\/span>\n <span class=\"blog-category\">Narz\u0119dzia<\/span>\n <div class=\"blog-title\">Claude vs ChatGPT w 2025 \u2014 co wybra\u0107?<\/div>\n <div class=\"blog-excerpt\">Szczere por\u00f3wnanie dw\u00f3ch gigant\u00f3w AI z perspektywy polskiego u\u017cytkownika.<\/div>\n <a href=\"#\" class=\"blog-read\">Czytaj<\/a>\n <\/div>\n <div class=\"blog-card\">\n <span class=\"blog-date\">28 lutego 2025<\/span>\n <span class=\"blog-category\">Automatyzacja<\/span>\n <div class=\"blog-title\">Make.com + AI: M\u00f3j ulubiony zestaw do automatyzacji<\/div>\n <div class=\"blog-excerpt\">Jak w 2 godziny zbudowa\u0107 automatyzacj\u0119, kt\u00f3ra oszcz\u0119dza 5 godzin tygodniowo.<\/div>\n <a href=\"#\" class=\"blog-read\">Czytaj<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- NEWSLETTER -->\n<section class=\"newsletter\" id=\"kontakt\">\n <div class=\"newsletter-inner reveal\">\n <div class=\"section-label\">Newsletter<\/div>\n <h2>B\u0105d\u017a na <em>bie\u017c\u0105co<\/em><br>ze \u015bwiatem AI<\/h2>\n <p>Co tydzie\u0144 \u2014 najwa\u017cniejsze nowo\u015bci AI, praktyczne wskaz\u00f3wki i ekskluzywne materia\u0142y prosto na Tw\u00f3j e-mail.<\/p>\n <div class=\"newsletter-form\">\n <input type=\"email\" placeholder=\"twoj@email.pl\">\n <button type=\"button\">Zapisz si\u0119<\/button>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n <a href=\"#\" class=\"footer-logo\">Kreuj<span>zAI<\/span><\/a>\n <p>\u00a9 2025 KreujzAI \u2014 Wszelkie prawa zastrze\u017cone<\/p>\n <p>Polityka prywatno\u015bci<\/p>\n<\/footer>\n\n<script>\n \/\/ Scroll reveal\n const reveals = document.querySelectorAll('.reveal');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, i) => {\n if (entry.isIntersecting) {\n setTimeout(() => entry.target.classList.add('visible'), i * 100);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n\n reveals.forEach(el => observer.observe(el));\n\n \/\/ Nav shadow on scroll\n const nav = document.querySelector('nav');\n window.addEventListener('scroll', () => {\n nav.style.boxShadow = window.scrollY > 20\n ? '0 4px 30px rgba(26,23,20,.06)'\n : 'none';\n });\n<\/script>\n<\/body>\n<\/html>\n\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>KreujzAI \u2014 Nauka AI dla ludzi KreujzAI Szkolenia O mnie Blog Zacznij nauk\u0119 Edukacja AI po polsku Naucz si\u0119 my\u015ble\u0107z pomoc\u0105 AI Praktyczne szkolenia i materia\u0142y, kt\u00f3re pomog\u0105 Ci zrozumie\u0107 i wykorzysta\u0107 sztuczn\u0105 inteligencj\u0119 \u2014 bez zb\u0119dnego \u017cargonu technicznego. Zobacz szkolenia Poznaj mnie Przewi\u0144 w d\u00f3\u0142 500+ zadowolonych uczestnik\u00f3w O mnie Ucz\u0119 jak praktycznieu\u017cywa\u0107 AI […]<\/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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kreujzai.pl\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kreujzai.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kreujzai.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kreujzai.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kreujzai.pl\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":8,"href":"https:\/\/kreujzai.pl\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/kreujzai.pl\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/kreujzai.pl\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}