PageSourceSearch

https://matthewplugins.github.io/portfolio/

html matthewplugins.github.io collected 2026-10-03 09:35:00 UTC 235,237 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html lang="pl" class="geistsanssubset_f4ad2603-module__Rj9zRq__variable geistmonosubset_eb78c796-module__eu0weW__variable"><head><meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'inline-speculation-rules' 'sha256-wWMpFPmbife9zJIGhhzVCMWkvaZZCMbyNw/QOf4tNWs=' 'sha256-G66W+TUpWclTCkep0Ux3DB41Qz160YlJOIemW5EsVWc=' 'sha256-D/5kQ469+9tI2FMl3FiFVLbB0sfbD98POOpJW107XCQ=' 'sha256-vDltpevXk/4xaJzj3C20t/Ov36CSHmENdrcj4WGbtfY=' 'sha256-AFJPzfTLjX8deEa0IKi9rB2VDUsI2jS3PXOQA4YOIbY=' 'sha256-OBTN3RiyCV4Bq7dFqZ5a2pAXjnCcCYeTJMO2I/LYKeo=' 'sha256-sL9RQWX944H8nTHfoJre+aM3jcd2EYOBJF0MruHEmEU=' 'sha256-rzSJsTs8cdTBlaBc/u4eeypWXTpRRAQs31djsCgcmkk=' 'sha256-yCsojp+SrgCZLdhs+OLQ8/4syLHNa47gB9k+w3KjYAE=' 'sha256-+8mQLJcBmNi2k3Z2y6pR9CTUyZ3h3G8jS12tHD5rNRQ=' 'sha256-tzR01g+P0L9Z7iig/UKJAgQfqpZr/ggofwH3vNErXRE=' 'sha256-VUxC8st5GU/KZxkSXUA8Qdl4+1SGA7b5pN3Eo0TNT60=' 'sha256-pf0l3+aqW0uKbvoccNGchdAboDElalD1WPTYNzbjcjI=' 'sha256-ZuahZrpEQEnvBCWpjYxXRGVmiM32l/EVyGeV388OyyM=' 'sha256-jo+habK2QXD19FqDfWnNQpNemTcUYnnLWqJ5NzvBDhs=' 'sha256-BotEkTfZ/FKtR47RwCDkgmL6a4/BUbHUlvnXmWboNls=' 'sha256-buLqDxJ0iNFa8Ut+tq67uI/jvfvPvmc4OOMGeelOvsM=' 'sha256-Di0k/HaNp2Zz34UH6tyRMuJMk2WrRB+kXktT54n5r24=' 'sha256-q7ESTRsdpo6ehsNNviykn9SRfEOZKfAkiczXXLRBSsA=' 'sha256-XBTitUarPJ9q7uDLDPeS3Dcgec6uJuhPe+sHqBvjQUs=' 'sha256-gDFEJBiedSqZHlW5ql3RlPV7GwIyyKiw1Ro2wjySmjI=' 'sha256-z7Xd2Ppdlb/gMG6hEUXw/WPG5L1TnNdqM/BOSg+6guE=' 'sha256-Fak4kHZFVPwEJ/hiv6ZuNOC2hrzpN4vdAPGxbEAp5Yk=' 'sha256-UdyyysjF1nnE23P9vXW1pYi135123zVikqLDg7h0BGc=' 'sha256-QrmQivabTjn39VJ1+nMGummL3jcGfQoLqLKyiolDr6E=' 'sha256-dbZFeMiTfHJwYeXqfGSwXNB6/+4tsqY3uhU6zqCgmhI=' 'sha256-7mMGuGDGTTOgO36G02EjxcFbIwqHGaArFeTnt3lR1+s=' 'sha256-DMbKSrfYZGsEM/a/dXqEkLFvG33Q5eD5nVIPvLJyKbM=' 'sha256-JLXr3DRu1Ci7oZ8DwnX9uoAVldXudxvVTaAyBuEH4c8=' 'sha256-DsYZzZYmxehYHlsQ2cib8bAVKb7r9ZpQHx9EduZWEIw=' 'sha256-9PKq76A0llRGRzWbZAjRSHOOB6/ejLL7yhSZYI4ru2Q=' 'sha256-XeJkVT4TclsahZ4pxO/DDxevuWlf/HDiOixvS2WnZ7Y=' 'sha256-J798ufYs9E7CihL/CUIyh6ssLleSK1bBRoOhPt42cGA=' 'sha256-INNlB18bikJrHNT2PrqhqD1vOqJX9TLBbuGlhADmNGk=' 'sha256-YZFukxYhnNGh0M5Y6jeG2AgNaz9+PdtzFFvwOb0brF4=' 'sha256-uEQQRaPTgL8RLrZ2iAIxUNzyT7303lVTGw/KuW45v2U=' 'sha256-L5WJ0dO0Cnhwonl1eN5MSP5Yp7hx3i4VY+97JTno3cg=' 'sha256-vDroyGi2sZ+7d4EBe8LAVX7lErsd6ccXm5ygL2XPW4U=' 'sha256-dQsJ1oprkAaohQrfZouIrb99v9DlX5F6AUb7ZRIlJ30='; style-src 'self' 'sha256-uJ7Y6xAR/w7zNxzVrkG6R0TalOdsGi/AYKVum0Gazls='; img-src 'self' data:; font-src 'self'; connect-src 'self'; object-src 'none'; base-uri 'none'; form-action 'self'; frame-src 'none'; media-src 'none'; worker-src 'none'; child-src 'none'; manifest-src 'self'; upgrade-insecure-requests"/><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/GeistMono_subset-s.p.3hrb1b_l8qlnp.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/Geist_subset-s.p.0wrueigtmvih5.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/0qc18updkpioy.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/3_pz_xyhj63hd.js"/>
1<script src="/_next/static/chunks/0f1vulsefivw8.js" async=""></script>
1<script src="/_next/static/chunks/2-8sgao54m75x.js" async=""></script>
1<script src="/_next/static/chunks/3kp37g5-kgh8u.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-3nokd07-dk39c.js" async=""></script>
1<script src="/_next/static/chunks/2es0warhxi97k.js" async=""></script>
1<script src="/_next/static/chunks/3fntmmi971322.js" async=""></script>
1<script src="/_next/static/chunks/0pt2nn1b2jenw.js" async=""></script>
1<script src="/_next/static/chunks/0yi0xck6-0-ef.js" async=""></script>
1<script src="/_next/static/chunks/21p-r_k-vj7v1.js" async=""></script>
1<script src="/_next/static/chunks/127o768naucqo.js" async=""></script>
1<script src="/_next/static/chunks/0y8f2-qtkojb4.js" async=""></script>
1<meta name="next-size-adjust" content=""/><meta name="theme-color" content="#08090b"/><title>Portfolio: strony, wtyczki i automatyzacje — Automatic AI</title><meta name="description" content="Katalog projektów zespołu Automatic AI: strony WWW, sklepy, wtyczki WordPress i automatyzacje. Prawdziwe wdrożenia z adresem, kodem albo rozpisaną budową."/><meta name="application-name" content="Automatic AI"/><link rel="author" href="https://automaticai.pl"/><meta name="author" content="Automatic AI"/><link rel="manifest" href="/manifest.webmanifest"/><meta name="keywords" content="AI,sztuczna inteligencja,automatyzacja,agenci AI,integracje,aplikacje AI,automatyzacja procesów"/><meta name="referrer" content="strict-origin-when-cross-origin"/><meta name="creator" content="Automatic AI"/><meta name="robots" content="noindex, nofollow"/><meta name="wersja-buildu" content="809a9ec08674"/><link rel="canonical" href="https://automaticai.pl/portfolio/"/><link rel="alternate" type="application/rss+xml" href="https://automaticai.pl/blog/feed.xml" title="Automatic AI Lab — 15 najnowszych, pełne treści"/><link rel="alternate" type="application/feed+json" href="https://automaticai.pl/blog/feed.json" title="Automatic AI Lab — wszystkie materiały, zajawki"/><meta property="og:title" content="Automatic AI — Portfolio"/><meta property="og:description" content="Katalog projektów zespołu — prawdziwe wdrożenia z działającym adresem, publicznym kodem albo rozpisaną budową."/><meta property="og:image" content="https://automaticai.pl/opengraph-image.png"/><meta property="og:image:type" content="image/png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Automatic AI — AI, automatyzacja, rozwiązania dla firm"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Automatic AI — AI, automatyzacja, rozwiązania dla firm"/><meta name="twitter:description" content="Tworzymy rozwiązania AI, automatyzacje, agentów i dedykowane aplikacje, które pomagają firmom oszczędzać czas i skalować procesy."/><meta name="twitter:image" content="https://automaticai.pl/opengraph-image.png"/><meta name="twitter:image:alt" content="Automatic AI — AI, automatyzacja, rozwiązania dla firm"/><meta name="twitter:image:type" content="image/png"/><meta name="twitter:image:width" content="1200"/><meta name="twitter:image:height" content="630"/><link rel="icon" href="/icon.svg?icon.40z1xanbrvgix.svg" sizes="any" type="image/svg+xml"/><link rel="apple-touch-icon" href="/apple-icon.png?apple-icon.28_vw0_6uk7bs.png" sizes="180x180" type="image/png"/>
1<script src="/_next/static/chunks/0cz1d0mv5g_q7.js" noModule=""></script>
1<style>.s-nXt0Z3laxQ{--m-dl:42.72}.s-MQSeHP3iug{--m-dl:33.18}.s-3_Zoj61BAa{--reveal-from:translateX(-20px)}.s-UhgctVhDTB{--reveal-from:translateX(-24px);--reveal-delay:0.05s}.s-s9NZbFEhHo{--reveal-from:translateX(-36px);--reveal-delay:0.08s}.s-q_M-gza1xw{--reveal-from:translateX(-28px);--reveal-delay:0.14s}.s-l8eIpzwBFJ{--reveal-from:translateY(26px)}.s-j4989K9fes{--reveal-from:translateX(-24px)}.s-e0aseUdXrc{--reveal-from:translateX(-34px);--reveal-delay:0.07s}.s-0F6qU2jGH2{color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 200'%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/webp;base64,UklGRuAAAABXRUJQVlA4TNMAAAAvBwABAM1VICICHgiACQMAAIBlCilCAAAAOAAABABAAAAAAAAAAAAAAAAEBAAQgAAAAIzKR6UCAAB4IGgpDAAAAOf//tUFAQJgAADAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAMBgAMrxPRC0EwgAAIDz/3NYCAC4ACAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAQAkqqiF0k5pA0wQADbl/vXMygbYogen5a+klVdnV8agsUUbe76jHIn+alANmFINK0V7ft/oxvWEeB34Rj/e9wpVNY4AA=='/%3E%3C/svg%3E")}.s-zlqnbDt84z{color:transparent}.s-eoAyH5sMRf{color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 200'%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/webp;base64,UklGRtoAAABXRUJQVlA4TM0AAAAvBwABAM1VICICHgjACQQAAIBbNg8AAAAAAAABARIAAAAAAAAAAAAAAAAAIAgeBCAo4D0ACNDaAAAAHgjICQAAAMD53ywAAAARDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAioKiAGHvgYCcAAAAAJz//YIAjEGCAgAAAAAAAAAAAAAAAAAAAAAAAAAAACgIAQAAAGmR/68PSeBXWCYEyAAGW9pITeTGLi7GAOl7Pk+MHeu6YgAmVaWv1saofb6znxTAxV6st8TKsVM74h8AAA=='/%3E%3C/svg%3E")}.s-KsNklEdyAV{color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 200'%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/webp;base64,UklGRtwAAABXRUJQVlA4TM8AAAAvBwABAM1VICICHghACgMAAIA6e3uYMd6YCAAAAAAAAAAAAAAAAAAAAAAAAAAACAAMAAQgZYG23xMAAMADAakBAAAAOP/7l4ABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAHZeg8E2AQAAADg/P8tQkEEAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAgAACAAyH8i9yXkAxH5JFD58RTg/df/8dkoJikVOn1ui9uIh6YoBWDBOQxem+7t07coIMP/oHhrWY6J/cegopTTQMA'/%3E%3C/svg%3E")}.s-oOBNImhqvV{color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 200'%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3Cfe
1Composite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/webp;base64,UklGRtgAAABXRUJQVlA4TMsAAAAvBwABAM1VICICHgiACQMAAIDTjQEWDgCFgAMAAAAAAAAAAAAAAAAAAAAAAAAIACIAgEDs0r9vBQAA8EBATgAAAADO/26IQgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAc17ICA3DAAAAOd/1zwAGAAEAAoAAAAAAAAAAAAAAAAAAAAAAAAAGABgAABgDKYk8ooaTA8G5j9z6L9+voC3JEEQl1TauspuBo57RohIEeVM7Bvf05jF/JXHdEsw311PC5q+8slQFQA='/%3E%3C/svg%3E")}.s-iPSs_Q2aMg{color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 200'%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/webp;base64,UklGRuQAAABXRUJQVlA4TNcAAAAvBwABAM1VICICHgiACQMAAIC4RTwExQn8hwOAAwAAAQAAAAAAAAAACAAAAAEAAAAABGQQ0mogAgAA8ECATQAAAADOf/2IoIIQIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgIDgUBL5PBBgFAgAAIDz3zUeEoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIve7ainxtHjAIpELBOsjYz5FPqA95+TVMgadUf4Ot6Fdti0/uV54I1PisbOfabi6AV+ZMpzBu9fLA3vMYVLClSG5Sxv8hHgA='/%3E%3C/svg%3E")}.s-F1CiB4QQ-A{color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 200'%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/webp;base64,UklGRtwAAABXRUJQVlA4TNAAAAAvBwABAM1VICICHgiACQMAAADXmSAfhMBD5wAAAAAAAAAAAAAAAAAAAAAAAAAAABBAKgQHUwb7fgAAgAcCUgMAAABw/veZYQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEX/HgjACQQAAMD53249EAgAQgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABG4E12FuljL1Bso2Hfjo656P8EKbjADaI8wOeu/PbXQc4BGqxi0eD6BLcTsrnSRE+Ry0VUsf+jZ7oIXT9YxjIu'/%3E%3C/svg%3E")}.s-SfsMj2cGqh{--reveal-from:translateX(-28px)}.s-HpS-vuBt03{--reveal-from:translateX(28px);--reveal-delay:0.1s}.s-J7lnrZ6RlG{transform:translate(var(--magnes-x, 0px), var(--magnes-y, 0px));transition-property:transform, background-color, border-color, color}.s-fMyUxQk5I3{--reveal-from:translateY(26px);--reveal-delay:0.08s}.s-wQqs0fP7_X{font-family:var(--font-sans)}.s-H-OURrk_4M{--mark-impuls:currentColor}</style></head><body><div hidden=""><!--$--><!--/$--></div>
1<script>(function(){var d=document.documentElement;d.classList.add('js');setTimeout(function(){if(!d.hasAttribute('data-hydrated'))d.classList.remove('js')},4000)})()</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://automaticai.pl/#organization","name":"Automatic AI","url":"https://automaticai.pl","email":"[email protected]","description":"Tworzymy rozwiązania AI, automatyzacje, agentów i dedykowane aplikacje, które pomagają firmom oszczędzać czas i skalować procesy.","logo":"https://automaticai.pl/icon.svg","sameAs":["https://www.linkedin.com/company/automaticai","https://www.instagram.com/automaticai"],"contactPoint":{"@type":"ContactPoint","contactType":"sales","email":"[email protected]","availableLanguage":["pl","en"]},"areaServed":{"@type":"Country","name":"Polska"},"numberOfEmployees":{"@type":"QuantitativeValue","value":4}},{"@type":"WebSite","@id":"https://automaticai.pl/#website","url":"https://automaticai.pl","name":"Automatic AI","inLanguage":"pl-PL","publisher":{"@id":"https://automaticai.pl/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://automaticai.pl/szukaj/#{search_term_string}"},"query-input":"required name=search_term_string"}}]}</script>
1<script type="speculationrules">{"prerender":[{"urls":["/uslugi/","/portfolio/","/realizacje/","/proces/","/szkolenia/","/sklep/","/blog/","/o-nas/","/faq/","/kontakt/"],"eagerness":"moderate"}]}</script>
1<a href="#tresc" class="skip-link">Przejdź do treści</a><header class="fixed inset-x-0 top-0 z-50 transition-transform duration-300 ease-wejscie motion-reduce:transition-none"><div class="border-b transition-colors duration-300 border-transparent bg-transparent"><nav aria-label="Nawigacja główna" class="container-site grid grid-cols-[auto_1fr] items-center transition-[height] duration-300 lg:grid-cols-[1fr_auto_1fr] h-[4.5rem]"><a aria-label="Automatic AI — strona główna" class="-m-2 justify-self-start rounded-sm p-2" href="/"><span class="inline-flex items-center gap-2.5"><svg viewBox="0 0 48 48" aria-hidden="true" class="size-8 shrink-0"><path d="M8 43 L26.5 4.5" fill="none" stroke="currentColor" stroke-width="5.2" stroke-linecap="butt" class="mark-modul s-nXt0Z3laxQ"></path><path d="M23.21 14.38 L40 43" fill="none" stroke="currentColor" stroke-width="5.2" stroke-linecap="butt" class="mark-modul mark-modul-b s-MQSeHP3iug"></path><rect x="12.8" y="26.2" width="22.2" height="5.4" fill="var(--mark-impuls, var(--color-volt))" class="mark-impuls"></rect></svg><span class="text-lg leading-none font-semibold tracking-tight">Automatic <span class="text-volt">AI</span></span></span></a><ul class="hidden items-center gap-5 lg:flex xl:gap-7"><li class="relative flex items-center gap-1"><a class="relative flex items-center gap-2 py-2 text-sm font-medium transition-colors hover:text-fg after:absolute after:inset-x-0 after:bottom-0.5 after:h-px after:origin-left after:scale-x-0 after:bg-volt after:transition-transform after:duration-300 after:ease-wejscie hover:after:scale-x-100 motion-reduce:after:transition-none text-steel" href="/uslugi/">Usługi</a><button type="button" aria-expanded="false" aria-controls="mega-uslugi" aria-label="Rozwiń menu usług" class="flex size-6 items-center justify-center text-steel transition-colors hover:text-fg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-3.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></li><li class="relative flex items-center"><a aria-current="page" class="relative flex items-center gap-2 py-2 text-sm font-medium transition-colors hover:text-fg after:absolute after:inset-x-0 after:bottom-0.5 after:h-px after:origin-left after:scale-x-0 after:bg-volt after:transition-transform after:duration-300 after:ease-wejscie hover:after:scale-x-100 motion-reduce:after:transition-none text-fg" href="/portfolio/"><span aria-hidden="true" class="size-1.5 rounded-full bg-volt"></span>Portfolio</a></li><li class="relative flex items-center"><a class="relative flex items-center gap-2 py-2 text-sm font-medium transition-colors hover:text-fg after:absolute after:inset-x-0 after:bottom-0.5 after:h-px after:origin-left after:scale-x-0 after:bg-volt after:transition-transform after:duration-300 after:ease-wejscie hover:after:scale-x-100 motion-reduce:after:transition-none text-steel" href="/realizacje/">Realizacje</a></li><li class="relative flex items-center"><a class="relative flex items-center gap-2 py-2 text-sm font-medium transition-colors hover:text-fg after:absolute after:inset-x-0 after:bottom-0.5 after:h-px after:origin-left after:scale-x-0 after:bg-volt after:transition-transform after:duration-300 after:ease-wejscie hover:after:scale-x-100 motion-reduce:after:transition-none text-steel" href="/proces/">Proces</a></li><li class="relative flex items-center"><a class="relative flex items-center gap-2 py-2 text-sm font-medium transition-colors hover:text-fg after:absolute after:inset-x-0 after:bottom-0.5 after:h-px after:origin-left after:scale-x-0 after:bg-volt after:transition-transform after:duration-300 after:ease-wejscie hover:after:scale-x-100 motion-reduce:after:transition-none text-steel" href="/szkolenia/">Szkolenia</a></li><li class="relative flex items-center"><a class="relative flex items-center gap-2 py-2 text-sm font-medium transition-colors hover:text-fg after:absolute after:inset-x-0 after:bottom-0.5 after:h-px after:origin-left after:scale-x-0 after:bg-volt after:transition-transform after:duration-300 after:ease-wejscie hover:after:scale-x-100 motion-reduce:after:transition-none text-steel" href="/sklep/">Sklep</a></li><li class="relative flex items-center"><a class="relative flex items-center gap-2 py-2 text-sm font-medium transition-colors hover:text-fg after:absolute after:inset-x-0 after:bottom-0.5 after:h-px after:origin-left after:scale-x-0 after:bg-volt after:transition-transform after:duration-300 after:ease-wejscie hover:after:scale-x-100 motion-reduce:after:transition-none text-steel" href="/blog/">Blog</a></li><li class="relative flex items-center"><a class="relative flex items-center gap-2 py-2 text-sm font-medium transition-colors hover:text-fg after:absolute after:inset-x-0 after:bottom-0.5 after:h-px after:origin-left after:scale-x-0 after:bg-volt after:transition-transform after:duration-300 after:ease-wejscie hover:after:scale-x-100 motion-reduce:after:transition-none text-steel" href="/o-nas/">O nas</a></li><li class="relative flex items-center"><a class="relative flex items-center gap-2 py-2 text-sm font-medium transition-colors hover:text-fg after:absolute after:inset-x-0 after:bottom-0.5 after:h-px after:origin-left after:scale-x-0 after:bg-volt after:transition-transform after:duration-300 after:ease-wejscie hover:after:scale-x-100 motion-reduce:after:transition-none text-steel" href="/faq/">FAQ</a></li></ul><div class="flex items-center justify-self-end gap-3"><a aria-label="Szukaj w serwisie" class="hidden size-10 items-center justify-center rounded-md text-steel transition-colors hover:text-fg lg:inline-flex" href="/szukaj/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search size-4" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg></a><a class="group hidden h-10 items-center gap-2 rounded-md bg-volt px-4 text-sm font-medium text-void transition-colors hover:bg-volt-hover lg:inline-flex" href="/kontakt/">Porozmawiajmy<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4 transition-transform group-hover:translate-x-0.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><button type="button" aria-expanded="false" aria-controls="menu-mobilne" aria-label="Otwórz menu" class="relative flex size-10 items-center justify-center lg:hidden"><span class="absolute h-px w-5 bg-fg transition-all duration-300 -translate-y-[3.5px]"></span><span class="absolute h-px w-5 bg-fg transition-all duration-300 translate-y-[3.5px]"></span></button></div></nav></div></header><main id="tresc" tabindex="-1"><div>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"ItemList","name":"Portfolio zespołu Automatic AI","itemListElement":[{"@type":"ListItem","position":1,"name":"Czarodziejski Dworek — strona przedszkola w dwóch wariantach","url":"https://automaticai.pl/portfolio/czarodziejski-dworek"},{"@type":"ListItem","position":2,"name":"MP Offer Automation Suite","url":"https://automaticai.pl/portfolio/mp-offer-automation-suite"},{"@type":"ListItem","position":3,"name":"Importery aukcji Copart i IAAI do WordPressa","url":"https://automaticai.pl/portfolio/copart-iaai-importer"},{"@type":"ListItem","position":4,"name":"Automatic AI — ta strona","url":"https://automaticai.pl/portfolio/automatic-ai"},{"@type":"ListItem","position":5,"name":"Platforma szkoleń Automatic AI — sklep z kursami","url":"https://automaticai.pl/portfolio/platforma-szkolen"},{"@type":"ListItem","position":6,"name":"Kredyt Kompas — strona pośrednika kredytowego (demo)","url":"https://automaticai.pl/portfolio/kredyt-kompas"},{"@type":"ListItem","position":7,"name":"Sklep Agentów — sklep z botami AI na WordPressie","url":"https://automaticai.pl/portfolio/sklep-agentow"},{"@type":"ListItem","position":8,"name":"Sklep zoologiczny — WooCommerce z dwiema wtyczkami","url":"https://automaticai.pl/portfolio/sklep-zoologiczny"},{"@type":"ListItem","position":9,"name":"Asystent zakupowy do akcesoriów AGD","url":"https://automaticai.pl/portfolio/asystent-zakupowy-agd"},{"@type":"ListItem","position":10,"name":"Przydział zamówień — rejon, opieka i wolumen","url":"https://automaticai.pl/portfolio/przydzial-zamowien"},{"@type":"ListItem","position":11,"name":"CRM z agentami AI dla importera z Chin","url":"https://automaticai.pl/portfolio/crm-importer-chiny"},{"@type":"ListItem","position":12,"name":"Skaner konkurencji — zdjęcie z telefonu, ceny rynku","url":"https://automaticai.pl/portfolio/skaner-konkurencji-moda"},{"@type":"ListItem","position":13,"name":"Panel aukcji Allegro i Temu — agent sprawdza przed publikacją","url":"https://automaticai.pl/portfolio/panel-aukcji-allegro-temu"},{"@type":"ListItem","position":14,"name":"Agenci rynkowi — cztery wtyczki do WordPressa","url":"https://automaticai.pl/portfolio/agenci-rynkowi-wordpress"},{"@type":"ListItem","position":15,"name":"Sklep ogólnobranżowy — katalog z feedu producenta","url":"https://automaticai.pl/portfolio/sklep-ogolnobranzowy"},{"@type":"ListItem","position":16,"name":"Agent rentowności — cztery sklepy w jednym rachunku","url":"https://automaticai.pl/portfolio/agent-rentownosci-sklepow"},{"@type":"ListItem","position":17,"name":"Generator zdjęć produktowych — jeden master, wiele platform","url":"https://automaticai.pl/portfolio/generator-zdjec-produktowych"},{"@type":"ListItem","position":18,"name":"Platforma email marketingu — dziesięć wtyczek, dziesięć baz","url":"https://automaticai.pl/portfolio/platforma-email-marketing"},{"@type":"ListItem","position":19,"name":"Sklep odzieżowy — kursy walut i przelicznik na żywo","url":"https://automaticai.pl/portfolio/sklep-fashion-waluty"},{"@type":"ListItem","position":20,"name":"Panel profili firm — dziesięć źródeł w jednym miejscu","url":"https://automaticai.pl/portfolio/panel-profili-firm"},{"@type":"ListItem","position":21,"name":"Segregacja poczty do handlowców — wtyczka i dodatek do CRM","url":"https://automaticai.pl/portfolio/segregacja-maili-handlowcy"},{"@type":"ListItem","position":22,"name":"Agenci kontroli zadań — Polska i Niemcy osobno","url":"https://automaticai.pl/portfolio/agenci-kontroli-zadan"},{"@type":"ListItem","position":23,"name":"Agent do kart charakterystyki — cytat, nie parafraza","url":"https://automaticai.pl/portfolio/agent-kart-charakterystyki"},{"@type":"ListItem","position":24,"name":"Sklep z kosmetykami — dla producenta i importera naraz","url":"https://automaticai.pl/portfolio/sklep-kosmetyki"},{"@type":"ListItem","position":25,"name":"AI do poziomów klienta — tożsamość z e-maila i adresu","url":"https://automaticai.pl/portfolio/ai-poziomy-klienta"},{"@type":"ListItem","position":26,"name":"Sklep spięty backendowo z marketplace’ami","url":"https://automaticai.pl/portfolio/sklep-i-marketplace"},{"@type":"ListItem","position":27,"name":"Salon łazienek i wyposażenia — od aranżacji do wyceny","url":"https://automaticai.pl/portfolio/salon-lazienek"},{"@type":"ListItem","position":28,"name":"AI PR Guardian — bramka jakości AI dla Pull Requestów (eksperyment)","url":"https://automaticai.pl/portfolio/ai-
1pr-guardian"}]}</script>
1<header class="relative overflow-hidden">
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Automatic AI","item":"https://automaticai.pl/"},{"@type":"ListItem","position":2,"name":"Portfolio"}]}</script>
1<div aria-hidden="true" class="bg-grid mask-fade-y absolute inset-0"></div><div aria-hidden="true" class="glow-breathe absolute -top-32 right-[8%] size-[26rem] rounded-full bg-volt-poswiata-mocna blur-[110px]"></div><div aria-hidden="true" class="grain absolute inset-0 opacity-[0.04]"></div><div class="container-site relative pt-28 pb-10 md:pt-36 md:pb-14"><div class="reveal-teraz s-3_Zoj61BAa"><nav aria-label="Breadcrumb"><ol class="flex flex-wrap items-center gap-1.5 font-mono text-label-sm tracking-label-3 text-steel/85"><li class="flex items-center gap-1.5"><a class="transition-colors hover:text-fg" href="/">Automatic AI</a></li><li class="flex items-center gap-1.5"><span aria-hidden="true">/</span><span aria-current="page" class="text-steel">Portfolio</span></li></ol></nav></div><div class="reveal-teraz s-UhgctVhDTB"><p class="font-mono text-eyebrow tracking-label-5 text-volt uppercase mt-5">[ <!-- -->Portfolio<!-- --> ]</p></div><div class="reveal-teraz s-s9NZbFEhHo"><h1 class="mt-4 max-w-4xl text-page-title font-semibold tracking-display">Projekty zrobione własnymi rękami.</h1></div><div class="reveal-teraz s-q_M-gza1xw"><p class="mt-4 max-w-2xl text-base leading-relaxed text-steel md:text-lg">Centrum projektów całego zespołu: prawdziwe wdrożenia — z działającym adresem, publicznym kodem albo rozpisaną budową tam, gdzie wdrożenie jest klienckie. Przeszukuj, filtruj i zaglądaj w szczegóły — katalog stale rośnie.</p></div></div></header><div class="border-y border-line bg-panel/30"><div class="container-site"><dl class="grid gap-x-6 grid-cols-3" data-cascade="0.08"><div data-cascade-item="" class="reveal flex flex-col-reverse justify-end gap-1.5 py-6 md:py-7 s-l8eIpzwBFJ"><dt class="text-sm leading-snug text-steel">projektów w katalogu</dt><dd class="text-3xl font-semibold tracking-tight text-volt tabular-nums md:text-4xl"><span class="relative inline-block"><span aria-hidden="true" class="invisible">28</span><span aria-hidden="true" class="absolute inset-0">28</span><span class="sr-only">28</span></span></dd></div><div data-cascade-item="" class="reveal flex flex-col-reverse justify-end gap-1.5 py-6 md:py-7 s-l8eIpzwBFJ"><dt class="text-sm leading-snug text-steel">technologie</dt><dd class="text-3xl font-semibold tracking-tight text-volt tabular-nums md:text-4xl"><span class="relative inline-block"><span aria-hidden="true" class="invisible">34</span><span aria-hidden="true" class="absolute inset-0">34</span><span class="sr-only">34</span></span></dd></div><div data-cascade-item="" class="reveal flex flex-col-reverse justify-end gap-1.5 py-6 md:py-7 s-l8eIpzwBFJ"><dt class="text-sm leading-snug text-steel">twórców</dt><dd class="text-3xl font-semibold tracking-tight text-volt tabular-nums md:text-4xl"><span class="relative inline-block"><span aria-hidden="true" class="invisible">3</span><span aria-hidden="true" class="absolute inset-0">3</span><span class="sr-only">3</span></span></dd></div></dl></div></div><section aria-label="Wyróżnione projekty" class="border-t border-line"><div class="container-site py-14 md:py-20"><div class="max-w-3xl"><div class="reveal s-j4989K9fes"><p class="font-mono text-eyebrow tracking-label-5 text-volt uppercase">[ <!-- -->01<!-- --> · <!-- -->Wyróżnione<!-- --> ]</p></div><div class="reveal s-e0aseUdXrc"><h2 class="mt-3 text-3xl font-semibold leading-luzne tracking-tight md:text-4xl lg:text-5xl">Projekty, od których warto zacząć.</h2></div><div class="reveal s-q_M-gza1xw"><p class="mt-4 max-w-2xl text-base leading-relaxed text-steel md:text-lg">Pełne wdrożenia: publiczny kod i działające adresy tam, gdzie wolno je pokazać, a przy wdrożeniach klienckich — rozpisana budowa.</p></div></div><div class="mt-8 grid grid-cols-1 gap-4 md:mt-10 lg:grid-cols-12"><div class="reveal lg:col-span-7 s-l8eIpzwBFJ"><article class="panel group flex h-full flex-col overflow-hidden transition-colors duration-300 hover:border-volt/25 focus-within:border-volt/40"><a aria-label="Szczegóły projektu Czarodziejski Dworek — strona przedszkola w dwóch wariantach" class="block" href="/portfolio/czarodziejski-dworek/"><div class="relative"><div aria-hidden="true" class="absolute inset-x-0 -inset-y-8 rounded-full bg-volt-poswiata blur-3xl sm:-inset-8"></div><div class="relative overflow-hidden border border-line bg-panel transition-colors duration-300 group-hover:border-volt/30 rounded-lg shadow-[0_24px_80px_-32px_rgba(0,0,0,0.8)]"><span aria-hidden="true" class="frame-impuls"></span><div class="flex min-w-0 items-center gap-2 border-b border-line px-4 py-2.5">
1<span aria-hidden="true" class="size-2 rounded-full bg-line"></span><span aria-hidden="true" class="size-2 rounded-full bg-line"></span><span aria-hidden="true" class="size-2 rounded-full bg-volt/60"></span><span aria-hidden="true" class="mx-auto min-w-0 shrink truncate rounded border border-line bg-void/60 px-3 py-0.5 font-mono text-label-sm tracking-label-1 text-steel">www.czarodziejski-dworek.pl</span><span aria-hidden="true" class="ml-auto hidden font-mono text-micro tracking-label-6 text-steel/85 uppercase sm:block">Live</span></div><div class="overflow-hidden"><img alt="Zrzut ekranu projektu Czarodziejski Dworek — strona przedszkola w dwóch wariantach" loading="lazy" width="1200" height="750" decoding="async" data-nimg="1" class="w-full object-cover object-top transition-transform duration-700 ease-out motion-safe:group-hover:scale-[1.03] aspect-[16/10] s-0F6qU2jGH2" sizes="(min-width: 1024px) 58vw, 100vw" srcSet="/_next/static/media/czarodziejski-dworek.3kwu-5ptymxmh-200.webp 200w, /_next/static/media/czarodziejski-dworek.3kwu-5ptymxmh-256.webp 256w, /_next/static/media/czarodziejski-dworek.3kwu-5ptymxmh-320.webp 320w, /_next/static/media/czarodziejski-dworek.3kwu-5ptymxmh-400.webp 400w, /_next/static/media/czarodziejski-dworek.3kwu-5ptymxmh-480.webp 480w, /_next/static/media/czarodziejski-dworek.3kwu-5ptymxmh-640.webp 640w, /_next/static/media/czarodziejski-dworek.3kwu-5ptymxmh-800.webp 800w, /_next/static/media/czarodziejski-dworek.3kwu-5ptymxmh-1200.webp 1200w, /_next/static/media/czarodziejski-dworek.3kwu-5ptymxmh-1600.webp 1600w" src="/_next/static/media/czarodziejski-dworek.3kwu-5ptymxmh-1600.webp"/></div></div></div></a><div class="flex flex-1 flex-col p-5 md:p-6"><p class="font-mono text-label-sm tracking-label-5 text-steel uppercase">Strony WWW<span aria-hidden="true" class="mx-2 text-steel/40">·</span><span class="tabular-nums">2026</span></p><h3 class="mt-3 text-section-title font-semibold tracking-tight"><a class="transition-colors hover:text-volt" href="/portfolio/czarodziejski-dworek/">Czarodziejski Dworek — strona przedszkola w dwóch wariantach</a></h3><p class="mt-3 leading-relaxed text-steel">Serwis przedszkola w dwóch wersjach: statyczny HTML oraz autorski motyw WordPress bez ani 
1jednej wtyczki. SEO lokalne, formularze zapisów, WCAG.</p><ul class="mt-4 flex flex-wrap gap-2" aria-label="Technologie projektu Czarodziejski Dworek — strona przedszkola w dwóch wariantach"><li class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel">HTML</li><li class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel">CSS</li><li class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel">JavaScript</li><li class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel">PHP</li><li class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel">WordPress</li><li class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel">SEO</li></ul><div class="mt-auto flex flex-wrap items-center justify-between gap-x-6 gap-y-3 border-t border-line pt-4 md:pt-5"><span class="flex min-w-0 items-center gap-2.5"><span class="flex shrink-0 -space-x-1.5"><img alt="" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="size-8 rounded-full border border-line bg-panel object-cover s-zlqnbDt84z" sizes="32px" srcSet="/_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-160.webp 160w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-200.webp 200w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-256.webp 256w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-320.webp 320w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-400.webp 400w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-480.webp 480w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-640.webp 640w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-800.webp 800w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1200.webp 1200w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1600.webp 1600w" src="/_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1600.webp"/></span><span class="truncate text-xs text-steel">Krzysztof</span></span><div class="flex flex-wrap items-center gap-x-5 gap-y-2"><a class="group/link inline-flex items-center gap-1.5 text-sm font-medium text-volt" href="/portfolio/czarodziejski-dworek/">Szczegóły projektu<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4 transition-transform group-hover/link:translate-x-0.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://www.czarodziejski-dworek.pl/" target="_blank" rel="noopener noreferrer" class="group/link inline-flex items-center gap-1.5 text-sm text-steel transition-colors hover:text-fg">Zobacz na żywo<span class="sr-only"> (otwiera się w nowej karcie)</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-4 transition-transform group-hover/link:translate-x-0.5 group-hover/link:-translate-y-0.5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a><a href="https://github.com/krzysiek2115op/czarodziejski-dworek" target="_blank" rel="noopener noreferrer" class="group/link inline-flex items-center gap-1.5 text-sm text-steel transition-colors hover:text-fg">Kod na GitHub<span class="sr-only"> (otwiera się w nowej karcie)</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-4 transition-transform group-hover/link:translate-x-0.5 group-hover/link:-translate-y-0.5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div></div></article></div><div class="flex flex-col gap-4 lg:col-span-5" data-cascade="0.08"><div data-cascade-item="" class="reveal flex flex-1 flex-col s-l8eIpzwBFJ"><article class="panel group relative flex h-full flex-col p-4 transition-colors duration-300 hover:border-volt/25 focus-within:border-volt/40 md:p-
15"><div class="flex items-start justify-between gap-3"><p class="font-mono text-label-sm tracking-label-5 text-steel uppercase pt-1">Wtyczki<span aria-hidden="true" class="mx-2 text-steel/40">·</span><span class="tabular-nums">2026</span></p><ol class="flex shrink-0 items-center"><li class="flex items-center"><span class="flex size-6 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt"><span aria-hidden="true">1</span><span class="sr-only">mp-lead-intake</span></span></li><li class="flex items-center"><span aria-hidden="true" class="h-px w-2.5 bg-line"></span><span class="flex size-6 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt"><span aria-hidden="true">2</span><span class="sr-only">mp-offer-builder</span></span></li><li class="flex items-center"><span aria-hidden="true" class="h-px w-2.5 bg-line"></span><span class="flex size-6 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt"><span aria-hidden="true">3</span><span class="sr-only">mp-sales-workflow</span></span></li></ol></div><h3 class="mt-2.5 text-base leading-snug font-semibold tracking-tight transition-colors group-hover:text-volt md:text-lg"><a class="after:absolute after:inset-0 after:content-[&#x27;&#x27;]" href="/portfolio/mp-offer-automation-suite/">MP Offer Automation Suite</a></h3><p class="mt-1.5 line-clamp-2 text-sm leading-relaxed text-steel">Zestaw trzech wtyczek WooCommerce prowadzących zapytanie ofertowe od formularza do gotowej oferty: kwalifikacja leada, kalkulacja ceny i PDF dla handlowca.</p><ul class="mt-3 flex flex-wrap gap-1.5" aria-label="Technologie projektu MP Offer Automation Suite"><li class="rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel">PHP</li><li class="rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel">WordPress</li><li class="rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel">WooCommerce</li><li class="rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel">MySQL</li></ul><div class="mt-auto flex items-center justify-between gap-3 pt-4"><span class="flex min-w-0 items-center gap-2.5"><span class="flex shrink-0 -space-x-1.5"><img alt="" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="size-6 rounded-full border border-line bg-panel object-cover s-zlqnbDt84z" sizes="32px" srcSet="/_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-160.webp 160w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-200.webp 200w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-256.webp 256w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-320.webp 320w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-400.webp 400w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-480.webp 480w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-640.webp 640w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-800.webp 800w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1200.webp 1200w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1600.webp 1600w" src="/_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1600.webp"/></span><span class="truncate text-xs text-steel">Krzysztof</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-4 shrink-0 text-steel transition-all duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:text-volt" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></article></div><div data-cascade-item="" class="reveal flex flex-1 flex-col s-l8eIpzwBFJ"><article class="panel group relative flex h-full flex-col p-4 transition-colors duration-300 hover:border-volt/25 focus-within:border-volt/40 md:p-
15"><div class="flex items-start justify-between gap-3"><p class="font-mono text-label-sm tracking-label-5 text-steel uppercase pt-1">Sklepy internetowe<span aria-hidden="true" class="mx-2 text-steel/40">·</span><span class="tabular-nums">2026</span></p><ol class="flex shrink-0 items-center"><li class="flex items-center"><span class="flex size-6 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt"><span aria-hidden="true">1</span><span class="sr-only">zoo-sync-hurtowni</span></span></li><li class="flex items-center"><span aria-hidden="true" class="h-px w-2.5 bg-line"></span><span class="flex size-6 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt"><span aria-hidden="true">2</span><span class="sr-only">WooCommerce</span></span></li><li class="flex items-center"><span aria-hidden="true" class="h-px w-2.5 bg-line"></span><span class="flex size-6 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt"><span aria-hidden="true">3</span><span class="sr-only">zoo-kalkulator-karmy</span></span></li><li class="flex items-center"><span aria-hidden="true" class="h-px w-2.5 bg-line"></span><span class="flex size-6 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt"><span aria-hidden="true">4</span><span class="sr-only">feed produktowy</span></span></li></ol></div><h3 class="mt-2.5 text-base leading-snug font-semibold tracking-tight transition-colors group-hover:text-volt md:text-lg"><a class="after:absolute after:inset-0 after:content-[&#x27;&#x27;]" href="/portfolio/sklep-zoologiczny/">Sklep zoologiczny — WooCommerce z dwiema wtyczkami</a></h3><p class="mt-1.5 line-clamp-2 text-sm leading-relaxed text-steel">Sklep z karmą i akcesoriami na WooCommerce z dwiema autorskimi wtyczkami: doborem opakowania pod konkretne zwierzę i synchronizacją katalogu z hurtownią.</p><ul class="mt-3 flex flex-wrap gap-1.5" aria-label="Technologie projektu Sklep zoologiczny — WooCommerce z dwiema wtyczkami"><li class="rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel">WordPress</li><li class="rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel">WooCommerce</li><li class="rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel">PHP</li><li class="rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel">MySQL</li><li class="rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel">JavaScript</li><li class="rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel">REST API</li></ul><div class="mt-auto flex items-center justify-between gap-3 pt-4"><span class="flex min-w-0 items-center gap-2.5"><span class="flex shrink-0 -space-x-1.5"><img alt="" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="size-6 rounded-full border border-line bg-panel object-cover s-zlqnbDt84z" sizes="32px" srcSet="/_next/static/media/mariusz-perzynski.243r2-z3d0fry-160.webp 160w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-200.webp 200w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-256.webp 256w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-320.webp 320w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-400.webp 400w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-480.webp 480w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-640.webp 640w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-800.webp 800w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-1200.webp 1200w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-1600.webp 1600w" src="/_next/static/media/mariusz-perzynski.243r2-z3d0fry-1600.webp"/></span><span class="truncate text-xs text-steel">Mariusz</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-4 shrink-0 text-steel transition-all duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:text-volt" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></article></div><div data-cascade-item="" class="reveal flex flex-1 flex-col s-l8eIpzwBFJ"><article class="panel group relative flex h-full flex-col p-4 transition-colors duration-300 hover:border-volt/25 focus-within:border-volt/40 md:p-
15"><div class="flex items-start justify-between gap-3"><p class="font-mono text-label-sm tracking-label-5 text-steel uppercase pt-1">AI<span aria-hidden="true" class="mx-2 text-steel/40">·</span><span class="tabular-nums">2026</span></p><ol class="flex shrink-0 items-center"><li class="flex items-center"><span class="flex size-6 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt"><span aria-hidden="true">1</span><span class="sr-only">rozpoznanie</span></span></li><li class="flex items-center"><span aria-hidden="true" class="h-px w-2.5 bg-line"></span><span class="flex size-6 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt"><span aria-hidden="true">2</span><span class="sr-only">agd-rozmowa</span></span></li><li class="flex items-center"><span aria-hidden="true" class="h-px w-2.5 bg-line"></span><span class="flex size-6 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt"><span aria-hidden="true">3</span><span class="sr-only">agd-graf-dopasowan</span></span></li><li class="flex items-center"><span aria-hidden="true" class="h-px w-2.5 bg-line"></span><span class="flex size-6 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt"><span aria-hidden="true">4</span><span class="sr-only">agd-most-koszyka</span></span></li></ol></div><h3 class="mt-2.5 text-base leading-snug font-semibold tracking-tight transition-colors group-hover:text-volt md:text-lg"><a class="after:absolute after:inset-0 after:content-[&#x27;&#x27;]" href="/portfolio/asystent-zakupowy-agd/">Asystent zakupowy do akcesoriów AGD</a></h3><p class="mt-1.5 line-clamp-2 text-sm leading-relaxed text-steel">Doradca w rozmowie dla sklepu z akcesoriami AGD: prowadzi klienta od „mam pralkę Bosch” do jednej pasującej części, a zgodność bierze z katalogu.</p><ul class="mt-3 flex flex-wrap gap-1.5" aria-label="Technologie projektu Asystent zakupowy do akcesoriów AGD"><li class="rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel">Claude</li><li class="rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel">TypeScript</li><li class="rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel">Next.js</li><li class="rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel">PostgreSQL</li><li class="rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel">Supabase</li><li class="rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel">WooCommerce</li></ul><div class="mt-auto flex items-center justify-between gap-3 pt-4"><span class="flex min-w-0 items-center gap-2.5"><span class="flex shrink-0 -space-x-1.5"><img alt="" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="size-6 rounded-full border border-line bg-panel object-cover s-zlqnbDt84z" sizes="32px" srcSet="/_next/static/media/mariusz-perzynski.243r2-z3d0fry-160.webp 160w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-200.webp 200w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-256.webp 256w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-320.webp 320w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-400.webp 400w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-480.webp 480w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-640.webp 640w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-800.webp 800w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-1200.webp 1200w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-1600.webp 1600w" src="/_next/static/media/mariusz-perzynski.243r2-z3d0fry-1600.webp"/></span><span class="truncate text-xs text-steel">Mariusz</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-4 shrink-0 text-steel transition-all duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:text-volt" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></article></div></div></div></div></section><section aria-label="Wszystkie projekty" class="border-t border-line"><div class="container-site py-14 md:py-20"><div class="max-w-3xl"><div class="reveal s-j4989K9fes"><p class="font-mono text-eyebrow tracking-label-5 text-volt uppercase">[ <!-- -->02<!-- --> · <!-- -->Wszystkie projekty<!-- --> ]</p></div><div class="reveal s-e0aseUdXrc"><h2 class="mt-3 text-3xl font-semibold leading-luzne tracking-tight md:text-4xl lg:text-5xl">Przeszukaj cały katalog.</h2></div><div class="reveal s-q_M-gza1xw"><p class="mt-4 max-w-2xl text-base leading-relaxed text-steel md:text-lg">Wpisz, czego szukasz, albo zawęź listę kategorią, technologią i autorem — filtry można łączyć.</p></div></div><div class="mt-8 md:mt-10"><div id="projekty" class="scroll-mt-24"><div class="flex flex-col gap-4"><div class="flex flex-col gap-3 md:flex-row md:items-center md:justify-between"><label class="relative block w-full md:max-w-md"><span class="sr-only">Szukaj w portfolio</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search pointer-events-none absolute top-1/2 left-3.5 size-4 -translate-y-1/2 text-steel" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg><input type="search" placeholder="Czego szukasz? np. WordPress, SEO, strona" class="h-11 w-full rounded-md border border-line bg-panel/60 pr-16 pl-10 text-sm text-fg placeholder:text-steel/85 focus-visible:border-volt/50" value=""/><kbd aria-hidden="true" class="pointer-events-none absolute top-1/2 right-2.5 hidden -translate-y-1/2 roun
1ded border border-line bg-void/60 px-1.5 py-0.5 font-mono text-label-sm tracking-label-1 text-steel/85 md:block">Ctrl K</kbd></label><div class="flex items-center justify-between gap-4 md:justify-end"><p aria-live="polite" class="font-mono text-label tracking-label-3 text-steel uppercase"><span class="font-sans font-medium text-fg tabular-nums">28</span> <!-- -->projektów</p><div role="group" aria-label="Sortowanie" class="flex items-center gap-1"><button type="button" aria-pressed="true" class="rounded px-2 py-1.5 font-mono text-label-sm tracking-label-3 uppercase transition-colors text-volt">Polecane</button><button type="button" aria-pressed="false" class="rounded px-2 py-1.5 font-mono text-label-sm tracking-label-3 uppercase transition-colors text-steel hover:text-fg">Najnowsze</button><button type="button" aria-pressed="false" class="rounded px-2 py-1.5 font-mono text-label-sm tracking-label-3 uppercase transition-colors text-steel hover:text-fg">A-Z</button></div></div></div><div class="flex flex-col gap-2.5"><div class="flex flex-wrap items-center gap-2"><span class="w-24 shrink-0 font-mono text-label-sm tracking-label-4 text-steel/85 uppercase">Kategoria</span><button type="button" aria-pressed="true" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-volt/60 bg-volt/10 text-volt">Wszystkie</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg">Strony WWW</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg">Sklepy internetowe</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg">Wtyczki</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg">Automatyzacje</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg">AI</button></div><details class="group/tech"><summary class="flex w-fit cursor-pointer items-center gap-2 py-1 font-mono text-label-sm tracking-label-4 text-steel/85 uppercase transition-colors hover:text-fg [&amp;::-webkit-details-marker]:hidden">Filtruj technologią<span class="text-steel tabular-nums">· <!-- -->34</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-3.5 transition-transform group-open/tech:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><div class="flex flex-wrap items-center gap-2 pt-2"><span class="w-24 shrink-0 font-mono text-label-sm tracking-label-4 text-steel/85 uppercase">Technologia</span><button type="button" aria-pressed="true" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-volt/60 bg-volt/10 text-volt">Wszystkie</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>Claude</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>Claude Code</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>CSS</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>DMARC</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>Electron</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>GitHub Actions</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>Headless CMS</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>HTML</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>IMAP</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>JavaScript</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>MySQL</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>n8n</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>Next.js</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>Node.js</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>pdf.js</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>pgvector</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>PHP</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>Playwright</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>PostgreSQL</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>Python</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>React</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>Redis</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>REST API</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>Schema.org</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>SEO</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>sharp</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>SQLite</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>Stripe</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>Supabase</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>systemd</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>Tailwind CSS</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>
1TypeScript</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>WooCommerce</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg"><span aria-hidden="true" class="flex size-3 shrink-0 items-center justify-center rounded-sm border transition-colors border-steel/50"></span>WordPress</button></div></details><div class="flex flex-wrap items-center gap-2"><span class="w-24 shrink-0 font-mono text-label-sm tracking-label-4 text-steel/85 uppercase">Autor</span><button type="button" aria-pressed="true" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-volt/60 bg-volt/10 text-volt">Wszyscy</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg">Mariusz</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg">Krzysztof</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-md border px-3 py-1.5 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/30 hover:text-fg">Konrad</button></div></div></div><div class="mt-7 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3"><article class="panel flex h-full flex-col overflow-hidden rounded-md transition-colors duration-300 hover:border-volt/25 focus-within:border-volt/40"><div class="group relative flex flex-1 flex-col"><div class="relative"><div class="relative overflow-hidden border border-line bg-panel transition-colors duration-300 group-hover:border-volt/30 rounded-md"><span aria-hidden="true" class="frame-impuls"></span><div class="flex min-w-0 items-center gap-2 border-b border-line px-3.5 py-2"><span aria-hidden="true" class="size-2 rounded-full bg-line"></span><span aria-hidden="true" class="size-2 rounded-full bg-line"></span><span aria-hidden="true" class="size-2 rounded-full bg-volt/60"></span><span aria-hidden="true" class="mx-auto min-w-0 shrink truncate rounded border border-line bg-void/60 px-3 py-0.5 font-mono text-label-sm tracking-label-1 text-steel">www.czarodziejski-dworek.pl</span><span aria-hidden="true" class="ml-auto hidden font-mono text-micro tracking-label-6 text-steel/85 uppercase sm:block">Live</span></div><div class="overflow-hidden"><img alt="Zrzut ekranu projektu Czarodziejski Dworek — strona przedszkola w dwóch wariantach" loading="lazy" width="1200" height="750" decoding="async" data-nimg="1" class="w-full object-cover object-top transition-transform duration-700 ease-out motion-safe:group-hover:scale-[1.03] aspect-[16/9] s-0F6qU2jGH2" sizes="(min-width: 1024px) 33vw, 100vw" srcSet="/_next/static/media/czarodziejski-dworek.3kwu-5ptymxmh-160.webp 160w, /_next/static/media/czarodziejski-dworek.3kwu-5ptymxmh-200.webp 200w, /_next/static/media/czarodziejski-dworek.3kwu-5ptymxmh-256.webp 256w, /_next/static/media/czarodziejski-dworek.3kwu-5ptymxmh-320.webp 320w, /_next/static/media/czarodziejski-dworek.3kwu-5ptymxmh-400.webp 400w, /_next/static/media/czarodziejski-dworek.3kwu-5ptymxmh-480.webp 480w, /_next/static/media/czarodziejski-dworek.3kwu-5ptymxmh-640.webp 640w, /_next/static/media/czarodziejski-dworek.3kwu-5ptymxmh-800.webp 800w, /_next/static/media/czarodziejski-dworek.3kwu-5ptymxmh-1200.webp 1200w, /_next/static/media/czarodziejski-dworek.3kwu-5ptymxmh-1600.webp 1600w" src="/_next/static/media/czarodziejski-dworek.3kwu-5ptymxmh-1600.webp"/></div></div></div><div class="flex flex-1 flex-col p-4 md:p-5"><p class="flex flex-wrap items-center gap-x-2.5 gap-y-1 font-mono text-label-sm tracking-label-2 text-steel uppercase"><span class="text-volt/90">Strony WWW</span><span aria-hidden="true">·</span><span class="tabular-nums">2026</span></p><h3 class="mt-2 text-base leading-snug font-semibold tracking-tight transition-colors group-hover:text-volt md:text-lg"><a class="after:absolute after:inset-0 after:content-[&#x27;&#x27;]" href="/portfolio/czarodziejski-dworek/">Czarodziejski Dworek — strona przedszkola w dwóch wariantach</a></h3><p class="mt-1.5 line-clamp-3 text-sm leading-relaxed text-steel">Serwis przedszkola w dwóch wersjach: statyczny HTML oraz autorski motyw WordPress bez ani 
1jednej wtyczki. SEO lokalne, formularze zapisów, WCAG.</p><div class="mt-auto flex items-center justify-between gap-3 pt-4"><span class="flex min-w-0 items-center gap-2.5"><span class="flex shrink-0 -space-x-1.5"><img alt="" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="size-6 rounded-full border border-line bg-panel object-cover s-zlqnbDt84z" sizes="32px" srcSet="/_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-160.webp 160w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-200.webp 200w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-256.webp 256w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-320.webp 320w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-400.webp 400w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-480.webp 480w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-640.webp 640w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-800.webp 800w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1200.webp 1200w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1600.webp 1600w" src="/_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1600.webp"/></span><span class="truncate text-xs text-steel">Krzysztof</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-4 shrink-0 text-steel transition-all duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:text-volt" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></div><ul class="flex flex-wrap gap-1.5 border-t border-line px-4 py-3 md:px-5" aria-label="Technologie projektu Czarodziejski Dworek — strona przedszkola w dwóch wariantach"><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">HTML</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">CSS</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">JavaScript</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">PHP</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">WordPress</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">SEO</button></li></ul></article><article class="panel flex h-full flex-col overflow-hidden rounded-md transition-colors duration-300 hover:border-volt/25 focus-within:border-volt/40"><div class="group relative flex flex-1 flex-col"><div class="relative"><div class="relative overflow-hidden border border-line bg-panel transition-colors duration-300 group-hover:border-volt/30 rounded-md"><span aria-hidden="true" class="frame-impuls"></span><div class="flex min-w-0 items-center gap-2 border-b border-line px-3.5 py-2"><span aria-hidden="true" class="size-2 rounded-full bg-line"></span><span aria-hidden="true" class="size-2 rounded-full bg-line"></span><span aria-hidden="true" class="size-2 rounded-full bg-volt/60"></span><span aria-hidden="true" class="mx-auto min-w-0 shrink truncate rounded border border-line bg-void/60 px-3 py-0.5 font-mono text-label-sm tracking-label-1 text-steel">playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/krzysiek2115op/mp-offer-automation-suite/main/tools/strona-pokazowa/blueprint.json</span><span aria-hidden="true" class="ml-auto hidden font-mono text-micro tracking-label-6 text-steel/85 uppercase sm:block">Live</span></div><div class="relative w-full overflow-hidden aspect-[16/9]"><div aria-hidden="true" class="bg-grid absolute inset-0 opacity-50"></div><div aria-hidden="true" class="absolute -right-16 -bottom-24 size-72 roun
1ded-full bg-volt-poswiata-mocna blur-[80px]"></div><div class="relative flex h-full flex-col px-4 py-3.5"><div class="relative min-h-0 flex-1"><span aria-hidden="true" class="absolute top-3 bottom-3 w-px bg-gradient-to-b from-line via-volt/40 to-line left-[11px]"></span><ol class="flex h-full flex-col justify-between"><li class="relative flex items-center gap-3.5"><span class="relative z-10 flex shrink-0 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt size-6">1</span><div class="min-w-0"><p class="truncate font-mono tracking-label-1 text-fg text-label">mp-lead-intake</p></div></li><li class="relative flex items-center gap-3.5"><span class="relative z-10 flex shrink-0 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt size-6">2</span><div class="min-w-0"><p class="truncate font-mono tracking-label-1 text-fg text-label">mp-offer-builder</p></div></li><li class="relative flex items-center gap-3.5"><span class="relative z-10 flex shrink-0 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt size-6">3<span aria-hidden="true" class="status-dot absolute -top-0.5 -right-0.5 size-[5px] rounded-full bg-volt"></span></span><div class="min-w-0"><p class="truncate font-mono tracking-label-1 text-fg text-label">mp-sales-workflow</p></div></li></ol></div><p class="font-mono text-label-sm tracking-label-4 text-steel/85 uppercase tabular-nums mt-3">3 etapy<!-- --> · <!-- -->2026</p></div></div></div></div><div class="flex flex-1 flex-col p-4 md:p-5"><p class="flex flex-wrap items-center gap-x-2.5 gap-y-1 font-mono text-label-sm tracking-label-2 text-steel uppercase"><span class="text-volt/90">Wtyczki</span><span aria-hidden="true">·</span><span class="tabular-nums">2026</span></p><h3 class="mt-2 text-base leading-snug font-semibold tracking-tight transition-colors group-hover:text-volt md:text-lg"><a class="after:absolute after:inset-0 after:content-[&#x27;&#x27;]" href="/portfolio/mp-offer-automation-suite/">MP Offer Automation Suite</a></h3><p class="mt-1.5 line-clamp-3 text-sm leading-relaxed text-steel">Zestaw trzech wtyczek WooCommerce prowadzących zapytanie ofertowe od formularza do gotowej oferty: kwalifikacja leada, kalkulacja ceny i PDF dla handlowca.</p><div class="mt-auto flex items-center justify-between gap-3 pt-4"><span class="flex min-w-0 items-center gap-2.5"><span class="flex shrink-0 -space-x-1.5"><img alt="" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="size-6 rounded-full border border-line bg-panel object-cover s-zlqnbDt84z" sizes="32px" srcSet="/_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-160.webp 160w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-200.webp 200w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-256.webp 256w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-320.webp 320w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-400.webp 400w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-480.webp 480w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-640.webp 640w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-800.webp 800w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1200.webp 1200w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1600.webp 1600w" src="/_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1600.webp"/></span><span class="truncate text-xs text-steel">Krzysztof</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-4 shrink-0 text-steel transition-all duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:text-volt" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></div><ul class="flex flex-wrap gap-1.5 border-t border-line px-4 py-3 md:px-5" aria-label="Technologie projektu MP Offer Automation Suite"><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">PHP</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">WordPress</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">WooCommerce</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">MySQL</button></li></ul></article><article class="panel flex h-full flex-col overflow-hidden rounded-md transition-colors duration-300 hover:border-volt/25 focus-within:border-volt/40"><div class="group relative flex flex-1 flex-col"><div class="relative"><div class="relative overflow-hidden border border-line bg-panel transition-colors duration-300 group-hover:border-volt/30 rounded-md"><span aria-hidden="true" class="frame-impuls"></span><div class="flex min-w-0 items-center gap-2 border-b border-line px-3.5 py-2">
1<span aria-hidden="true" class="size-2 rounded-full bg-line"></span><span aria-hidden="true" class="size-2 rounded-full bg-line"></span><span aria-hidden="true" class="size-2 rounded-full bg-volt/60"></span><span aria-hidden="true" class="mx-auto min-w-0 shrink truncate rounded border border-line bg-void/60 px-3 py-0.5 font-mono text-label-sm tracking-label-1 text-steel">playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/krzysiek2115op/iaai-importer-demo/main/blueprint.json</span><span aria-hidden="true" class="ml-auto hidden font-mono text-micro tracking-label-6 text-steel/85 uppercase sm:block">Live</span></div><div class="overflow-hidden"><img alt="Zrzut ekranu projektu Importery aukcji Copart i IAAI do WordPressa" loading="lazy" width="1200" height="750" decoding="async" data-nimg="1" class="w-full object-cover object-top transition-transform duration-700 ease-out motion-safe:group-hover:scale-[1.03] aspect-[16/9] s-eoAyH5sMRf" sizes="(min-width: 1024px) 33vw, 100vw" srcSet="/_next/static/media/copart-iaai-importer.0uygr98t1zxvx-160.webp 160w, /_next/static/media/copart-iaai-importer.0uygr98t1zxvx-200.webp 200w, /_next/static/media/copart-iaai-importer.0uygr98t1zxvx-256.webp 256w, /_next/static/media/copart-iaai-importer.0uygr98t1zxvx-320.webp 320w, /_next/static/media/copart-iaai-importer.0uygr98t1zxvx-400.webp 400w, /_next/static/media/copart-iaai-importer.0uygr98t1zxvx-480.webp 480w, /_next/static/media/copart-iaai-importer.0uygr98t1zxvx-640.webp 640w, /_next/static/media/copart-iaai-importer.0uygr98t1zxvx-800.webp 800w, /_next/static/media/copart-iaai-importer.0uygr98t1zxvx-1200.webp 1200w, /_next/static/media/copart-iaai-importer.0uygr98t1zxvx-1600.webp 1600w" src="/_next/static/media/copart-iaai-importer.0uygr98t1zxvx-1600.webp"/></div></div></div><div class="flex flex-1 flex-col p-4 md:p-5"><p class="flex flex-wrap items-center gap-x-2.5 gap-y-1 font-mono text-label-sm tracking-label-2 text-steel uppercase"><span class="text-volt/90">Wtyczki</span><span aria-hidden="true">·</span><span class="tabular-nums">2026</span></p><h3 class="mt-2 text-base leading-snug font-semibold tracking-tight transition-colors group-hover:text-volt md:text-lg"><a class="after:absolute after:inset-0 after:content-[&#x27;&#x27;]" href="/portfolio/copart-iaai-importer/">Importery aukcji Copart i IAAI do WordPressa</a></h3><p class="mt-1.5 line-clamp-3 text-sm leading-relaxed text-steel">Oferta z aukcji na stronie dealera bez ręcznego wpisywania: scraper w Pythonie na VPS zasila własną bazę, a wtyczka WordPressa czyta ją tylko do odczytu.</p><div class="mt-auto flex items-center justify-between gap-3 pt-4"><span class="flex min-w-0 items-center gap-2.5"><span class="flex shrink-0 -space-x-1.5"><img alt="" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="size-6 rounded-full border border-line bg-panel object-cover s-zlqnbDt84z" sizes="32px" srcSet="/_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-160.webp 160w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-200.webp 200w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-256.webp 256w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-320.webp 320w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-400.webp 400w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-480.webp 480w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-640.webp 640w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-800.webp 800w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1200.webp 1200w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1600.webp 1600w" src="/_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1600.webp"/></span><span class="truncate text-xs text-steel">Krzysztof</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-4 shrink-0 text-steel transition-all duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:text-volt" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></div><ul class="flex flex-wrap gap-1.5 border-t border-line px-4 py-3 md:px-5" aria-label="Technologie projektu Importery aukcji Copart i IAAI do WordPressa"><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">Python</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">PHP</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">WordPress</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">MySQL</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">systemd</button></li></ul></article><article class="panel flex h-full flex-col overflow-hidden rounded-md transition-colors duration-300 hover:border-volt/25 focus-within:border-volt/40"><div class="group relative flex flex-1 flex-col"><div class="relative"><div class="relative overflow-hidden border border-line bg-panel transition-colors duration-300 group-hover:border-volt/30 rounded-md"><span aria-hidden="true" class="frame-impuls"></span><div class="flex min-w-0 items-center gap-2 border-b border-line px-3.5 py-2">
1<span aria-hidden="true" class="size-2 rounded-full bg-line"></span><span aria-hidden="true" class="size-2 rounded-full bg-line"></span><span aria-hidden="true" class="size-2 rounded-full bg-volt/60"></span><span aria-hidden="true" class="mx-auto min-w-0 shrink truncate rounded border border-line bg-void/60 px-3 py-0.5 font-mono text-label-sm tracking-label-1 text-steel">matthewplugins.github.io</span><span aria-hidden="true" class="ml-auto hidden font-mono text-micro tracking-label-6 text-steel/85 uppercase sm:block">Live</span></div><div class="overflow-hidden"><img alt="Zrzut ekranu projektu Automatic AI — ta strona" loading="lazy" width="1200" height="750" decoding="async" data-nimg="1" class="w-full object-cover object-top transition-transform duration-700 ease-out motion-safe:group-hover:scale-[1.03] aspect-[16/9] s-KsNklEdyAV" sizes="(min-width: 1024px) 33vw, 100vw" srcSet="/_next/static/media/automatic-ai.3hi4985pf8v6f-160.webp 160w, /_next/static/media/automatic-ai.3hi4985pf8v6f-200.webp 200w, /_next/static/media/automatic-ai.3hi4985pf8v6f-256.webp 256w, /_next/static/media/automatic-ai.3hi4985pf8v6f-320.webp 320w, /_next/static/media/automatic-ai.3hi4985pf8v6f-400.webp 400w, /_next/static/media/automatic-ai.3hi4985pf8v6f-480.webp 480w, /_next/static/media/automatic-ai.3hi4985pf8v6f-640.webp 640w, /_next/static/media/automatic-ai.3hi4985pf8v6f-800.webp 800w, /_next/static/media/automatic-ai.3hi4985pf8v6f-1200.webp 1200w, /_next/static/media/automatic-ai.3hi4985pf8v6f-1600.webp 1600w" src="/_next/static/media/automatic-ai.3hi4985pf8v6f-1600.webp"/></div></div></div><div class="flex flex-1 flex-col p-4 md:p-5"><p class="flex flex-wrap items-center gap-x-2.5 gap-y-1 font-mono text-label-sm tracking-label-2 text-steel uppercase"><span class="text-volt/90">Strony WWW</span><span aria-hidden="true">·</span><span class="tabular-nums">2026</span></p><h3 class="mt-2 text-base leading-snug font-semibold tracking-tight transition-colors group-hover:text-volt md:text-lg"><a class="after:absolute after:inset-0 after:content-[&#x27;&#x27;]" href="/portfolio/automatic-ai/">Automatic AI — ta strona</a></h3><p class="mt-1.5 line-clamp-3 text-sm leading-relaxed text-steel">Strona, którą właśnie przeglądasz: statyczny Next.js z autorskim systemem designu, blogiem technicznym i CI pilnującym wydajności i dostępności.</p><div class="mt-auto flex items-center justify-between gap-3 pt-4"><span class="flex min-w-0 items-center gap-2.5"><span class="flex shrink-0 -space-x-1.5"><img alt="" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="size-6 rounded-full border border-line bg-panel object-cover s-zlqnbDt84z" sizes="32px" srcSet="/_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-160.webp 160w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-200.webp 200w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-256.webp 256w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-320.webp 320w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-400.webp 400w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-480.webp 480w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-640.webp 640w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-800.webp 800w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1200.webp 1200w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1600.webp 1600w" src="/_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1600.webp"/><img alt="" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="size-6 rounded-full border border-line bg-panel object-cover s-zlqnbDt84z" sizes="32px" srcSet="/_next/static/media/mariusz-perzynski.243r2-z3d0fry-160.webp 160w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-200.webp 200w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-256.webp 256w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-320.webp 320w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-400.webp 400w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-480.webp 480w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-640.webp 640w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-800.webp 800w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-1200.webp 1200w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-1600.webp 1600w" src="/_next/static/media/mariusz-perzynski.243r2-z3d0fry-1600.webp"/></span><span class="truncate text-xs text-steel">Krzysztof + Mariusz</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-4 shrink-0 text-steel transition-all duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:text-volt" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></div><ul class="flex flex-wrap gap-1.5 border-t border-line px-4 py-3 md:px-5" aria-label="Technologie projektu Automatic AI — ta strona"><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">Next.js</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">React</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">TypeScript</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">Tailwind CSS</button></li></ul></article><article class="panel flex h-full flex-col overflow-hidden rounded-md transition-colors duration-300 hover:border-volt/25 focus-within:border-volt/40"><div class="group relative flex flex-1 flex-col"><div class="relative"><div class="relative overflow-hidden border border-line bg-panel transition-colors duration-300 group-hover:border-volt/30 rounded-md"><span aria-hidden="true" class="frame-impuls"></span><div class="flex min-w-0 items-center gap-2 border-b border-line px-3.5 py-2">
1<span aria-hidden="true" class="size-2 rounded-full bg-line"></span><span aria-hidden="true" class="size-2 rounded-full bg-line"></span><span aria-hidden="true" class="size-2 rounded-full bg-volt/60"></span><span aria-hidden="true" class="mx-auto min-w-0 shrink truncate rounded border border-line bg-void/60 px-3 py-0.5 font-mono text-label-sm tracking-label-1 text-steel">matthewplugins.github.io/szkolenia</span><span aria-hidden="true" class="ml-auto hidden font-mono text-micro tracking-label-6 text-steel/85 uppercase sm:block">Live</span></div><div class="overflow-hidden"><img alt="Zrzut ekranu projektu Platforma szkoleń Automatic AI — sklep z kursami" loading="lazy" width="1200" height="750" decoding="async" data-nimg="1" class="w-full object-cover object-top transition-transform duration-700 ease-out motion-safe:group-hover:scale-[1.03] aspect-[16/9] s-oOBNImhqvV" sizes="(min-width: 1024px) 33vw, 100vw" srcSet="/_next/static/media/platforma-szkolen.1o0rig8pb6er3-160.webp 160w, /_next/static/media/platforma-szkolen.1o0rig8pb6er3-200.webp 200w, /_next/static/media/platforma-szkolen.1o0rig8pb6er3-256.webp 256w, /_next/static/media/platforma-szkolen.1o0rig8pb6er3-320.webp 320w, /_next/static/media/platforma-szkolen.1o0rig8pb6er3-400.webp 400w, /_next/static/media/platforma-szkolen.1o0rig8pb6er3-480.webp 480w, /_next/static/media/platforma-szkolen.1o0rig8pb6er3-640.webp 640w, /_next/static/media/platforma-szkolen.1o0rig8pb6er3-800.webp 800w, /_next/static/media/platforma-szkolen.1o0rig8pb6er3-1200.webp 1200w, /_next/static/media/platforma-szkolen.1o0rig8pb6er3-1600.webp 1600w" src="/_next/static/media/platforma-szkolen.1o0rig8pb6er3-1600.webp"/></div></div></div><div class="flex flex-1 flex-col p-4 md:p-5"><p class="flex flex-wrap items-center gap-x-2.5 gap-y-1 font-mono text-label-sm tracking-label-2 text-steel uppercase"><span class="text-volt/90">Sklepy internetowe</span><span aria-hidden="true">·</span><span class="tabular-nums">2026</span></p><h3 class="mt-2 text-base leading-snug font-semibold tracking-tight transition-colors group-hover:text-volt md:text-lg"><a class="after:absolute after:inset-0 after:content-[&#x27;&#x27;]" href="/portfolio/platforma-szkolen/">Platforma szkoleń Automatic AI — sklep z kursami</a></h3><p class="mt-1.5 line-clamp-3 text-sm leading-relaxed text-steel">Sklep z kursami na WordPressie: trzy wtyczki — katalog z kreatorem, płatności przez WooCommerce z dostępem po opłacie i monitoring — plus prototyp Next.js.</p><div class="mt-auto flex items-center justify-between gap-3 pt-4"><span class="flex min-w-0 items-center gap-2.5"><span class="flex shrink-0 -space-x-1.5"><img alt="" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="size-6 rounded-full border border-line bg-panel object-cover s-zlqnbDt84z" sizes="32px" srcSet="/_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-160.webp 160w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-200.webp 200w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-256.webp 256w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-320.webp 320w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-400.webp 400w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-480.webp 480w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-640.webp 640w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-800.webp 800w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1200.webp 1200w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1600.webp 1600w" src="/_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1600.webp"/></span><span class="truncate text-xs text-steel">Krzysztof</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-4 shrink-0 text-steel transition-all duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:text-volt" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></div><ul class="flex flex-wrap gap-1.5 border-t border-line px-4 py-3 md:px-5" aria-label="Technologie projektu Platforma szkoleń Automatic AI — sklep z kursami"><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">PHP</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">WordPress</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">WooCommerce</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">Next.js</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">TypeScript</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">PostgreSQL</button></li></ul></article><article class="panel flex h-full flex-col overflow-hidden rounded-md transition-colors duration-300 hover:border-volt/25 focus-within:border-volt/40"><div class="group relative flex flex-1 flex-col"><div class="relative"><div class="relative overflow-hidden border border-line bg-panel transition-colors duration-300 group-hover:border-volt/30 rounded-md"><span aria-hidden="true" class="frame-impuls"></span><div class="flex min-w-0 items-center gap-2 border-b border-line px-3.5 py-2">
1<span aria-hidden="true" class="size-2 rounded-full bg-line"></span><span aria-hidden="true" class="size-2 rounded-full bg-line"></span><span aria-hidden="true" class="size-2 rounded-full bg-volt/60"></span><span aria-hidden="true" class="mx-auto min-w-0 shrink truncate rounded border border-line bg-void/60 px-3 py-0.5 font-mono text-label-sm tracking-label-1 text-steel">krzysiek2115op.github.io/kredyt-kompas-demo</span><span aria-hidden="true" class="ml-auto hidden font-mono text-micro tracking-label-6 text-steel/85 uppercase sm:block">Live</span></div><div class="overflow-hidden"><img alt="Zrzut ekranu projektu Kredyt Kompas — strona pośrednika kredytowego (demo)" loading="lazy" width="1200" height="750" decoding="async" data-nimg="1" class="w-full object-cover object-top transition-transform duration-700 ease-out motion-safe:group-hover:scale-[1.03] aspect-[16/9] s-iPSs_Q2aMg" sizes="(min-width: 1024px) 33vw, 100vw" srcSet="/_next/static/media/kredyt-kompas.00dc192_bd0lh-160.webp 160w, /_next/static/media/kredyt-kompas.00dc192_bd0lh-200.webp 200w, /_next/static/media/kredyt-kompas.00dc192_bd0lh-256.webp 256w, /_next/static/media/kredyt-kompas.00dc192_bd0lh-320.webp 320w, /_next/static/media/kredyt-kompas.00dc192_bd0lh-400.webp 400w, /_next/static/media/kredyt-kompas.00dc192_bd0lh-480.webp 480w, /_next/static/media/kredyt-kompas.00dc192_bd0lh-640.webp 640w, /_next/static/media/kredyt-kompas.00dc192_bd0lh-800.webp 800w, /_next/static/media/kredyt-kompas.00dc192_bd0lh-1200.webp 1200w, /_next/static/media/kredyt-kompas.00dc192_bd0lh-1600.webp 1600w" src="/_next/static/media/kredyt-kompas.00dc192_bd0lh-1600.webp"/></div></div></div><div class="flex flex-1 flex-col p-4 md:p-5"><p class="flex flex-wrap items-center gap-x-2.5 gap-y-1 font-mono text-label-sm tracking-label-2 text-steel uppercase"><span class="text-volt/90">Strony WWW</span><span aria-hidden="true">·</span><span class="tabular-nums">2026</span></p><h3 class="mt-2 text-base leading-snug font-semibold tracking-tight transition-colors group-hover:text-volt md:text-lg"><a class="after:absolute after:inset-0 after:content-[&#x27;&#x27;]" href="/portfolio/kredyt-kompas/">Kredyt Kompas — strona pośrednika kredytowego (demo)</a></h3><p class="mt-1.5 line-clamp-3 text-sm leading-relaxed text-steel">Demo strony pośrednika kredytowego: osiem podstron i kalkulator zdolności kredytowej liczony w przeglądarce. Czysty HTML, CSS i JavaScript, bez frameworka.</p><div class="mt-auto flex items-center justify-between gap-3 pt-4"><span class="flex min-w-0 items-center gap-2.5"><span class="flex shrink-0 -space-x-1.5"><img alt="" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="size-6 rounded-full border border-line bg-panel object-cover s-zlqnbDt84z" sizes="32px" srcSet="/_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-160.webp 160w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-200.webp 200w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-256.webp 256w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-320.webp 320w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-400.webp 400w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-480.webp 480w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-640.webp 640w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-800.webp 800w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1200.webp 1200w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1600.webp 1600w" src="/_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1600.webp"/></span><span class="truncate text-xs text-steel">Krzysztof</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-4 shrink-0 text-steel transition-all duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:text-volt" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></div><ul class="flex flex-wrap gap-1.5 border-t border-line px-4 py-3 md:px-5" aria-label="Technologie projektu Kredyt Kompas — strona pośrednika kredytowego (demo)"><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">HTML</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">CSS</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">JavaScript</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">SEO</button></li></ul></article><article class="panel flex h-full flex-col overflow-hidden rounded-md transition-colors duration-300 hover:border-volt/25 focus-within:border-volt/40"><div class="group relative flex flex-1 flex-col"><div class="relative"><div class="relative overflow-hidden border border-line bg-panel transition-colors duration-300 group-hover:border-volt/30 rounded-md"><span aria-hidden="true" class="frame-impuls"></span><div class="flex min-w-0 items-center gap-2 border-b border-line px-3.5 py-2">
1<span aria-hidden="true" class="size-2 rounded-full bg-line"></span><span aria-hidden="true" class="size-2 rounded-full bg-line"></span><span aria-hidden="true" class="size-2 rounded-full bg-volt/60"></span><span aria-hidden="true" class="mx-auto min-w-0 shrink truncate rounded border border-line bg-void/60 px-3 py-0.5 font-mono text-label-sm tracking-label-1 text-steel">matthewplugins.github.io/sklep</span><span aria-hidden="true" class="ml-auto hidden font-mono text-micro tracking-label-6 text-steel/85 uppercase sm:block">Live</span></div><div class="overflow-hidden"><img alt="Zrzut ekranu projektu Sklep Agentów — sklep z botami AI na WordPressie" loading="lazy" width="1200" height="750" decoding="async" data-nimg="1" class="w-full object-cover object-top transition-transform duration-700 ease-out motion-safe:group-hover:scale-[1.03] aspect-[16/9] s-F1CiB4QQ-A" sizes="(min-width: 1024px) 33vw, 100vw" srcSet="/_next/static/media/sklep-agentow.1wzgfr_yoab7s-160.webp 160w, /_next/static/media/sklep-agentow.1wzgfr_yoab7s-200.webp 200w, /_next/static/media/sklep-agentow.1wzgfr_yoab7s-256.webp 256w, /_next/static/media/sklep-agentow.1wzgfr_yoab7s-320.webp 320w, /_next/static/media/sklep-agentow.1wzgfr_yoab7s-400.webp 400w, /_next/static/media/sklep-agentow.1wzgfr_yoab7s-480.webp 480w, /_next/static/media/sklep-agentow.1wzgfr_yoab7s-640.webp 640w, /_next/static/media/sklep-agentow.1wzgfr_yoab7s-800.webp 800w, /_next/static/media/sklep-agentow.1wzgfr_yoab7s-1200.webp 1200w, /_next/static/media/sklep-agentow.1wzgfr_yoab7s-1600.webp 1600w" src="/_next/static/media/sklep-agentow.1wzgfr_yoab7s-1600.webp"/></div></div></div><div class="flex flex-1 flex-col p-4 md:p-5"><p class="flex flex-wrap items-center gap-x-2.5 gap-y-1 font-mono text-label-sm tracking-label-2 text-steel uppercase"><span class="text-volt/90">Sklepy internetowe</span><span aria-hidden="true">·</span><span class="tabular-nums">2026</span></p><h3 class="mt-2 text-base leading-snug font-semibold tracking-tight transition-colors group-hover:text-volt md:text-lg"><a class="after:absolute after:inset-0 after:content-[&#x27;&#x27;]" href="/portfolio/sklep-agentow/">Sklep Agentów — sklep z botami AI na WordPressie</a></h3><p class="mt-1.5 line-clamp-3 text-sm leading-relaxed text-steel">Sklep z botami AI w całości na WordPressie: płatność kartą przez Stripe Checkout, mail z linkiem do pobrania i dwa produkty — ChatBot LIVE i Segregator maila.</p><div class="mt-auto flex items-center justify-between gap-3 pt-4"><span class="flex min-w-0 items-center gap-2.5"><span class="flex shrink-0 -space-x-1.5"><img alt="" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="size-6 rounded-full border border-line bg-panel object-cover s-zlqnbDt84z" sizes="32px" srcSet="/_next/static/media/konrad-szydlowski.40z02fyw4h9ac-160.webp 160w, /_next/static/media/konrad-szydlowski.40z02fyw4h9ac-200.webp 200w, /_next/static/media/konrad-szydlowski.40z02fyw4h9ac-256.webp 256w, /_next/static/media/konrad-szydlowski.40z02fyw4h9ac-320.webp 320w, /_next/static/media/konrad-szydlowski.40z02fyw4h9ac-400.webp 400w, /_next/static/media/konrad-szydlowski.40z02fyw4h9ac-480.webp 480w, /_next/static/media/konrad-szydlowski.40z02fyw4h9ac-640.webp 640w, /_next/static/media/konrad-szydlowski.40z02fyw4h9ac-800.webp 800w, /_next/static/media/konrad-szydlowski.40z02fyw4h9ac-1200.webp 1200w, /_next/static/media/konrad-szydlowski.40z02fyw4h9ac-1600.webp 1600w" src="/_next/static/media/konrad-szydlowski.40z02fyw4h9ac-1600.webp"/></span><span class="truncate text-xs text-steel">Konrad</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-4 shrink-0 text-steel transition-all duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:text-volt" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></div><ul class="flex flex-wrap gap-1.5 border-t border-line px-4 py-3 md:px-5" aria-label="Technologie projektu Sklep Agentów — sklep z botami AI na WordPressie"><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">PHP</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">WordPress</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">MySQL</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">Stripe</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">REST API</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">JavaScript</button></li></ul></article><article class="panel flex h-full flex-col overflow-hidden rounded-md transition-colors duration-300 hover:border-volt/25 focus-within:border-volt/40"><div class="group relative flex flex-1 flex-col"><div class="relative"><div class="relative overflow-hidden border border-line bg-panel transition-colors duration-300 group-hover:border-volt/30 rounded-md"><span aria-hidden="true" class="frame-impuls"></span><div class="flex min-w-0 items-center gap-2 border-b border-line px-3.5 py-2">
1<span aria-hidden="true" class="size-2 rounded-full bg-line"></span><span aria-hidden="true" class="size-2 rounded-full bg-line"></span><span aria-hidden="true" class="size-2 rounded-full bg-volt/60"></span><span aria-hidden="true" class="mx-auto min-w-0 shrink truncate rounded border border-line bg-void/60 px-3 py-0.5 font-mono text-label-sm tracking-label-1 text-steel">sklep-zoologiczny</span><span aria-hidden="true" class="ml-auto hidden font-mono text-micro tracking-label-6 text-steel/85 uppercase sm:block">Live</span></div><div class="relative w-full overflow-hidden aspect-[16/9]"><div aria-hidden="true" class="bg-grid absolute inset-0 opacity-50"></div><div aria-hidden="true" class="absolute -right-16 -bottom-24 size-72 rounded-full bg-volt-poswiata-mocna blur-[80px]"></div><div class="relative flex h-full flex-col px-4 py-3.5"><div class="relative min-h-0 flex-1"><span aria-hidden="true" class="absolute top-3 bottom-3 w-px bg-gradient-to-b from-line via-volt/40 to-line left-[11px]"></span><ol class="flex h-full flex-col justify-between"><li class="relative flex items-center gap-3.5"><span class="relative z-10 flex shrink-0 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt size-6">1</span><div class="min-w-0"><p class="truncate font-mono tracking-label-1 text-fg text-label">zoo-sync-hurtowni</p></div></li><li class="relative flex items-center gap-3.5"><span class="relative z-10 flex shrink-0 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt size-6">2</span><div class="min-w-0"><p class="truncate font-mono tracking-label-1 text-fg text-label">WooCommerce</p></div></li><li class="relative flex items-center gap-3.5"><span class="relative z-10 flex shrink-0 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt size-6">3</span><div class="min-w-0"><p class="truncate font-mono tracking-label-1 text-fg text-label">zoo-kalkulator-karmy</p></div></li><li class="relative flex items-center gap-3.5"><span class="relative z-10 flex shrink-0 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt size-6">4<span aria-hidden="true" class="status-dot absolute -top-0.5 -right-0.5 size-[5px] rounded-full bg-volt"></span></span><div class="min-w-0"><p class="truncate font-mono tracking-label-1 text-fg text-label">feed produktowy</p></div></li></ol></div><p class="font-mono text-label-sm tracking-label-4 text-steel/85 uppercase tabular-nums mt-3">4 etapy<!-- --> · <!-- -->2026</p></div></div></div></div><div class="flex flex-1 flex-col p-4 md:p-5"><p class="flex flex-wrap items-center gap-x-2.5 gap-y-1 font-mono text-label-sm tracking-label-2 text-steel uppercase"><span class="text-volt/90">Sklepy internetowe</span><span aria-hidden="true">·</span><span class="tabular-nums">2026</span></p><h3 class="mt-2 text-base leading-snug font-semibold tracking-tight transition-colors group-hover:text-volt md:text-lg"><a class="after:absolute after:inset-0 after:content-[&#x27;&#x27;]" href="/portfolio/sklep-zoologiczny/">Sklep zoologiczny — WooCommerce z dwiema wtyczkami</a></h3><p class="mt-1.5 line-clamp-3 text-sm leading-relaxed text-steel">Sklep z karmą i akcesoriami na WooCommerce z dwiema autorskimi wtyczkami: doborem opakowania pod konkretne zwierzę i synchronizacją katalogu z hurtownią.</p><div class="mt-auto flex items-center justify-between gap-3 pt-4"><span class="flex min-w-0 items-center gap-2.5"><span class="flex shrink-0 -space-x-1.5"><img alt="" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="size-6 rounded-full border border-line bg-panel object-cover s-zlqnbDt84z" sizes="32px" srcSet="/_next/static/media/mariusz-perzynski.243r2-z3d0fry-160.webp 160w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-200.webp 200w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-256.webp 256w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-320.webp 320w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-400.webp 400w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-480.webp 480w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-640.webp 640w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-800.webp 800w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-1200.webp 1200w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-1600.webp 1600w" src="/_next/static/media/mariusz-perzynski.243r2-z3d0fry-1600.webp"/></span><span class="truncate text-xs text-steel">Mariusz</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-4 shrink-0 text-steel transition-all duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:text-volt" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></div><ul class="flex flex-wrap gap-1.5 border-t border-line px-4 py-3 md:px-5" aria-label="Technologie projektu Sklep zoologiczny — WooCommerce z dwiema wtyczkami"><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">WordPress</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">WooCommerce</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">PHP</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">MySQL</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">JavaScript</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">REST API</button></li></ul></article><article class="panel flex h-full flex-col overflow-hidden rounded-md transition-colors duration-300 hover:border-volt/25 focus-within:border-volt/40"><div class="group relative flex flex-1 flex-col"><div class="relative"><div class="relative overflow-hidden border border-line bg-panel transition-colors duration-300 group-hover:border-volt/30 rounded-md"><span aria-hidden="true" class="frame-impuls"></span><div class="flex min-w-0 items-center gap-2 border-b border-line px-3.5 py-2">
1<span aria-hidden="true" class="size-2 rounded-full bg-line"></span><span aria-hidden="true" class="size-2 rounded-full bg-line"></span><span aria-hidden="true" class="size-2 rounded-full bg-volt/60"></span><span aria-hidden="true" class="mx-auto min-w-0 shrink truncate rounded border border-line bg-void/60 px-3 py-0.5 font-mono text-label-sm tracking-label-1 text-steel">asystent-zakupowy-agd</span><span aria-hidden="true" class="ml-auto hidden font-mono text-micro tracking-label-6 text-steel/85 uppercase sm:block">Live</span></div><div class="relative w-full overflow-hidden aspect-[16/9]"><div aria-hidden="true" class="bg-grid absolute inset-0 opacity-50"></div><div aria-hidden="true" class="absolute -right-16 -bottom-24 size-72 rounded-full bg-volt-poswiata-mocna blur-[80px]"></div><div class="relative flex h-full flex-col px-4 py-3.5"><div class="relative min-h-0 flex-1"><span aria-hidden="true" class="absolute top-3 bottom-3 w-px bg-gradient-to-b from-line via-volt/40 to-line left-[11px]"></span><ol class="flex h-full flex-col justify-between"><li class="relative flex items-center gap-3.5"><span class="relative z-10 flex shrink-0 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt size-6">1</span><div class="min-w-0"><p class="truncate font-mono tracking-label-1 text-fg text-label">rozpoznanie</p></div></li><li class="relative flex items-center gap-3.5"><span class="relative z-10 flex shrink-0 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt size-6">2</span><div class="min-w-0"><p class="truncate font-mono tracking-label-1 text-fg text-label">agd-rozmowa</p></div></li><li class="relative flex items-center gap-3.5"><span class="relative z-10 flex shrink-0 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt size-6">3</span><div class="min-w-0"><p class="truncate font-mono tracking-label-1 text-fg text-label">agd-graf-dopasowan</p></div></li><li class="relative flex items-center gap-3.5"><span class="relative z-10 flex shrink-0 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt size-6">4<span aria-hidden="true" class="status-dot absolute -top-0.5 -right-0.5 size-[5px] rounded-full bg-volt"></span></span><div class="min-w-0"><p class="truncate font-mono tracking-label-1 text-fg text-label">agd-most-koszyka</p></div></li></ol></div><p class="font-mono text-label-sm tracking-label-4 text-steel/85 uppercase tabular-nums mt-3">4 etapy<!-- --> · <!-- -->2026</p></div></div></div></div><div class="flex flex-1 flex-col p-4 md:p-5"><p class="flex flex-wrap items-center gap-x-2.5 gap-y-1 font-mono text-label-sm tracking-label-2 text-steel uppercase"><span class="text-volt/90">AI</span><span aria-hidden="true">·</span><span class="tabular-nums">2026</span></p><h3 class="mt-2 text-base leading-snug font-semibold tracking-tight transition-colors group-hover:text-volt md:text-lg"><a class="after:absolute after:inset-0 after:content-[&#x27;&#x27;]" href="/portfolio/asystent-zakupowy-agd/">Asystent zakupowy do akcesoriów AGD</a></h3><p class="mt-1.5 line-clamp-3 text-sm leading-relaxed text-steel">Doradca w rozmowie dla sklepu z akcesoriami AGD: prowadzi klienta od „mam pralkę Bosch” do jednej pasującej części, a zgodność bierze z katalogu.</p><div class="mt-auto flex items-center justify-between gap-3 pt-4"><span class="flex min-w-0 items-center gap-2.5"><span class="flex shrink-0 -space-x-1.5"><img alt="" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="size-6 rounded-full border border-line bg-panel object-cover s-zlqnbDt84z" sizes="32px" srcSet="/_next/static/media/mariusz-perzynski.243r2-z3d0fry-160.webp 160w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-200.webp 200w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-256.webp 256w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-320.webp 320w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-400.webp 400w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-480.webp 480w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-640.webp 640w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-800.webp 800w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-1200.webp 1200w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-1600.webp 1600w" src="/_next/static/media/mariusz-perzynski.243r2-z3d0fry-1600.webp"/></span><span class="truncate text-xs text-steel">Mariusz</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-4 shrink-0 text-steel transition-all duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:text-volt" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></div><ul class="flex flex-wrap gap-1.5 border-t border-line px-4 py-3 md:px-5" aria-label="Technologie projektu Asystent zakupowy do akcesoriów AGD"><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">Claude</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">TypeScript</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">Next.js</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">PostgreSQL</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">Supabase</button></li><li><button type="button" class="rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel transition-colors hover:border-volt/40 hover:text-volt">WooCommerce</button></li></ul></article></div><nav aria-label="Strony katalogu projektów" class="flex flex-col items-center gap-3 mt-10"><p class="font-mono text-label tracking-label-3 text-steel uppercase">Strona <!-- -->1<!-- --> z <!-- -->4</p><ul class="flex flex-wrap items-center justify-center gap-1.5"><li><span aria-disabled="true" class="inline-flex h-11 min-w-11 items-center justify-center rounded-md border px-3 font-mono text-label tracking-label-2 uppercase transition-colors cursor-not-allowed border-line text-steel opacity-40 gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left size-4" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg>Poprzednia</span></li><li><span aria-current="page" class="inline-flex h-11 min-w-11 items-center justify-center rounded-md border px-3 font-mono text-label tracking-label-2 uppercase transition-colors border-volt/60 bg-volt/10 text-volt tabular-nums"><span class="sr-only">Strona </span>1</span></li><li><a class="inline-flex h-11 min-w-11 items-center justify-center rounded-md border px-3 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/40 hover:text-fg tabular-nums" href="/portfolio/strona-2/"><span class="sr-only">Strona </span>2</a></li><li><a class="inline-flex h-11 min-w-11 items-center justify-center rounded-md border px-3 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/40 hover:text-fg tabular-nums" href="/portfolio/strona-3/"><span class="sr-only">Strona </span>3</a></li><li><a class="inline-flex h-11 min-w-11 items-center justify-center rounded-md border px-3 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/40 hover:text-fg tabular-nums" href="/portfolio/strona-4/"><span class="sr-only">Strona </span>4</a></li><li><a class="inline-flex h-11 min-w-11 items-center justify-center rounded-md border px-3 font-mono text-label tracking-label-2 uppercase transition-colors border-line text-steel hover:border-volt/40 hover:text-fg gap-1.5" href="/portfolio/strona-2/">Następna<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right size-4" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></a></li></ul></nav></div></div></div></section><section aria-label="Twórcy projektów" class="border-t border-line"><div class="container-site py-14 md:py-20"><div class="max-w-3xl"><div class="reveal s-j4989K9fes"><p class="font-mono text-eyebrow tracking-label-5 text-volt uppercase">[ <!-- -->03<!-- --> · <!-- -->Twórcy<!-- --> ]</p></div><div class="reveal s-e0aseUdXrc"><h2 class="mt-3 text-3xl font-semibold leading-luzne tracking-tight md:text-4xl lg:text-5xl">Za każdym projektem stoi człowiek.</h2></div><div class="reveal s-q_M-gza1xw"><p class="mt-4 max-w-2xl text-base leading-relaxed text-steel md:text-lg">Portfolio buduje cały zespół — każdy dokłada projekty ze swojej działki. Kliknij osobę, żeby zobaczyć jej prace.</p></div></div><ul class="mt-8 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4 md:mt-10" data-cascade="0.08"><li data-cascade-item="" class="reveal h-full s-l8eIpzwBFJ"><a class="group panel flex h-full flex-col p-5 transition-colors duration-300 hover:border-volt/25 focus-visible:border-volt/40" href="#a-mariusz"><img alt="Zdjęcie: Mariusz Perzyński" loading="lazy" width="56" height="56" decoding="async" data-nimg="1" class="size-14 rounded-full border border-line object-cover s-zlqnbDt84z" sizes="56px" srcSet="/_next/static/media/mariusz-perzynski.243r2-z3d0fry-160.webp 160w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-200.webp 200w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-256.webp 256w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-320.webp 320w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-400.webp 400w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-480.webp 480w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-640.webp 640w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-800.webp 800w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-1200.webp 1200w, /_next/static/media/mariusz-perzynski.243r2-z3d0fry-1600.webp 1600w" src="/_next/static/media/mariusz-perzynski.243r2-z3d0fry-1600.webp"/><p class="mt-4 text-base font-semibold tracking-tight transition-colors group-hover:text-volt">Mariusz Perzyński</p><p class="mt-0.5 font-mono text-label tracking-label-3 text-steel uppercase">Client Relations &amp; Operations</p><p class="mt-4 flex items-center justify-between gap-2 border-t border-line pt-3.5 text-sm text-steel"><span><span class="font-medium text-fg tabular-nums">21</span> <!-- -->projektów</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4 text-steel transition-all duration-300 group-hover:translate-x-0.5 group-hover:text-volt" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></p></a></li><li data-cascade-item="" class="reveal h-full s-l8eIpzwBFJ"><a class="group panel flex h-full flex-col p-5 transition-colors duration-300 hover:border-volt/25 focus-visible:border-volt/40" href="#a-krzysztof"><img alt="Zdjęcie: Krzysztof Leszczyński" loading="lazy" width="56" height="56" decoding="async" data-nimg="1" class="size-14 rounded-full border border-line object-cover s-zlqnbDt84z" sizes="56px" srcSet="/_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-160.webp 160w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-200.webp 200w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-256.webp 256w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-320.webp 320w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-400.webp 400w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-480.webp 480w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-640.webp 640w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-800.webp 800w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1200.webp 1200w, /_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1600.webp 1600w" src="/_next/static/media/krzysztof-leszczynski.3et5nboe5dry3-1600.webp"/><p class="mt-4 text-base font-semibold tracking-tight transition-colors group-hover:text-volt">Krzysztof Leszczyński</p><p class="mt-0.5 font-mono text-label tracking-label-3 text-steel uppercase">Automation &amp; Plugins</p><p class="mt-4 flex items-center justify-between gap-2 border-t border-line pt-3.5 text-sm text-steel"><span><span class="font-medium text-fg tabular-nums">7</span> <!-- -->projektów</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4 text-steel transition-all duration-300 group-hover:translate-x-0.5 group-hover:text-volt" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></p></a></li><li data-cascade-item="" class="reveal h-full s-l8eIpzwBFJ"><a class="group panel flex h-full flex-col p-5 transition-colors duration-300 hover:border-volt/25 focus-visible:border-volt/40" href="#a-konrad"><img alt="Zdjęcie: Konrad Szydłowski" loading="lazy" width="56" height="56" decoding="async" data-nimg="1" class="size-14 rounded-full border border-line object-cover s-zlqnbDt84z" sizes="56px" srcSet="/_next/static/media/konrad-szydlowski.40z02fyw4h9ac-160.webp 160w, /_next/static/media/konrad-szydlowski.40z02fyw4h9ac-200.webp 200w, /_next/static/media/konrad-szydlowski.40z02fyw4h9ac-256.webp 256w, /_next/static/media/konrad-szydlowski.40z02fyw4h9ac-320.webp 320w, /_next/static/media/konrad-szydlowski.40z02fyw4h9ac-400.webp 400w, /_next/static/media/konrad-szydlowski.40z02fyw4h9ac-480.webp 480w, /_next/static/media/konrad-szydlowski.40z02fyw4h9ac-640.webp 640w, /_next/static/media/konrad-szydlowski.40z02fyw4h9ac-800.webp 800w, /_next/static/media/konrad-szydlowski.40z02fyw4h9ac-1200.webp 1200w, /_next/static/media/konrad-szydlowski.40z02fyw4h9ac-1600.webp 1600w" src="/_next/static/media/konrad-szydlowski.40z02fyw4h9ac-1600.webp"/><p class="mt-4 text-base font-semibold tracking-tight transition-colors group-hover:text-volt">Konrad Szydłowski</p><p class="mt-0.5 font-mono text-label tracking-label-3 text-steel uppercase">Automation &amp; Integrations</p><p class="mt-4 flex items-center justify-between gap-2 border-t border-line pt-3.5 text-sm text-steel"><span><span class="font-medium text-fg tabular-nums">1</span> <!-- -->projekt</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4 text-steel transition-all duration-300 group-hover:translate-x-0.5 group-hover:text-volt" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></p></a></li></ul><p class="mt-6 text-sm leading-relaxed text-steel">Cały zespół i nasze kompetencje znajdziesz na<!-- --> <a class="inline-flex items-center gap-1 font-medium text-fg underline-offset-4 transition-colors hover:text-volt hover:underline" href="/o-nas/">s
1tronie o nas<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3.5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a>.</p></div></section><section aria-label="Kontakt" class="border-t border-line bg-panel/30"><div class="container-site flex flex-col gap-6 py-12 md:flex-row md:items-center md:justify-between md:py-14"><div class="reveal s-SfsMj2cGqh"><div><p class="font-mono text-label tracking-label-5 text-volt uppercase">[ Kontakt ]</p><h2 class="mt-2 max-w-xl text-section-title font-semibold tracking-tight">Chcesz zobaczyć tu swój projekt?</h2><p class="mt-2 max-w-xl text-sm leading-relaxed text-steel md:text-base">Opowiedz nam, co chcesz zbudować — wrócimy z konkretnym pomysłem i wyceną.</p></div></div><div class="reveal s-HpS-vuBt03"><a class="group inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors duration-200 motion-safe:duration-300 motion-safe:ease-wejscie h-13 px-7 text-base bg-volt text-void hover:bg-volt-hover disabled:cursor-not-allowed disabled:opacity-60 btn-glow btn-sheen shrink-0 s-J7lnrZ6RlG" href="/kontakt/">Porozmawiajmy<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4 transition-transform group-hover:translate-x-0.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></section><!--$--><!--/$--></div></main><footer class="relative overflow-hidden border-t border-line"><div class="relative"><canvas aria-hidden="true" class="fw-canvas pointer-events-none absolute inset-0"></canvas><div class="relative"><div class="container-site flex items-center justify-between pt-8 font-mono text-label tracking-label-5 uppercase md:pt-10"><p class="flex items-center gap-2.5"><span aria-hidden="true" class="status-dot size-1.5 shrink-0 rounded-full bg-volt"></span><span class="text-volt">[ Status · Online ]</span><span class="hidden text-steel sm:inline">System działa 24/7</span></p><p aria-hidden="true" class="hidden text-steel lg:block">[ AI · Automatyzacja · Software ]</p></div><div class="container-site mt-14 flex flex-col gap-12 md:mt-20 lg:flex-row lg:items-end lg:justify-between lg:gap-16"><div class="reveal max-w-3xl s-l8eIpzwBFJ"><p class="text-page-title leading-luzne tracking-tight"><span class="block font-normal text-steel">Tu kończy się strona.</span><span class="block font-semibold">System pracuje dalej.</span></p><p class="mt-5 max-w-md text-sm leading-relaxed text-steel">AI, automatyzacja i rozwiązania cyfrowe dla nowoczesnego biznesu.</p><p class="mt-7 flex flex-wrap items-center gap-x-6 gap-y-3"><a class="group inline-flex items-center gap-2 font-medium text-volt underline-offset-4 hover:underline" href="/kontakt/">Porozmawiajmy<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4 transition-transform group-hover:translate-x-0.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="mailto:[email protected]" class="stopka-link font-mono text-sm text-steel">[email protected]</a></p></div><div class="reveal grid grid-cols-2 gap-x-6 gap-y-8 sm:max-w-sm sm:gap-10 lg:shrink-0 lg:gap-14 s-fMyUxQk5I3"><nav aria-label="Nawigacja w stopce"><p class="font-mono text-label tracking-label-5 text-steel uppercase">Nawigacja</p><ul class="mt-4 flex flex-col gap-3"><li><a class="stopka-link text-sm text-steel" href="/uslugi/">Usługi</a></li><li><a class="stopka-link text-sm text-steel" href="/portfolio/">Portfolio</a></li><li><a class="stopka-link text-sm text-steel" href="/realizacje/">Realizacje</a></li><li><a class="stopka-link text-sm text-steel" href="/proces/">Proces</a></li><li><a class="stopka-link text-sm text-steel" href="/szkolenia/">Szkolenia</a></li><li><a class="stopka-link text-sm text-steel" href="/sklep/">Sklep</a></li><li><a class="stopka-link text-sm text-steel" href="/blog/">Blog</a></li><li><a class="stopka-link text-sm text-steel" href="/o-nas/">O nas</a></li><li><a class="stopka-link text-sm text-steel" href="/faq/">FAQ</a></li><li><a class="stopka-link text-sm text-steel" href="/szukaj/">Szukaj w serwisie</a></li></ul></nav><div><p class="font-mono text-label tracking-label-5 text-steel uppercase">Social</p><ul class="mt-4 flex flex-col gap-3"><li><a href="https://www.linkedin.com/company/automaticai" target="_blank" rel="noopener noreferrer" class="stopka-link group inline-flex items-center gap-1 text-sm text-steel">LinkedIn<span class="sr-only"> <!-- -->(otwiera się w nowej karcie)</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3.5 transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></li><li><a href="https://www.instagram.com/automaticai" target="_blank" rel="noopener noreferrer" class="stopka-link group inline-flex items-center gap-1 text-sm text-steel">Instagram<span class="sr-only"> <!-- -->(otwiera się w nowej karcie)</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3.5 transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></li></ul></div></div></div><section aria-labelledby="stopka-kompetencje" class="container-site mt-16 border-t border-line pt-12 md:mt-24 md:pt-16"><div class="reveal flex flex-col gap-6 md:flex-row md:items-end md:justify-between md:gap-10 s-l8eIpzwBFJ"><div class="max-w-2xl"><p class="font-mono text-label tracking-label-5 text-steel uppercase">Pełny zakres kompetencji</p><h2 id="stopka-kompetencje" class="mt-3 text-2xl font-semibold leading-luzne tracking-tight md:text-3xl">Specjalizacje i technologie</h2><p class="mt-4 text-sm leading-relaxed text-steel md:text-base">Automatyzacje, agenci AI, systemy z AI i integracje — od analizy procesu po utrzymanie. Technologię dobieramy pod problem, nie odwrotnie.</p></div><a class="group inline-flex shrink-0 items-center gap-2 font-medium text-volt underline-offset-4 hover:underline" href="/uslugi/">Wszystkie usługi<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4 transition-transform group-hover:translate-x-0.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="mt-10 grid grid-cols-2 gap-x-6 gap-y-10 sm:grid-cols-3 md:mt-12 xl:grid-cols-6 xl:gap-x-8" data-cascade="0.06" data-cascade-delay="0.08"><div data-cascade-item="" class="reveal s-l8eIpzwBFJ"><h3 class="flex min-h-12 items-end border-b border-line pb-3 text-sm font-semibold leading-snug"><a class="stopka-link" href="/uslugi/ai-automation/">AI Automation</a></h3><ul class="divide-y divide-line text-sm leading-snug text-steel"><li class="flex min-h-12 items-center xl:min-h-14">Obieg dokumentów</li><li class="flex min-h-12 items-center xl:min-h-14">Raporty na żądanie</li><li class="flex min-h-12 items-center xl:min-h-14">Triage skrzynki e-mail</li><li class="flex min-h-12 items-center xl:min-h-14">Synchronizacja danych</li><li class="flex min-h-12 items-center xl:min-h-14">Generowanie dokumentów</li><li class="flex min-h-12 items-center xl:min-h-14">Monitoring procesów</li></ul></div><div data-cascade-item="" class="reveal s-l8eIpzwBFJ"><h3 class="flex min-h-12 items-end border-b border-line pb-3 text-sm font-semibold leading-snug"><a class="stopka-link" href="/uslugi/ai-agents/">AI Agents</a></h3><ul class="divide-y divide-line text-sm leading-snug text-steel"><li class="flex min-h-12 items-center xl:min-h-14">Agent kwalifikacji leadów</li><li class="flex min-h-12 items-center xl:min-h-14">Asystent obsługi klienta</li><li class="flex min-h-12 items-center xl:min-h-14">Agent research</li><li class="flex min-h-12 items-center xl:min-h-14">Asystent wiedzy firmowej</li><li class="flex min-h-12 items-center xl:min-h-14">Agent operacyjny</li><li class="flex min-h-12 items-center xl:min-h-14">Kontrola jakości agenta</li></ul></div><div data-cascade-item="" class="reveal s-l8eIpzwBFJ"><h3 class="flex min-h-12 items-end border-b border-line pb-3 text-sm font-semibold leading-snug"><a class="stopka-link" href="/uslugi/ai-software/">AI Software</a></h3><ul class="divide-y divide-line text-sm leading-snug text-steel"><li class="flex min-h-12 items-center xl:min-h-14">MVP produktu AI</li><li class="flex min-h-12 items-center xl:min-h-14">Panele wewnętrzne</li><li class="flex min-h-12 items-center xl:min-h-14">Systemy dokumentowe</li><li class="flex min-h-12 items-center xl:min-h-14">Aplikacje webowe z AI</li><li class="flex min-h-12 items-center xl:min-h-14">
1Wtyczki WordPress i WooCommerce</li><li class="flex min-h-12 items-center xl:min-h-14">Strony i serwisy firmowe</li></ul></div><div data-cascade-item="" class="reveal s-l8eIpzwBFJ"><h3 class="flex min-h-12 items-end border-b border-line pb-3 text-sm font-semibold leading-snug"><a class="stopka-link" href="/uslugi/integracje/">Integracje &amp; Workflows</a></h3><ul class="divide-y divide-line text-sm leading-snug text-steel"><li class="flex min-h-12 items-center xl:min-h-14">Integracje systemów</li><li class="flex min-h-12 items-center xl:min-h-14">Workflow zamówień</li><li class="flex min-h-12 items-center xl:min-h-14">Webhooki czasu rzeczywistego</li><li class="flex min-h-12 items-center xl:min-h-14">Centralny hub danych</li><li class="flex min-h-12 items-center xl:min-h-14">Automatyzacja komunikacji</li><li class="flex min-h-12 items-center xl:min-h-14">Monitoring przepływów</li></ul></div><div data-cascade-item="" class="reveal s-l8eIpzwBFJ"><h3 class="flex min-h-12 items-end border-b border-line pb-3 text-sm font-semibold leading-snug">Technologie</h3><ul class="divide-y divide-line text-sm leading-snug text-steel"><li class="flex min-h-12 items-center xl:min-h-14">Claude i OpenAI</li><li class="flex min-h-12 items-center xl:min-h-14">n8n i Make</li><li class="flex min-h-12 items-center xl:min-h-14">Next.js, React i TypeScript</li><li class="flex min-h-12 items-center xl:min-h-14">PostgreSQL, Supabase i Vercel</li><li class="flex min-h-12 items-center xl:min-h-14">RAG i embeddingi</li><li class="flex min-h-12 items-center xl:min-h-14">PHP, WordPress i WooCommerce</li></ul></div><div data-cascade-item="" class="reveal s-l8eIpzwBFJ"><h3 class="flex min-h-12 items-end border-b border-line pb-3 text-sm font-semibold leading-snug"><a class="stopka-link" href="/portfolio/">Zastosowania</a></h3><ul class="divide-y divide-line text-sm leading-snug text-steel"><li class="flex min-h-12 items-center xl:min-h-14"><a class="stopka-link" href="/portfolio/#k-www">Strony WWW</a></li><li class="flex min-h-12 items-center xl:min-h-14"><a class="stopka-link" href="/portfolio/#k-sklepy">Sklepy internetowe</a></li><li class="flex min-h-12 items-center xl:min-h-14"><a class="stopka-link" href="/portfolio/#k-wtyczki">Wtyczki</a></li><li class="flex min-h-12 items-center xl:min-h-14"><a class="stopka-link" href="/portfolio/#k-automatyzacje">Automatyzacje w firmach</a></li><li class="flex min-h-12 items-center xl:min-h-14"><a class="stopka-link" href="/portfolio/#k-ai">Projekty z AI</a></li><li class="flex min-h-12 items-center xl:min-h-14">Sprzedaż B2B i CRM</li></ul></div></div></section><div aria-hidden="true" data-fw-hotspot="true" class="container-site mt-16 select-none md:mt-24"><svg viewBox="0 0 1200 96" class="fw-svg block w-full" data-szyna="true"><defs><linearGradient id="fw-baza" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#20222a"></stop><stop offset="1" stop-color="#101116"></stop></linearGradient><linearGradient id="fw-swiatlo" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#bfff38" stop-opacity="0"></stop><stop offset="0.35" stop-color="#bfff38" stop-opacity="0.5"></stop><stop offset="0.5" stop-color="#f2ffd9" stop-opacity="0.95"></stop><stop offset="0.65" stop-color="#bfff38" stop-opacity="0.5"></stop><stop offset="1" stop-color="#bfff38" stop-opacity="0"></stop></linearGradient><mask id="fw-maska"><line x1="0" y1="94" x2="1200" y2="94" stroke="#fff" stroke-width="1.5"></line><text x="600" y="90" text-anchor="middle" textLength="1200" lengthAdjust="spacing" font-size="112" font-weight="600" fill="#fff" class="s-wQqs0fP7_X">AUTOMATIC AI</text></mask></defs><line x1="0" y1="94" x2="1200" y2="94" stroke="rgba(245, 245, 245, 0.09)" stroke-width="1"></line><text x="600" y="90" text-anchor="middle" textLength="1200" lengthAdjust="spacing" font-size="112" font-weight="600" fill="url(#fw-baza)" class="s-wQqs0fP7_X">AUTOMATIC AI</text><g mask="url(#fw-maska)"><rect class="fw-impuls" x="-560" y="0" width="560" height="96" fill="url(#fw-swiatlo)"></rect></g></svg></div><div><div class="container-site flex flex-col gap-3 pt-4 pb-6 font-mono text-label text-steel sm:flex-row sm:items-center sm:justify-between"><p class="flex items-center gap-2"><svg viewBox="0 0 48 48" aria-hidden="true" class="size-4 shrink-0 s-H-OURrk_4M"><path d="M8 43 L26.5 4.5" fill="none" stroke="currentColor" stroke-width="5.2" stroke-linecap="butt"></path><path d="M23.21 14.38 L40 43" fill="none" stroke="currentColor" stroke-width="5.2" stroke-linecap="butt"></path><rect x="12.8" y="26.2" width="22.2" height="5.4" fill="var(--mark-impuls, var(--color-volt))"></rect></svg><span>© <!-- -->2026<!-- --> Automatic AI — wszystkie prawa zastrzeżone</span></p><p class="flex flex-wrap gap-x-4 gap-y-1"><a class="stopka-link" href="/polityka-prywatnosci/">Polityka prywatności</a><a class="stopka-link" href="/polityka-cookies/">Polityka cookies</a></p></div></div></div></div></footer><div class="stopka-druku"><p class="stopka-druku-nazwa">Automatic AI</p><p><a href="mailto:[email protected]">[email protected]</a> · <!-- -->automaticai.pl</p></div>
1<script src="/_next/static/chunks/3_pz_xyhj63hd.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n3:I[78883,[\"/_next/static/chunks/2es0warhxi97k.js\"],\"NavbarPrzelacznik\"]\n4:I[39756,[\"/_next/static/chunks/3fntmmi971322.js\"],\"default\"]\n5:I[8821,[\"/_next/static/chunks/2es0warhxi97k.js\",\"/_next/static/chunks/0pt2nn1b2jenw.js\"],\"default\"]\n6:I[98168,[\"/_next/static/chunks/2es0warhxi97k.js\",\"/_next/static/chunks/0yi0xck6-0-ef.js\"],\"default\"]\n7:I[37457,[\"/_next/static/chunks/3fntmmi971322.js\"],\"default\"]\n10:I[53348,[\"/_next/static/chunks/2es0warhxi97k.js\",\"/_next/static/chunks/21p-r_k-vj7v1.js\"],\"default\"]\n:HL[\"/_next/static/chunks/0qc18updkpioy.css\",\"style\"]\n:HL[\"/_next/static/media/GeistMono_subset-s.p.3hrb1b_l8qlnp.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/Geist_subset-s.p.0wrueigtmvih5.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:T455,{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://automaticai.pl/#organization\",\"name\":\"Automatic AI\",\"url\":\"https://automaticai.pl\",\"email\":\"[email protected]\",\"description\":\"Tworzymy rozwiązania AI, automatyzacje, agentów i dedykowane aplikacje, które pomagają firmom oszczędzać czas i skalować procesy.\",\"logo\":\"https://automaticai.pl/icon.svg\",\"sameAs\":[\"https://www.linkedin.com/company/automaticai\",\"https://www.instagram.com/automaticai\"],\"contactPoint\":{\"@type\":\"ContactPoint\",\"contactType\":\"sales\",\"email\":\"[email protected]\",\"availableLanguage\":[\"pl\",\"en\"]},\"areaServed\":{\"@type\":\"Country\",\"name\":\"Polska\"},\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"value\":4}},{\"@type\":\"WebSite\",\"@id\":\"https://automaticai.pl/#website\",\"url\":\"https://automaticai.pl\",\"name\":\"Automatic AI\",\"inLanguage\":\"pl-PL\",\"publisher\":{\"@id\":\"https://automaticai.pl/#organization\"},\"potentialAction\":{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https://automaticai.pl/szukaj/#{search_term_string}\"},\"query-input\":\"required name=search_term_string\"}}]}e:X\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"portfolio\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"portfolio\",{\"children\":[\"__PAGE__\",{},\"$undefined\",\"$undefined\",4608]},\"$undefined\",\"$undefined\",4608]},\"$undefined\",\"$undefined\",4624],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0qc18updkpioy.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/2es0warhxi97k.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"pl\",\"className\":\"geistsanssubset_f4ad2603-module__Rj9zRq__variable geistmonosubset_eb78c796-module__eu0weW__variable\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"(function(){var d=document.documentElement;d.classList.add('js');setTimeout(function(){if(!d.hasAttribute('data-hydrated'))d.classList.remove('js')},4000)})()\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$2\"}}],[\"$\",\"script\",null,{\"type\":\"speculationrules\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"prerender\\\":[{\\\"urls\\\":[\\\"/uslugi/\\\",\\\"/portfolio/\\\",\\\"/realizacje/\\\",\\\"/proces/\\\",\\\"/szkolenia/\\\",\\\"/sklep/\\\",\\\"/blog/\\\",\\\"/o-nas/\\\",\\\"/faq/\\\",\\\"/kontakt/\\\"],\\\"eagerness\\\":\\\"moderate\\\"}]}\"}}],[\"$\",\"a\",null,{\"href\":\"#tresc\",\"className\":\"skip-link\",\"children\":\"Przejdź do treści\"}],[\"$\",\"$L3\",null,{\"services\":[{\"slug\":\"ai-automation\",\"number\":\"01\",\"title\":\"AI Automation\",\"description\":\"Automatyzujemy powtarzalne procesy i eliminujemy ręczną pracę — od przenoszenia danych po generowanie dokumentów i raportów.\"},{\"slug\":\"ai-agents\",\"number\":\"02\",\"title\":\"AI Agents\",\"description\":\"Tworzymy agentów AI, którzy analizują informacje, podejmują działania i wykonują określone zadania w Twoich narzędziach.\"},{\"slug\":\"ai-software\",\"number\":\"03\",\"title\":\"AI Software\",\"description\":\"Budujemy dedykowane aplikacje, narzędzia i systemy wykorzystujące AI — od MVP po rozwiązania produkcyjne.\"},{\"slug\":\"integracje\",\"number\":\"04\",\"title\":\"Integracje \u0026 Workflows\",\"description\":\"Łączymy istniejące narzędzia i systemy w jeden spójny, zautomatyzowany workflow.\"}]}],[\"$\",\"main\",null,{\"id\":\"tresc\",\"tabIndex\":-1,\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$5\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0pt2nn1b2jenw.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"template\":[\"$\",\"$L6\",null,{\"children\":[\"$\",\"$L7\",null,{}]}],\"templateStyles\":[],\"templateScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0yi0xck6-0-ef.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"notFound\":[[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden\",\"children\":[[\"$\",\"div\",null,{\"aria-hidden\":true,\"className\":\"bg-grid mask-fade-y absolute inset-0\"}],[\"$\",\"div\",null,{\"aria-hidden\":true,\"className\":\"glow-breathe absolute -top-28 right-[10%] size-[24rem] rounded-full bg-volt-poswiata blur-[100px]\"}],\"$L8\",\"$L9\"]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],\"$La\",\"$Lb\"]}]}]]}],{\"children\":[\"$Lc\",{\"children\":[\"$Ld\",{},null,false,null]},null,false,\"$e\"]},null,false,null],\"$Lf\",false]],\"m\":\"$undefined\",\"G\":[\"$10\",[\"$L11\"]],\"S\":true,\"h\":null,\"r\":\"$undefined\",\"s\":\"$undefined\",\"a\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"YhUkz99vQKDBObDXgKXUR\"}\n"])</script>
1<script>self.__next_f.push([1,"12:I[22016,[\"/_next/static/chunks/2es0warhxi97k.js\",\"/_next/static/chunks/127o768naucqo.js\",\"/_next/static/chunks/0y8f2-qtkojb4.js\"],\"\"]\n13:I[5014,[\"/_next/static/chunks/2es0warhxi97k.js\",\"/_next/static/chunks/127o768naucqo.js\",\"/_next/static/chunks/0y8f2-qtkojb4.js\"],\"default\"]\n1a:I[92616,[\"/_next/static/chunks/2es0warhxi97k.js\"],\"FooterScene\"]\n1b:I[73195,[\"/_next/static/chunks/2es0warhxi97k.js\",\"/_next/static/chunks/127o768naucqo.js\",\"/_next/static/chunks/0y8f2-qtkojb4.js\"],\"Reveal\"]\n2a:I[97367,[\"/_next/static/chunks/3fntmmi971322.js\"],\"ViewportBoundary\"]\n2c:I[97367,[\"/_next/static/chunks/3fntmmi971322.js\"],\"MetadataBoundary\"]\n2d:\"$Sreact.suspense\"\n8:[\"$\",\"div\",null,{\"aria-hidden\":true,\"className\":\"grain absolute inset-0 opacity-[0.04]\"}]\n"])</script>
1<script>self.__next_f.push([1,"9:[\"$\",\"div\",null,{\"className\":\"container-site relative pt-32 pb-20 md:pt-40 md:pb-28\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-mono text-eyebrow tracking-label-5 text-volt uppercase\",\"children\":\"[ 404 ]\"}],[\"$\",\"h1\",null,{\"className\":\"mt-4 max-w-3xl text-page-title font-semibold tracking-display\",\"children\":\"Tej strony nie ma.\"}],[\"$\",\"p\",null,{\"className\":\"mt-5 max-w-xl text-base leading-relaxed text-steel md:text-lg\",\"children\":\"Adres jest błędny albo strona zmieniła miejsce. Nic nie zginęło — poniżej jest wszystko, co mamy.\"}],[\"$\",\"nav\",null,{\"aria-label\":\"Główne działy serwisu\",\"className\":\"mt-12 border-t border-line\",\"children\":[\"$\",\"ul\",null,{\"children\":[[\"$\",\"li\",\"/uslugi\",{\"children\":[\"$\",\"$L12\",null,{\"href\":\"/uslugi\",\"className\":\"group flex items-baseline gap-4 border-b border-line py-4 text-2xl font-semibold tracking-tight transition-colors hover:text-volt md:text-3xl\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-mono text-label text-steel\",\"children\":[\"0\",1]}],\"Usługi\",[\"$\",\"$L13\",null,{\"ref\":\"$undefined\",\"icon\":{\"name\":\"arrow-right\",\"size\":24,\"node\":[[\"path\",{\"d\":\"M5 12h14\",\"key\":\"1ays0h\"}],[\"path\",{\"d\":\"m12 5 7 7-7 7\",\"key\":\"xquz4c\"}]]},\"className\":\"ml-auto size-4 self-center text-steel transition-transform group-hover:translate-x-1 group-hover:text-volt\",\"aria-hidden\":true}]]}]}],[\"$\",\"li\",\"/portfolio\",{\"children\":[\"$\",\"$L12\",null,{\"href\":\"/portfolio\",\"className\":\"group flex items-baseline gap-4 border-b border-line py-4 text-2xl font-semibold tracking-tight transition-colors hover:text-volt md:text-3xl\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-mono text-label text-steel\",\"children\":[\"0\",2]}],\"Portfolio\",[\"$\",\"$L13\",null,{\"ref\":\"$undefined\",\"icon\":\"$9:props:children:3:props:children:props:children:0:props:children:props:children:2:props:icon\",\"className\":\"ml-auto size-4 self-center text-steel transition-transform group-hover:translate-x-1 group-hover:text-volt\",\"aria-hidden\":true}]]}]}],[\"$\",\"li\",\"/realizacje\",{\"children\":[\"$\",\"$L12\",null,{\"href\":\"/realizacje\",\"className\":\"group flex items-baseline gap-4 border-b border-line py-4 text-2xl font-semibold tracking-tight transition-colors hover:text-volt md:text-3xl\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-mono text-label text-steel\",\"children\":[\"0\",3]}],\"Realizacje\",[\"$\",\"$L13\",null,{\"ref\":\"$undefined\",\"icon\":\"$9:props:children:3:props:children:props:children:0:props:children:props:children:2:props:icon\",\"className\":\"ml-auto size-4 self-center text-steel transition-transform group-hover:translate-x-1 group-hover:text-volt\",\"aria-hidden\":true}]]}]}],[\"$\",\"li\",\"/proces\",{\"children\":[\"$\",\"$L12\",null,{\"href\":\"/proces\",\"className\":\"group flex items-baseline gap-4 border-b border-line py-4 text-2xl font-semibold tracking-tight transition-colors hover:text-volt md:text-3xl\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-mono text-label text-steel\",\"children\":[\"0\",4]}],\"Proces\",[\"$\",\"$L13\",null,{\"ref\":\"$undefined\",\"icon\":\"$9:props:children:3:props:children:props:children:0:props:children:props:children:2:props:icon\",\"className\":\"ml-auto size-4 self-center text-steel transition-transform group-hover:translate-x-1 group-hover:text-volt\",\"aria-hidden\":true}]]}]}],[\"$\",\"li\",\"/szkolenia\",{\"children\":[\"$\",\"$L12\",null,{\"href\":\"/szkolenia\",\"className\":\"group flex items-baseline gap-4 border-b border-line py-4 text-2xl font-semibold tracking-tight transition-colors hover:text-volt md:text-3xl\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-mono text-label text-steel\",\"children\":[\"0\",5]}],\"Szkolenia\",[\"$\",\"$L13\",null,{\"ref\":\"$undefined\",\"icon\":\"$9:props:children:3:props:children:props:children:0:props:children:props:children:2:props:icon\",\"className\":\"ml-auto size-4 self-center text-steel transition-transform group-hover:translate-x-1 group-hover:text-volt\",\"aria-hidden\":true}]]}]}],[\"$\",\"li\",\"/sklep\",{\"children\":[\"$\",\"$L12\",null,{\"href\":\"/sklep\",\"className\":\"group flex items-baseline gap-4 border-b border-line py-4 text-2xl font-semibold tracking-tight transition-colors hover:text-volt md:text-3xl\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-mono text-label text-steel\",\"children\":[\"0\",6]}],\"Sklep\",[\"$\",\"$L13\",null,{\"ref\":\"$undefined\",\"icon\":\"$9:props:children:3:props:children:props:children:0:props:children:props:children:2:props:icon\",\"className\":\"ml-auto size-4 self-center text-steel transition-transform group-hover:translate-x-1 group-hover:text-volt\",\"aria-hidden\":true}]]}]}],[\"$\",\"li\",\"/blog\",{\"children\":[\"$\",\"$L12\",null,{\"href\":\"/blog\",\"className\":\"group flex items-baseline gap-4 border-b border-line py-4 text-2xl font-semibold tracking-tight transition-colors hover:text-volt md:text-3xl\",\"children\":[\"$L14\",\"Blog\",\"$L15\"]}]}],\"$L16\",\"$L17\",\"$L18\"]}]}],\"$L19\"]}]\n"])</script>
1<script>self.__next_f.push([1,"a:[\"$\",\"footer\",null,{\"className\":\"relative overflow-hidden border-t border-line\",\"children\":[\"$\",\"$L1a\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"container-site flex items-center justify-between pt-8 font-mono text-label tracking-label-5 uppercase md:pt-10\",\"children\":[[\"$\",\"p\",null,{\"className\":\"flex items-center gap-2.5\",\"children\":[[\"$\",\"span\",null,{\"aria-hidden\":true,\"className\":\"status-dot size-1.5 shrink-0 rounded-full bg-volt\"}],[\"$\",\"span\",null,{\"className\":\"text-volt\",\"children\":\"[ Status · Online ]\"}],[\"$\",\"span\",null,{\"className\":\"hidden text-steel sm:inline\",\"children\":\"System działa 24/7\"}]]}],[\"$\",\"p\",null,{\"aria-hidden\":true,\"className\":\"hidden text-steel lg:block\",\"children\":\"[ AI · Automatyzacja · Software ]\"}]]}],[\"$\",\"div\",null,{\"className\":\"container-site mt-14 flex flex-col gap-12 md:mt-20 lg:flex-row lg:items-end lg:justify-between lg:gap-16\",\"children\":[[\"$\",\"$L1b\",null,{\"className\":\"max-w-3xl\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-page-title leading-luzne tracking-tight\",\"children\":[[\"$\",\"span\",null,{\"className\":\"block font-normal text-steel\",\"children\":\"Tu kończy się strona.\"}],[\"$\",\"span\",null,{\"className\":\"block font-semibold\",\"children\":\"System pracuje dalej.\"}]]}],[\"$\",\"p\",null,{\"className\":\"mt-5 max-w-md text-sm leading-relaxed text-steel\",\"children\":\"AI, automatyzacja i rozwiązania cyfrowe dla nowoczesnego biznesu.\"}],[\"$\",\"p\",null,{\"className\":\"mt-7 flex flex-wrap items-center gap-x-6 gap-y-3\",\"children\":[[\"$\",\"$L12\",null,{\"href\":\"/kontakt\",\"className\":\"group inline-flex items-center gap-2 font-medium text-volt underline-offset-4 hover:underline\",\"children\":[\"Porozmawiajmy\",[\"$\",\"$L13\",null,{\"ref\":\"$undefined\",\"icon\":\"$9:props:children:3:props:children:props:children:0:props:children:props:children:2:props:icon\",\"className\":\"size-4 transition-transform group-hover:translate-x-0.5\",\"aria-hidden\":true}]]}],[\"$\",\"a\",null,{\"href\":\"mailto:[email protected]\",\"className\":\"stopka-link font-mono text-sm text-steel\",\"children\":\"[email protected]\"}]]}]]}],[\"$\",\"$L1b\",null,{\"delay\":0.08,\"className\":\"grid grid-cols-2 gap-x-6 gap-y-8 sm:max-w-sm sm:gap-10 lg:shrink-0 lg:gap-14\",\"children\":[[\"$\",\"nav\",null,{\"aria-label\":\"Nawigacja w stopce\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-mono text-label tracking-label-5 text-steel uppercase\",\"children\":\"Nawigacja\"}],[\"$\",\"ul\",null,{\"className\":\"mt-4 flex flex-col gap-3\",\"children\":[[\"$\",\"li\",\"/uslugi\",{\"children\":[\"$\",\"$L12\",null,{\"href\":\"/uslugi\",\"className\":\"stopka-link text-sm text-steel\",\"children\":\"Usługi\"}]}],[\"$\",\"li\",\"/portfolio\",{\"children\":[\"$\",\"$L12\",null,{\"href\":\"/portfolio\",\"className\":\"stopka-link text-sm text-steel\",\"children\":\"Portfolio\"}]}],[\"$\",\"li\",\"/realizacje\",{\"children\":[\"$\",\"$L12\",null,{\"href\":\"/realizacje\",\"className\":\"stopka-link text-sm text-steel\",\"children\":\"Realizacje\"}]}],[\"$\",\"li\",\"/proces\",{\"children\":[\"$\",\"$L12\",null,{\"href\":\"/proces\",\"className\":\"stopka-link text-sm text-steel\",\"children\":\"Proces\"}]}],[\"$\",\"li\",\"/szkolenia\",{\"children\":[\"$\",\"$L12\",null,{\"href\":\"/szkolenia\",\"className\":\"stopka-link text-sm text-steel\",\"children\":\"Szkolenia\"}]}],[\"$\",\"li\",\"/sklep\",{\"children\":[\"$\",\"$L12\",null,{\"href\":\"/sklep\",\"className\":\"stopka-link text-sm text-steel\",\"children\":\"Sklep\"}]}],[\"$\",\"li\",\"/blog\",{\"children\":[\"$\",\"$L12\",null,{\"href\":\"/blog\",\"className\":\"stopka-link text-sm text-steel\",\"children\":\"Blog\"}]}],[\"$\",\"li\",\"/o-nas\",{\"children\":[\"$\",\"$L12\",null,{\"href\":\"/o-nas\",\"className\":\"stopka-link text-sm text-steel\",\"children\":\"O nas\"}]}],[\"$\",\"li\",\"/faq\",{\"children\":[\"$\",\"$L12\",null,{\"href\":\"/faq\",\"className\":\"stopka-link text-sm text-steel\",\"children\":\"FAQ\"}]}],[\"$\",\"li\",\"/szukaj\",{\"children\":[\"$\",\"$L12\",null,{\"href\":\"/szukaj\",\"className\":\"stopka-link text-sm text-steel\",\"children\":\"Szukaj w serwisie\"}]}]]}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"font-mono text-label tracking-label-5 text-steel uppercase\",\"children\":\"Social\"}],[\"$\",\"ul\",null,{\"className\":\"mt-4 flex flex-col gap-3\",\"children\":[[\"$\",\"li\",\"LinkedIn\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://www.linkedin.com/company/automaticai\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"stopka-link group inline-flex items-center gap-1 text-sm text-steel\",\"children\":[\"LinkedIn\",[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":[\" \",\"(otwiera się w nowej karcie)\"]}],[\"$\",\"$L13\",null,{\"ref\":\"$undefined\",\"icon\":{\"name\":\"arrow-up-right\",\"size\":24,\"node\":[[\"path\",{\"d\":\"M7 7h10v10\",\"key\":\"1tivn9\"}],[\"path\",{\"d\":\"M7 17 17 7\",\"key\":\"1vkiza\"}]]},\"className\":\"size-3.5 transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5\",\"aria-hidden\":true}]]}]}],\"$L1c\"]}]]}]]}]]}],\"$L1d\",\"$L1e\",\"$L1f\"]}]}]\n"])</script>
1<script>self.__next_f.push([1,"b:[\"$\",\"div\",null,{\"className\":\"stopka-druku\",\"children\":[[\"$\",\"p\",null,{\"className\":\"stopka-druku-nazwa\",\"children\":\"Automatic AI\"}],[\"$\",\"p\",null,{\"children\":[[\"$\",\"a\",null,{\"href\":\"mailto:[email protected]\",\"children\":\"[email protected]\"}],\" · \",\"automaticai.pl\"]}]]}]\nc:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n20:T11c8,"])</script>
1<script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@type\":\"ItemList\",\"name\":\"Portfolio zespołu Automatic AI\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Czarodziejski Dworek — strona przedszkola w dwóch wariantach\",\"url\":\"https://automaticai.pl/portfolio/czarodziejski-dworek\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"MP Offer Automation Suite\",\"url\":\"https://automaticai.pl/portfolio/mp-offer-automation-suite\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Importery aukcji Copart i IAAI do WordPressa\",\"url\":\"https://automaticai.pl/portfolio/copart-iaai-importer\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Automatic AI — ta strona\",\"url\":\"https://automaticai.pl/portfolio/automatic-ai\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Platforma szkoleń Automatic AI — sklep z kursami\",\"url\":\"https://automaticai.pl/portfolio/platforma-szkolen\"},{\"@type\":\"ListItem\",\"position\":6,\"name\":\"Kredyt Kompas — strona pośrednika kredytowego (demo)\",\"url\":\"https://automaticai.pl/portfolio/kredyt-kompas\"},{\"@type\":\"ListItem\",\"position\":7,\"name\":\"Sklep Agentów — sklep z botami AI na WordPressie\",\"url\":\"https://automaticai.pl/portfolio/sklep-agentow\"},{\"@type\":\"ListItem\",\"position\":8,\"name\":\"Sklep zoologiczny — WooCommerce z dwiema wtyczkami\",\"url\":\"https://automaticai.pl/portfolio/sklep-zoologiczny\"},{\"@type\":\"ListItem\",\"position\":9,\"name\":\"Asystent zakupowy do akcesoriów AGD\",\"url\":\"https://automaticai.pl/portfolio/asystent-zakupowy-agd\"},{\"@type\":\"ListItem\",\"position\":10,\"name\":\"Przydział zamówień — rejon, opieka i wolumen\",\"url\":\"https://automaticai.pl/portfolio/przydzial-zamowien\"},{\"@type\":\"ListItem\",\"position\":11,\"name\":\"CRM z agentami AI dla importera z Chin\",\"url\":\"https://automaticai.pl/portfolio/crm-importer-chiny\"},{\"@type\":\"ListItem\",\"position\":12,\"name\":\"Skaner konkurencji — zdjęcie z telefonu, ceny rynku\",\"url\":\"https://automaticai.pl/portfolio/skaner-konkurencji-moda\"},{\"@type\":\"ListItem\",\"position\":13,\"name\":\"Panel aukcji Allegro i Temu — agent sprawdza przed publikacją\",\"url\":\"https://automaticai.pl/portfolio/panel-aukcji-allegro-temu\"},{\"@type\":\"ListItem\",\"position\":14,\"name\":\"Agenci rynkowi — cztery wtyczki do WordPressa\",\"url\":\"https://automaticai.pl/portfolio/agenci-rynkowi-wordpress\"},{\"@type\":\"ListItem\",\"position\":15,\"name\":\"Sklep ogólnobranżowy — katalog z feedu producenta\",\"url\":\"https://automaticai.pl/portfolio/sklep-ogolnobranzowy\"},{\"@type\":\"ListItem\",\"position\":16,\"name\":\"Agent rentowności — cztery sklepy w jednym rachunku\",\"url\":\"https://automaticai.pl/portfolio/agent-rentownosci-sklepow\"},{\"@type\":\"ListItem\",\"position\":17,\"name\":\"Generator zdjęć produktowych — jeden master, wiele platform\",\"url\":\"https://automaticai.pl/portfolio/generator-zdjec-produktowych\"},{\"@type\":\"ListItem\",\"position\":18,\"name\":\"Platforma email marketingu — dziesięć wtyczek, dziesięć baz\",\"url\":\"https://automaticai.pl/portfolio/platforma-email-marketing\"},{\"@type\":\"ListItem\",\"position\":19,\"name\":\"Sklep odzieżowy — kursy walut i przelicznik na żywo\",\"url\":\"https://automaticai.pl/portfolio/sklep-fashion-waluty\"},{\"@type\":\"ListItem\",\"position\":20,\"name\":\"Panel profili firm — dziesięć źródeł w jednym miejscu\",\"url\":\"https://automaticai.pl/portfolio/panel-profili-firm\"},{\"@type\":\"ListItem\",\"position\":21,\"name\":\"Segregacja poczty do handlowców — wtyczka i dodatek do CRM\",\"url\":\"https://automaticai.pl/portfolio/segregacja-maili-handlowcy\"},{\"@type\":\"ListItem\",\"position\":22,\"name\":\"Agenci kontroli zadań — Polska i Niemcy osobno\",\"url\":\"https://automaticai.pl/portfolio/agenci-kontroli-zadan\"},{\"@type\":\"ListItem\",\"position\":23,\"name\":\"Agent do kart charakterystyki — cytat, nie parafraza\",\"url\":\"https://automaticai.pl/portfolio/agent-kart-charakterystyki\"},{\"@type\":\"ListItem\",\"position\":24,\"name\":\"Sklep z kosmetykami — dla producenta i importera naraz\",\"url\":\"https://automaticai.pl/portfolio/sklep-kosmetyki\"},{\"@type\":\"ListItem\",\"position\":25,\"name\":\"AI do poziomów klienta — tożs
1amość z e-maila i adresu\",\"url\":\"https://automaticai.pl/portfolio/ai-poziomy-klienta\"},{\"@type\":\"ListItem\",\"position\":26,\"name\":\"Sklep spięty backendowo z marketplace’ami\",\"url\":\"https://automaticai.pl/portfolio/sklep-i-marketplace\"},{\"@type\":\"ListItem\",\"position\":27,\"name\":\"Salon łazienek i wyposażenia — od aranżacji do wyceny\",\"url\":\"https://automaticai.pl/portfolio/salon-lazienek\"},{\"@type\":\"ListItem\",\"position\":28,\"name\":\"AI PR Guardian — bramka jakości AI dla Pull Requestów (eksperyment)\",\"url\":\"https://automaticai.pl/portfolio/ai-pr-guardian\"}]}"])</script>
1<script>self.__next_f.push([1,"d:[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$20\"}}],\"$L21\",\"$L22\",\"$L23\",\"$L24\",\"$L25\",\"$L26\"],[\"$L27\",\"$L28\"],\"$L29\"]}]\nf:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L2a\",null,{\"children\":\"$L2b\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L2c\",null,{\"children\":[\"$\",\"$2d\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L2e\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n11:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0qc18updkpioy.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script>
1<script>self.__next_f.push([1,"2f:I[76525,[\"/_next/static/chunks/2es0warhxi97k.js\",\"/_next/static/chunks/127o768naucqo.js\",\"/_next/static/chunks/0y8f2-qtkojb4.js\"],\"Button\"]\n30:I[1585,[\"/_next/static/chunks/2es0warhxi97k.js\"],\"Kompetencje\"]\n31:I[73195,[\"/_next/static/chunks/2es0warhxi97k.js\",\"/_next/static/chunks/127o768naucqo.js\",\"/_next/static/chunks/0y8f2-qtkojb4.js\"],\"Cascade\"]\n32:I[73195,[\"/_next/static/chunks/2es0warhxi97k.js\",\"/_next/static/chunks/127o768naucqo.js\",\"/_next/static/chunks/0y8f2-qtkojb4.js\"],\"CascadeItem\"]\n33:I[71049,[\"/_next/static/chunks/2es0warhxi97k.js\",\"/_next/static/chunks/127o768naucqo.js\",\"/_next/static/chunks/0y8f2-qtkojb4.js\"],\"CountUp\"]\n34:I[5500,[\"/_next/static/chunks/2es0warhxi97k.js\",\"/_next/static/chunks/127o768naucqo.js\",\"/_next/static/chunks/0y8f2-qtkojb4.js\"],\"Image\"]\n39:I[7482,[\"/_next/static/chunks/2es0warhxi97k.js\",\"/_next/static/chunks/127o768naucqo.js\",\"/_next/static/chunks/0y8f2-qtkojb4.js\"],\"ProjectExplorer\"]\n3d:I[97367,[\"/_next/static/chunks/3fntmmi971322.js\"],\"OutletBoundary\"]\ne:C\n14:[\"$\",\"span\",null,{\"className\":\"font-mono text-label text-steel\",\"children\":[\"0\",7]}]\n15:[\"$\",\"$L13\",null,{\"ref\":\"$undefined\",\"icon\":\"$9:props:children:3:props:children:props:children:0:props:children:props:children:2:props:icon\",\"className\":\"ml-auto size-4 self-center text-steel transition-transform group-hover:translate-x-1 group-hover:text-volt\",\"aria-hidden\":true}]\n16:[\"$\",\"li\",\"/o-nas\",{\"children\":[\"$\",\"$L12\",null,{\"href\":\"/o-nas\",\"className\":\"group flex items-baseline gap-4 border-b border-line py-4 text-2xl font-semibold tracking-tight transition-colors hover:text-volt md:text-3xl\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-mono text-label text-steel\",\"children\":[\"0\",8]}],\"O nas\",[\"$\",\"$L13\",null,{\"ref\":\"$undefined\",\"icon\":\"$9:props:children:3:props:children:props:children:0:props:children:props:children:2:props:icon\",\"className\":\"ml-auto size-4 self-center text-steel transition-transform group-hover:translate-x-1 group-hover:text-volt\",\"aria-hidden\":true}]]}]}]\n17:[\"$\",\"li\",\"/faq\",{\"children\":[\"$\",\"$L12\",null,{\"href\":\"/faq\",\"className\":\"group flex items-baseline gap-4 border-b border-line py-4 text-2xl font-semibold tracking-tight transition-colors hover:text-volt md:text-3xl\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-mono text-label text-steel\",\"children\":[\"0\",9]}],\"FAQ\",[\"$\",\"$L13\",null,{\"ref\":\"$undefined\",\"icon\":\"$9:props:children:3:props:children:props:children:0:props:children:props:children:2:props:icon\",\"className\":\"ml-auto size-4 self-center text-steel transition-transform group-hover:translate-x-1 group-hover:text-volt\",\"aria-hidden\":true}]]}]}]\n18:[\"$\",\"li\",\"/kontakt\",{\"children\":[\"$\",\"$L12\",null,{\"href\":\"/kontakt\",\"className\":\"group flex items-baseline gap-4 border-b border-line py-4 text-2xl font-semibold tracking-tight transition-colors hover:text-volt md:text-3xl\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-mono text-label text-steel\",\"children\":[\"0\",10]}],\"Porozmawiajmy\",[\"$\",\"$L13\",null,{\"ref\":\"$undefined\",\"icon\":\"$9:props:children:3:props:children:props:children:0:props:children:props:children:2:props:icon\",\"className\":\"ml-auto size-4 self-center text-steel transition-transform group-hover:translate-x-1 group-hover:text-volt\",\"aria-hidden\":true}]]}]}]\n19:[\"$\",\"$L2f\",null,{\"href\":\"/\",\"className\":\"btn-glow btn-sheen mt-12\",\"children\":[\"Wróć na stronę główną\",[\"$\",\"$L13\",null,{\"ref\":\"$undefined\",\"icon\":\"$9:props:children:3:props:children:props:children:0:props:children:props:children:2:props:icon\",\"className\":\"size-4 transition-transform group-hover:translate-x-0.5\",\"aria-hidden\":true}]]}]\n1c:[\"$\",\"li\",\"Instagram\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://www.instagram.com/automaticai\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"stopka-link group inline-flex items-center gap-1 text-sm text-steel\",\"children\":[\"Instagram\",[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":[\" \",\"(otwiera się w nowej karcie)\"]}],[\"$\",\"$L13\",null,{\"ref\":\"$undefined\",\"icon\":\"$a:props:children:props:children:1:props:children:1:props:children:1:props:children:1:props:children:0:props:childre"])</script>
1<script>self.__next_f.push([1,"n:props:children:2:props:icon\",\"className\":\"size-3.5 transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5\",\"aria-hidden\":true}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"1d:[\"$\",\"$L30\",null,{\"grupy\":[{\"nazwa\":\"AI Automation\",\"href\":\"/uslugi/ai-automation\",\"pozycje\":[{\"nazwa\":\"Obieg dokumentów\"},{\"nazwa\":\"Raporty na żądanie\"},{\"nazwa\":\"Triage skrzynki e-mail\"},{\"nazwa\":\"Synchronizacja danych\"},{\"nazwa\":\"Generowanie dokumentów\"},{\"nazwa\":\"Monitoring procesów\"}]},{\"nazwa\":\"AI Agents\",\"href\":\"/uslugi/ai-agents\",\"pozycje\":[{\"nazwa\":\"Agent kwalifikacji leadów\"},{\"nazwa\":\"Asystent obsługi klienta\"},{\"nazwa\":\"Agent research\"},{\"nazwa\":\"Asystent wiedzy firmowej\"},{\"nazwa\":\"Agent operacyjny\"},{\"nazwa\":\"Kontrola jakości agenta\"}]},{\"nazwa\":\"AI Software\",\"href\":\"/uslugi/ai-software\",\"pozycje\":[{\"nazwa\":\"MVP produktu AI\"},{\"nazwa\":\"Panele wewnętrzne\"},{\"nazwa\":\"Systemy dokumentowe\"},{\"nazwa\":\"Aplikacje webowe z AI\"},{\"nazwa\":\"Wtyczki WordPress i WooCommerce\"},{\"nazwa\":\"Strony i serwisy firmowe\"}]},{\"nazwa\":\"Integracje \u0026 Workflows\",\"href\":\"/uslugi/integracje\",\"pozycje\":[{\"nazwa\":\"Integracje systemów\"},{\"nazwa\":\"Workflow zamówień\"},{\"nazwa\":\"Webhooki czasu rzeczywistego\"},{\"nazwa\":\"Centralny hub danych\"},{\"nazwa\":\"Automatyzacja komunikacji\"},{\"nazwa\":\"Monitoring przepływów\"}]},{\"nazwa\":\"Technologie\",\"pozycje\":[{\"nazwa\":\"Claude i OpenAI\"},{\"nazwa\":\"n8n i Make\"},{\"nazwa\":\"Next.js, React i TypeScript\"},{\"nazwa\":\"PostgreSQL, Supabase i Vercel\"},{\"nazwa\":\"RAG i embeddingi\"},{\"nazwa\":\"PHP, WordPress i WooCommerce\"}]},{\"nazwa\":\"Zastosowania\",\"href\":\"/portfolio\",\"pozycje\":[{\"nazwa\":\"Strony WWW\",\"href\":\"/portfolio#k-www\"},{\"nazwa\":\"Sklepy internetowe\",\"href\":\"/portfolio#k-sklepy\"},{\"nazwa\":\"Wtyczki\",\"href\":\"/portfolio#k-wtyczki\"},{\"nazwa\":\"Automatyzacje w firmach\",\"href\":\"/portfolio#k-automatyzacje\"},{\"nazwa\":\"Projekty z AI\",\"href\":\"/portfolio#k-ai\"},{\"nazwa\":\"Sprzedaż B2B i CRM\"}]}],\"tresc\":{\"etykieta\":\"Pełny zakres kompetencji\",\"tytul\":\"Specjalizacje i technologie\",\"lead\":\"Automatyzacje, agenci AI, systemy z AI i integracje — od analizy procesu po utrzymanie. Technologię dobieramy pod problem, nie odwrotnie.\",\"cta\":{\"label\":\"Wszystkie usługi\",\"href\":\"/uslugi\"}}}]\n"])</script>
1<script>self.__next_f.push([1,"1e:[\"$\",\"div\",null,{\"aria-hidden\":true,\"data-fw-hotspot\":true,\"className\":\"container-site mt-16 select-none md:mt-24\",\"children\":[\"$\",\"svg\",null,{\"viewBox\":\"0 0 1200 96\",\"className\":\"fw-svg block w-full\",\"data-szyna\":true,\"children\":[[\"$\",\"defs\",null,{\"children\":[[\"$\",\"linearGradient\",null,{\"id\":\"fw-baza\",\"x1\":\"0\",\"y1\":\"0\",\"x2\":\"0\",\"y2\":\"1\",\"children\":[[\"$\",\"stop\",null,{\"offset\":\"0\",\"stopColor\":\"#20222a\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopColor\":\"#101116\"}]]}],[\"$\",\"linearGradient\",null,{\"id\":\"fw-swiatlo\",\"x1\":\"0\",\"y1\":\"0\",\"x2\":\"1\",\"y2\":\"0\",\"children\":[[\"$\",\"stop\",null,{\"offset\":\"0\",\"stopColor\":\"#bfff38\",\"stopOpacity\":\"0\"}],[\"$\",\"stop\",null,{\"offset\":\"0.35\",\"stopColor\":\"#bfff38\",\"stopOpacity\":\"0.5\"}],[\"$\",\"stop\",null,{\"offset\":\"0.5\",\"stopColor\":\"#f2ffd9\",\"stopOpacity\":\"0.95\"}],[\"$\",\"stop\",null,{\"offset\":\"0.65\",\"stopColor\":\"#bfff38\",\"stopOpacity\":\"0.5\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopColor\":\"#bfff38\",\"stopOpacity\":\"0\"}]]}],[\"$\",\"mask\",null,{\"id\":\"fw-maska\",\"children\":[[\"$\",\"line\",null,{\"x1\":\"0\",\"y1\":\"94\",\"x2\":\"1200\",\"y2\":\"94\",\"stroke\":\"#fff\",\"strokeWidth\":\"1.5\"}],[\"$\",\"text\",null,{\"x\":\"600\",\"y\":\"90\",\"textAnchor\":\"middle\",\"textLength\":\"1200\",\"lengthAdjust\":\"spacing\",\"fontSize\":\"112\",\"fontWeight\":\"600\",\"fill\":\"#fff\",\"style\":{\"fontFamily\":\"var(--font-sans)\"},\"children\":\"AUTOMATIC AI\"}]]}]]}],[\"$\",\"line\",null,{\"x1\":\"0\",\"y1\":\"94\",\"x2\":\"1200\",\"y2\":\"94\",\"stroke\":\"rgba(245, 245, 245, 0.09)\",\"strokeWidth\":\"1\"}],[\"$\",\"text\",null,{\"x\":\"600\",\"y\":\"90\",\"textAnchor\":\"middle\",\"textLength\":\"1200\",\"lengthAdjust\":\"spacing\",\"fontSize\":\"112\",\"fontWeight\":\"600\",\"fill\":\"url(#fw-baza)\",\"style\":{\"fontFamily\":\"var(--font-sans)\"},\"children\":\"AUTOMATIC AI\"}],[\"$\",\"g\",null,{\"mask\":\"url(#fw-maska)\",\"children\":[\"$\",\"rect\",null,{\"className\":\"fw-impuls\",\"x\":\"-560\",\"y\":\"0\",\"width\":\"560\",\"height\":\"96\",\"fill\":\"url(#fw-swiatlo)\"}]}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"1f:[\"$\",\"div\",null,{\"children\":[\"$\",\"div\",null,{\"className\":\"container-site flex flex-col gap-3 pt-4 pb-6 font-mono text-label text-steel sm:flex-row sm:items-center sm:justify-between\",\"children\":[[\"$\",\"p\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"svg\",null,{\"viewBox\":\"0 0 48 48\",\"aria-hidden\":true,\"className\":\"size-4 shrink-0\",\"style\":{\"--mark-impuls\":\"currentColor\"},\"children\":[[\"$\",\"path\",null,{\"d\":\"M8 43 L26.5 4.5\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"5.2\",\"strokeLinecap\":\"butt\",\"className\":\"$undefined\",\"style\":\"$undefined\"}],[\"$\",\"path\",null,{\"d\":\"M23.21 14.38 L40 43\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"5.2\",\"strokeLinecap\":\"butt\",\"className\":\"$undefined\",\"style\":\"$undefined\"}],[\"$\",\"rect\",null,{\"x\":\"12.8\",\"y\":\"26.2\",\"width\":\"22.2\",\"height\":\"5.4\",\"fill\":\"var(--mark-impuls, var(--color-volt))\",\"className\":\"$undefined\"}]]}],[\"$\",\"span\",null,{\"children\":[\"© \",2026,\" Automatic AI — wszystkie prawa zastrzeżone\"]}]]}],[\"$\",\"p\",null,{\"className\":\"flex flex-wrap gap-x-4 gap-y-1\",\"children\":[[\"$\",\"$L12\",\"/polityka-prywatnosci\",{\"href\":\"/polityka-prywatnosci\",\"className\":\"stopka-link\",\"children\":\"Polityka prywatności\"}],[\"$\",\"$L12\",\"/polityka-cookies\",{\"href\":\"/polityka-cookies\",\"className\":\"stopka-link\",\"children\":\"Polityka cookies\"}]]}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"21:[\"$\",\"header\",null,{\"className\":\"relative overflow-hidden\",\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"BreadcrumbList\\\",\\\"itemListElement\\\":[{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":1,\\\"name\\\":\\\"Automatic AI\\\",\\\"item\\\":\\\"https://automaticai.pl/\\\"},{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":2,\\\"name\\\":\\\"Portfolio\\\"}]}\"}}],[\"$\",\"div\",null,{\"aria-hidden\":true,\"className\":\"bg-grid mask-fade-y absolute inset-0\"}],[\"$\",\"div\",null,{\"aria-hidden\":true,\"className\":\"glow-breathe absolute -top-32 right-[8%] size-[26rem] rounded-full bg-volt-poswiata-mocna blur-[110px]\"}],[\"$\",\"div\",null,{\"aria-hidden\":true,\"className\":\"grain absolute inset-0 opacity-[0.04]\"}],[\"$\",\"div\",null,{\"className\":\"container-site relative pt-28 pb-10 md:pt-36 md:pb-14\",\"children\":[[\"$\",\"$L1b\",null,{\"from\":\"left\",\"distance\":20,\"natychmiast\":true,\"children\":[\"$\",\"nav\",null,{\"aria-label\":\"Breadcrumb\",\"children\":[\"$\",\"ol\",null,{\"className\":\"flex flex-wrap items-center gap-1.5 font-mono text-label-sm tracking-label-3 text-steel/85\",\"children\":[[\"$\",\"li\",\"Automatic AI\",{\"className\":\"flex items-center gap-1.5\",\"children\":[null,[\"$\",\"$L12\",null,{\"href\":\"/\",\"className\":\"transition-colors hover:text-fg\",\"children\":\"Automatic AI\"}]]}],[\"$\",\"li\",\"Portfolio\",{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"span\",null,{\"aria-hidden\":true,\"children\":\"/\"}],[\"$\",\"span\",null,{\"aria-current\":\"page\",\"className\":\"text-steel\",\"children\":\"Portfolio\"}]]}]]}]}]}],[\"$\",\"$L1b\",null,{\"from\":\"left\",\"distance\":24,\"delay\":0.05,\"natychmiast\":true,\"children\":[\"$\",\"p\",null,{\"className\":\"font-mono text-eyebrow tracking-label-5 text-volt uppercase mt-5\",\"children\":[\"[ \",\"Portfolio\",\" ]\"]}]}],[\"$\",\"$L1b\",null,{\"from\":\"left\",\"distance\":36,\"delay\":0.08,\"natychmiast\":true,\"children\":[\"$\",\"h1\",null,{\"className\":\"mt-4 max-w-4xl text-page-title font-semibold tracking-display\",\"children\":\"Projekty zrobione własnymi rękami.\"}]}],[\"$\",\"$L1b\",null,{\"from\":\"left\",\"distance\":28,\"delay\":0.14,\"natychmiast\":true,\"children\":[\"$\",\"p\",null,{\"className\":\"mt-4 max-w-2xl text-base leading-relaxed text-steel md:text-lg\",\"children\":\"Centrum projektów całego zespołu: prawdziwe wdrożenia — z działającym adresem, publicznym kodem albo rozpisaną budową tam, gdzie wdrożenie jest klienckie. Przeszukuj, filtruj i zaglądaj w szczegóły — katalog stale rośnie.\"}]}],null]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"22:[\"$\",\"div\",null,{\"className\":\"border-y border-line bg-panel/30\",\"children\":[\"$\",\"div\",null,{\"className\":\"container-site\",\"children\":[[\"$\",\"$L31\",null,{\"as\":\"dl\",\"interval\":0.08,\"className\":\"grid gap-x-6 grid-cols-3\",\"children\":[[\"$\",\"$L32\",\"projektów w katalogu\",{\"from\":\"up\",\"className\":\"flex flex-col-reverse justify-end gap-1.5 py-6 md:py-7\",\"children\":[[\"$\",\"dt\",null,{\"className\":\"text-sm leading-snug text-steel\",\"children\":\"projektów w katalogu\"}],[\"$\",\"dd\",null,{\"className\":\"text-3xl font-semibold tracking-tight text-volt tabular-nums md:text-4xl\",\"children\":[[\"$\",\"$L33\",null,{\"value\":\"28\"}],null]}]]}],[\"$\",\"$L32\",\"technologie\",{\"from\":\"up\",\"className\":\"flex flex-col-reverse justify-end gap-1.5 py-6 md:py-7\",\"children\":[[\"$\",\"dt\",null,{\"className\":\"text-sm leading-snug text-steel\",\"children\":\"technologie\"}],[\"$\",\"dd\",null,{\"className\":\"text-3xl font-semibold tracking-tight text-volt tabular-nums md:text-4xl\",\"children\":[[\"$\",\"$L33\",null,{\"value\":\"34\"}],null]}]]}],[\"$\",\"$L32\",\"twórców\",{\"from\":\"up\",\"className\":\"flex flex-col-reverse justify-end gap-1.5 py-6 md:py-7\",\"children\":[[\"$\",\"dt\",null,{\"className\":\"text-sm leading-snug text-steel\",\"children\":\"twórców\"}],[\"$\",\"dd\",null,{\"className\":\"text-3xl font-semibold tracking-tight text-volt tabular-nums md:text-4xl\",\"children\":[[\"$\",\"$L33\",null,{\"value\":\"3\"}],null]}]]}]]}],null]}]}]\n"])</script>
1<script>self.__next_f.push([1,"23:[\"$\",\"section\",null,{\"aria-label\":\"Wyróżnione projekty\",\"className\":\"border-t border-line\",\"children\":[\"$\",\"div\",null,{\"className\":\"container-site py-14 md:py-20\",\"children\":[[\"$\",\"div\",null,{\"className\":\"max-w-3xl\",\"children\":[[\"$\",\"$L1b\",null,{\"from\":\"left\",\"distance\":24,\"children\":[\"$\",\"p\",null,{\"className\":\"font-mono text-eyebrow tracking-label-5 text-volt uppercase\",\"children\":[\"[ \",\"01\",\" · \",\"Wyróżnione\",\" ]\"]}]}],[\"$\",\"$L1b\",null,{\"from\":\"left\",\"distance\":34,\"delay\":0.07,\"children\":[\"$\",\"h2\",null,{\"className\":\"mt-3 text-3xl font-semibold leading-luzne tracking-tight md:text-4xl lg:text-5xl\",\"children\":\"Projekty, od których warto zacząć.\"}]}],[\"$\",\"$L1b\",null,{\"from\":\"left\",\"distance\":28,\"delay\":0.14,\"children\":[\"$\",\"p\",null,{\"className\":\"mt-4 max-w-2xl text-base leading-relaxed text-steel md:text-lg\",\"children\":\"Pełne wdrożenia: publiczny kod i działające adresy tam, gdzie wolno je pokazać, a przy wdrożeniach klienckich — rozpisana budowa.\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-8 grid grid-cols-1 gap-4 md:mt-10 lg:grid-cols-12\",\"children\":[[\"$\",\"$L1b\",null,{\"from\":\"up\",\"className\":\"lg:col-span-7\",\"children\":[\"$\",\"article\",null,{\"className\":\"panel group flex h-full flex-col overflow-hidden transition-colors duration-300 hover:border-volt/25 focus-within:border-volt/40\",\"children\":[[\"$\",\"$L12\",null,{\"href\":\"/portfolio/czarodziejski-dworek\",\"prefetch\":false,\"aria-label\":\"Szczegóły projektu Czarodziejski Dworek — strona przedszkola w dwóch wariantach\",\"className\":\"block\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative\",\"children\":[[\"$\",\"div\",null,{\"aria-hidden\":true,\"className\":\"absolute inset-x-0 -inset-y-8 rounded-full bg-volt-poswiata blur-3xl sm:-inset-8\"}],[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden border border-line bg-panel transition-colors duration-300 group-hover:border-volt/30 rounded-lg shadow-[0_24px_80px_-32px_rgba(0,0,0,0.8)]\",\"children\":[[\"$\",\"span\",null,{\"aria-hidden\":true,\"className\":\"frame-impuls\"}],[\"$\",\"div\",null,{\"className\":\"flex min-w-0 items-center gap-2 border-b border-line px-4 py-2.5\",\"children\":[[\"$\",\"span\",null,{\"aria-hidden\":true,\"className\":\"size-2 rounded-full bg-line\"}],[\"$\",\"span\",null,{\"aria-hidden\":true,\"className\":\"size-2 rounded-full bg-line\"}],[\"$\",\"span\",null,{\"aria-hidden\":true,\"className\":\"size-2 rounded-full bg-volt/60\"}],[\"$\",\"span\",null,{\"aria-hidden\":true,\"className\":\"mx-auto min-w-0 shrink truncate rounded border border-line bg-void/60 px-3 py-0.5 font-mono text-label-sm tracking-label-1 text-steel\",\"children\":\"www.czarodziejski-dworek.pl\"}],[\"$\",\"span\",null,{\"aria-hidden\":true,\"className\":\"ml-auto hidden font-mono text-micro tracking-label-6 text-steel/85 uppercase sm:block\",\"children\":\"Live\"}]]}],[\"$\",\"div\",null,{\"className\":\"overflow-hidden\",\"children\":[\"$\",\"$L34\",null,{\"src\":{\"src\":\"/_next/static/media/czarodziejski-dworek.3kwu-5ptymxmh.webp\",\"width\":1200,\"height\":750,\"blurWidth\":8,\"blurHeight\":5,\"blurDataURL\":\"data:image/webp;base64,UklGRuAAAABXRUJQVlA4TNMAAAAvBwABAM1VICICHgiACQMAAIBlCilCAAAAOAAABABAAAAAAAAAAAAAAAAEBAAQgAAAAIzKR6UCAAB4IGgpDAAAAOf//tUFAQJgAADAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAMBgAMrxPRC0EwgAAIDz/3NYCAC4ACAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAQAkqqiF0k5pA0wQADbl/vXMygbYogen5a+klVdnV8agsUUbe76jHIn+alANmFINK0V7ft/oxvWEeB34Rj/e9wpVNY4AA==\"},\"alt\":\"Zrzut ekranu projektu Czarodziejski Dworek — strona przedszkola w dwóch wariantach\",\"placeholder\":\"blur\",\"sizes\":\"(min-width: 1024px) 58vw, 100vw\",\"priority\":\"$undefined\",\"className\":\"w-full object-cover object-top transition-transform duration-700 ease-out motion-safe:group-hover:scale-[1.03] aspect-[16/10]\"}]}]]}]]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-1 flex-col p-5 md:p-6\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-mono text-label-sm tracking-label-5 text-steel uppercase\",\"children\":[\"Strony WWW\",[\"$\",\"span\",null,{\"aria-hidden\":true,\"className\":\"mx-2 text-steel/40\",\"children\":\"·\"}],[\"$\",\"span\",null,{\"className\":\"tabular-nums\",\"children\":\"2026\"}]]}],[\"$\",\"h3\",null,{\"className\":\"mt-3 text-section-title font-semibold tracking-tight\",\"children\":[\"$\",\"$L12\",null,{\"href\":\"/portfolio/czarodziejski-dworek\",\"prefetch\":false,\"className\":\"transition-colors hover:text-volt\",\"children\":\"Czarodziejski Dworek — strona przedszkola w dwóch wariantach\"}]}],\"$L35\",\"$L36\",\"$L37\"]}]]}]}],\"$L38\"]}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"24:[\"$\",\"section\",null,{\"aria-label\":\"Wszystkie projekty\",\"className\":\"border-t border-line\",\"children\":[\"$\",\"div\",null,{\"className\":\"container-site py-14 md:py-20\",\"children\":[[\"$\",\"div\",null,{\"className\":\"max-w-3xl\",\"children\":[[\"$\",\"$L1b\",null,{\"from\":\"left\",\"distance\":24,\"children\":[\"$\",\"p\",null,{\"className\":\"font-mono text-eyebrow tracking-label-5 text-volt uppercase\",\"children\":[\"[ \",\"02\",\" · \",\"Wszystkie projekty\",\" ]\"]}]}],[\"$\",\"$L1b\",null,{\"from\":\"left\",\"distance\":34,\"delay\":0.07,\"children\":[\"$\",\"h2\",null,{\"className\":\"mt-3 text-3xl font-semibold leading-luzne tracking-tight md:text-4xl lg:text-5xl\",\"children\":\"Przeszukaj cały katalog.\"}]}],[\"$\",\"$L1b\",null,{\"from\":\"left\",\"distance\":28,\"delay\":0.14,\"children\":[\"$\",\"p\",null,{\"className\":\"mt-4 max-w-2xl text-base leading-relaxed text-steel md:text-lg\",\"children\":\"Wpisz, czego szukasz, albo zawęź listę kategorią, technologią i autorem — filtry można łączyć.\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-8 md:mt-10\",\"children\":[\"$\",\"$L39\",null,{}]}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"25:[\"$\",\"section\",null,{\"aria-label\":\"Twórcy projektów\",\"className\":\"border-t border-line\",\"children\":[\"$\",\"div\",null,{\"className\":\"container-site py-14 md:py-20\",\"children\":[[\"$\",\"div\",null,{\"className\":\"max-w-3xl\",\"children\":[[\"$\",\"$L1b\",null,{\"from\":\"left\",\"distance\":24,\"children\":[\"$\",\"p\",null,{\"className\":\"font-mono text-eyebrow tracking-label-5 text-volt uppercase\",\"children\":[\"[ \",\"03\",\" · \",\"Twórcy\",\" ]\"]}]}],[\"$\",\"$L1b\",null,{\"from\":\"left\",\"distance\":34,\"delay\":0.07,\"children\":[\"$\",\"h2\",null,{\"className\":\"mt-3 text-3xl font-semibold leading-luzne tracking-tight md:text-4xl lg:text-5xl\",\"children\":\"Za każdym projektem stoi człowiek.\"}]}],[\"$\",\"$L1b\",null,{\"from\":\"left\",\"distance\":28,\"delay\":0.14,\"children\":[\"$\",\"p\",null,{\"className\":\"mt-4 max-w-2xl text-base leading-relaxed text-steel md:text-lg\",\"children\":\"Portfolio buduje cały zespół — każdy dokłada projekty ze swojej działki. Kliknij osobę, żeby zobaczyć jej prace.\"}]}]]}],[\"$\",\"$L31\",null,{\"as\":\"ul\",\"interval\":0.08,\"className\":\"mt-8 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4 md:mt-10\",\"children\":[[\"$\",\"$L32\",\"mariusz\",{\"as\":\"li\",\"from\":\"up\",\"className\":\"h-full\",\"children\":[\"$\",\"$L12\",null,{\"href\":\"#a-mariusz\",\"className\":\"group panel flex h-full flex-col p-5 transition-colors duration-300 hover:border-volt/25 focus-visible:border-volt/40\",\"children\":[[\"$\",\"$L34\",null,{\"src\":{\"src\":\"/_next/static/media/mariusz-perzynski.243r2-z3d0fry.webp\",\"width\":800,\"height\":800,\"blurWidth\":8,\"blurHeight\":8,\"blurDataURL\":\"data:image/webp;base64,UklGRhABAABXRUJQVlA4TAQBAAAvB8ABAM1VICICHgiADQIAAIDtFaUOcSoQATgQAAAAIgAQQiAAAABAAAgARAAAggCqkACHAFIBfxcCAADwQAByEAAAAM7/7hL5AS0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADCFBsO2Pw8EBYUVAADg/N9Vx2+AGQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGDy1dyLfNEQXqzlqI+kqzH3nxhWwzZ296y+vk1siTJTQm8qysnvldX/EeekKABQkZxumfvO+NKVJEVAHVx6cZzycZbvAILASqI/1VLPCnraDgQSTGAeP3gv9c11zMHxgJqtUB/3YO0O2yPmqNRKdQ==\"},\"alt\":\"Zdjęcie: Mariusz Perzyński\",\"width\":56,\"height\":56,\"sizes\":\"56px\",\"className\":\"size-14 rounded-full border border-line object-cover\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-base font-semibold tracking-tight transition-colors group-hover:text-volt\",\"children\":\"Mariusz Perzyński\"}],[\"$\",\"p\",null,{\"className\":\"mt-0.5 font-mono text-label tracking-label-3 text-steel uppercase\",\"children\":\"Client Relations \u0026 Operations\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 flex items-center justify-between gap-2 border-t border-line pt-3.5 text-sm text-steel\",\"children\":[[\"$\",\"span\",null,{\"children\":[[\"$\",\"span\",null,{\"className\":\"font-medium text-fg tabular-nums\",\"children\":21}],\" \",\"projektów\"]}],[\"$\",\"$L13\",null,{\"ref\":\"$undefined\",\"icon\":\"$9:props:children:3:props:children:props:children:0:props:children:props:children:2:props:icon\",\"className\":\"size-4 text-steel transition-all duration-300 group-hover:translate-x-0.5 group-hover:text-volt\",\"aria-hidden\":true}]]}]]}]}],[\"$\",\"$L32\",\"krzysztof\",{\"as\":\"li\",\"from\":\"up\",\"className\":\"h-full\",\"children\":[\"$\",\"$L12\",null,{\"href\":\"#a-krzysztof\",\"className\":\"group panel flex h-full flex-col p-5 transition-colors duration-300 hover:border-volt/25 focus-visible:border-volt/40\",\"children\":[[\"$\",\"$L34\",null,{\"src\":{\"src\":\"/_next/static/media/krzysztof-leszczynski.3et5nboe5dry3.webp\",\"width\":800,\"height\":800,\"blurWidth\":8,\"blurHeight\":8,\"blurDataURL\":\"data:image/webp;base64,UklGRgwBAABXRUJQVlA4TP8AAAAvB8ABAM1VICICHgiADQIAAIBthQgAUBEABAAAAAAIAA4AAAAB4AABiABBgEgA4AAUBUSBiqQH3T8AAAAPBCAHAQAA4PzvPlPYCgBAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAih8RDK780BAjBAAAADO/25tnkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAXppi/yHSG7STv/ryZ2RYEMUqWp72+/1eLrtdREYIgE2rTupHbfW9bP4kZAbMMEMl+Mp5S/YGHID8WB6LecxMMsMJRoGO6y+WjK+p4+3NABSOoSi7tmf15SrGCGkglKOxoDrz/k+z+5AGwgA\"},\"alt\":\"Zdjęcie: Krzysztof Leszczyński\",\"width\":56,\"height\"
1:56,\"sizes\":\"56px\",\"className\":\"size-14 rounded-full border border-line object-cover\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-base font-semibold tracking-tight transition-colors group-hover:text-volt\",\"children\":\"Krzysztof Leszczyński\"}],[\"$\",\"p\",null,{\"className\":\"mt-0.5 font-mono text-label tracking-label-3 text-steel uppercase\",\"children\":\"Automation \u0026 Plugins\"}],\"$L3a\"]}]}],\"$L3b\"]}],\"$L3c\"]}]}]\n"])</script>
1<script>self.__next_f.push([1,"26:[\"$\",\"section\",null,{\"aria-label\":\"Kontakt\",\"className\":\"border-t border-line bg-panel/30\",\"children\":[\"$\",\"div\",null,{\"className\":\"container-site flex flex-col gap-6 py-12 md:flex-row md:items-center md:justify-between md:py-14\",\"children\":[[\"$\",\"$L1b\",null,{\"from\":\"left\",\"distance\":28,\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"font-mono text-label tracking-label-5 text-volt uppercase\",\"children\":\"[ Kontakt ]\"}],[\"$\",\"h2\",null,{\"className\":\"mt-2 max-w-xl text-section-title font-semibold tracking-tight\",\"children\":\"Chcesz zobaczyć tu swój projekt?\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 max-w-xl text-sm leading-relaxed text-steel md:text-base\",\"children\":\"Opowiedz nam, co chcesz zbudować — wrócimy z konkretnym pomysłem i wyceną.\"}]]}]}],[\"$\",\"$L1b\",null,{\"from\":\"right\",\"distance\":28,\"delay\":0.1,\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/kontakt\",\"size\":\"lg\",\"magnetic\":true,\"className\":\"btn-glow btn-sheen shrink-0\",\"children\":[\"Porozmawiajmy\",[\"$\",\"$L13\",null,{\"ref\":\"$undefined\",\"icon\":\"$9:props:children:3:props:children:props:children:0:props:children:props:children:2:props:icon\",\"className\":\"size-4 transition-transform group-hover:translate-x-0.5\",\"aria-hidden\":true}]]}]}]]}]}]\n27:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/127o768naucqo.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n28:[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0y8f2-qtkojb4.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n29:[\"$\",\"$L3d\",null,{\"children\":[\"$\",\"$2d\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@3e\"}]}]\n"])</script>
1<script>self.__next_f.push([1,"35:[\"$\",\"p\",null,{\"className\":\"mt-3 leading-relaxed text-steel\",\"children\":\"Serwis przedszkola w dwóch wersjach: statyczny HTML oraz autorski motyw WordPress bez ani jednej wtyczki. SEO lokalne, formularze zapisów, WCAG.\"}]\n36:[\"$\",\"ul\",null,{\"className\":\"mt-4 flex flex-wrap gap-2\",\"aria-label\":\"Technologie projektu Czarodziejski Dworek — strona przedszkola w dwóch wariantach\",\"children\":[[\"$\",\"li\",\"HTML\",{\"className\":\"rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel\",\"children\":\"HTML\"}],[\"$\",\"li\",\"CSS\",{\"className\":\"rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel\",\"children\":\"CSS\"}],[\"$\",\"li\",\"JavaScript\",{\"className\":\"rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel\",\"children\":\"JavaScript\"}],[\"$\",\"li\",\"PHP\",{\"className\":\"rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel\",\"children\":\"PHP\"}],[\"$\",\"li\",\"WordPress\",{\"className\":\"rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel\",\"children\":\"WordPress\"}],[\"$\",\"li\",\"SEO\",{\"className\":\"rounded border border-line bg-void/60 px-2.5 py-2 font-mono text-label-sm tracking-label-1 text-steel\",\"children\":\"SEO\"}]]}]\n"])</script>
1<script>self.__next_f.push([1,"37:[\"$\",\"div\",null,{\"className\":\"mt-auto flex flex-wrap items-center justify-between gap-x-6 gap-y-3 border-t border-line pt-4 md:pt-5\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex min-w-0 items-center gap-2.5\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex shrink-0 -space-x-1.5\",\"children\":[[\"$\",\"$L34\",\"krzysztof\",{\"src\":\"$25:props:children:props:children:1:props:children:1:props:children:props:children:0:props:src\",\"alt\":\"\",\"width\":32,\"height\":32,\"sizes\":\"32px\",\"className\":\"size-8 rounded-full border border-line bg-panel object-cover\"}]]}],[\"$\",\"span\",null,{\"className\":\"truncate text-xs text-steel\",\"children\":\"Krzysztof\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-x-5 gap-y-2\",\"children\":[[\"$\",\"$L12\",null,{\"href\":\"/portfolio/czarodziejski-dworek\",\"prefetch\":false,\"className\":\"group/link inline-flex items-center gap-1.5 text-sm font-medium text-volt\",\"children\":[\"Szczegóły projektu\",[\"$\",\"$L13\",null,{\"ref\":\"$undefined\",\"icon\":\"$9:props:children:3:props:children:props:children:0:props:children:props:children:2:props:icon\",\"className\":\"size-4 transition-transform group-hover/link:translate-x-0.5\",\"aria-hidden\":true}]]}],[\"$\",\"a\",null,{\"href\":\"https://www.czarodziejski-dworek.pl/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"group/link inline-flex items-center gap-1.5 text-sm text-steel transition-colors hover:text-fg\",\"children\":[\"Zobacz na żywo\",[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\" (otwiera się w nowej karcie)\"}],[\"$\",\"$L13\",null,{\"ref\":\"$undefined\",\"icon\":\"$a:props:children:props:children:1:props:children:1:props:children:1:props:children:1:props:children:0:props:children:props:children:2:props:icon\",\"className\":\"size-4 transition-transform group-hover/link:translate-x-0.5 group-hover/link:-translate-y-0.5\",\"aria-hidden\":true}]]}],[\"$\",\"a\",null,{\"href\":\"https://github.com/krzysiek2115op/czarodziejski-dworek\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"group/link inline-flex items-center gap-1.5 text-sm text-steel transition-colors hover:text-fg\",\"children\":[\"Kod na GitHub\",[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\" (otwiera się w nowej karcie)\"}],[\"$\",\"$L13\",null,{\"ref\":\"$undefined\",\"icon\":\"$a:props:children:props:children:1:props:children:1:props:children:1:props:children:1:props:children:0:props:children:props:children:2:props:icon\",\"className\":\"size-4 transition-transform group-hover/link:translate-x-0.5 group-hover/link:-translate-y-0.5\",\"aria-hidden\":true}]]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"38:[\"$\",\"$L31\",null,{\"as\":\"div\",\"interval\":0.08,\"className\":\"flex flex-col gap-4 lg:col-span-5\",\"children\":[[\"$\",\"$L32\",\"mp-offer-automation-suite\",{\"from\":\"up\",\"className\":\"flex flex-1 flex-col\",\"children\":[\"$\",\"article\",null,{\"className\":\"panel group relative flex h-full flex-col p-4 transition-colors duration-300 hover:border-volt/25 focus-within:border-volt/40 md:p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start justify-between gap-3\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-mono text-label-sm tracking-label-5 text-steel uppercase pt-1\",\"children\":[\"Wtyczki\",[\"$\",\"span\",null,{\"aria-hidden\":true,\"className\":\"mx-2 text-steel/40\",\"children\":\"·\"}],[\"$\",\"span\",null,{\"className\":\"tabular-nums\",\"children\":\"2026\"}]]}],[\"$\",\"ol\",null,{\"className\":\"flex shrink-0 items-center\",\"children\":[[\"$\",\"li\",\"mp-lead-intake\",{\"className\":\"flex items-center\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"flex size-6 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt\",\"children\":[[\"$\",\"span\",null,{\"aria-hidden\":true,\"children\":1}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"mp-lead-intake\"}]]}]]}],[\"$\",\"li\",\"mp-offer-builder\",{\"className\":\"flex items-center\",\"children\":[[\"$\",\"span\",null,{\"aria-hidden\":true,\"className\":\"h-px w-2.5 bg-line\"}],[\"$\",\"span\",null,{\"className\":\"flex size-6 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt\",\"children\":[[\"$\",\"span\",null,{\"aria-hidden\":true,\"children\":2}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"mp-offer-builder\"}]]}]]}],[\"$\",\"li\",\"mp-sales-workflow\",{\"className\":\"flex items-center\",\"children\":[[\"$\",\"span\",null,{\"aria-hidden\":true,\"className\":\"h-px w-2.5 bg-line\"}],[\"$\",\"span\",null,{\"className\":\"flex size-6 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt\",\"children\":[[\"$\",\"span\",null,{\"aria-hidden\":true,\"children\":3}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"mp-sales-workflow\"}]]}]]}]]}]]}],[\"$\",\"h3\",null,{\"className\":\"mt-2.5 text-base leading-snug font-semibold tracking-tight transition-colors group-hover:text-volt md:text-lg\",\"children\":[\"$\",\"$L12\",null,{\"href\":\"/portfolio/mp-offer-automation-suite\",\"prefetch\":false,\"className\":\"after:absolute after:inset-0 after:content-['']\",\"children\":\"MP Offer Automation Suite\"}]}],[\"$\",\"p\",null,{\"className\":\"mt-1.5 line-clamp-2 text-sm leading-relaxed text-steel\",\"children\":\"Zestaw trzech wtyczek WooCommerce prowadzących zapytanie ofertowe od formularza do gotowej oferty: kwalifikacja leada, kalkulacja ceny i PDF dla handlowca.\"}],[\"$\",\"ul\",null,{\"className\":\"mt-3 flex flex-wrap gap-1.5\",\"aria-label\":\"Technologie projektu MP Offer Automation Suite\",\"children\":[[\"$\",\"li\",\"PHP\",{\"className\":\"rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel\",\"children\":\"PHP\"}],[\"$\",\"li\",\"WordPress\",{\"className\":\"rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel\",\"children\":\"WordPress\"}],[\"$\",\"li\",\"WooCommerce\",{\"className\":\"rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel\",\"children\":\"WooCommerce\"}],[\"$\",\"li\",\"MySQL\",{\"className\":\"rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel\",\"children\":\"MySQL\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-auto flex items-center justify-between gap-3 pt-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex min-w-0 items-center gap-2.5\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex shrink-0 -space-x-1.5\",\"children\":[[\"$\",\"$L34\",\"krzysztof\",{\"src\":\"$25:props:children:props:children:1:props:children:1:props:children:props:children:0:props:src\",\"alt\":\"\",\"width\":32,\"height\"
1:32,\"sizes\":\"32px\",\"className\":\"size-6 rounded-full border border-line bg-panel object-cover\"}]]}],[\"$\",\"span\",null,{\"className\":\"truncate text-xs text-steel\",\"children\":\"Krzysztof\"}]]}],\"$L3f\"]}]]}]}],\"$L40\",\"$L41\"]}]\n"])</script>
1<script>self.__next_f.push([1,"3a:[\"$\",\"p\",null,{\"className\":\"mt-4 flex items-center justify-between gap-2 border-t border-line pt-3.5 text-sm text-steel\",\"children\":[[\"$\",\"span\",null,{\"children\":[[\"$\",\"span\",null,{\"className\":\"font-medium text-fg tabular-nums\",\"children\":7}],\" \",\"projektów\"]}],[\"$\",\"$L13\",null,{\"ref\":\"$undefined\",\"icon\":\"$9:props:children:3:props:children:props:children:0:props:children:props:children:2:props:icon\",\"className\":\"size-4 text-steel transition-all duration-300 group-hover:translate-x-0.5 group-hover:text-volt\",\"aria-hidden\":true}]]}]\n"])</script>
1<script>self.__next_f.push([1,"3b:[\"$\",\"$L32\",\"konrad\",{\"as\":\"li\",\"from\":\"up\",\"className\":\"h-full\",\"children\":[\"$\",\"$L12\",null,{\"href\":\"#a-konrad\",\"className\":\"group panel flex h-full flex-col p-5 transition-colors duration-300 hover:border-volt/25 focus-visible:border-volt/40\",\"children\":[[\"$\",\"$L34\",null,{\"src\":{\"src\":\"/_next/static/media/konrad-szydlowski.40z02fyw4h9ac.webp\",\"width\":800,\"height\":800,\"blurWidth\":8,\"blurHeight\":8,\"blurDataURL\":\"data:image/webp;base64,UklGRg4BAABXRUJQVlA4TAIBAAAvB8ABAM1VICICHghADgIAAID71lAKgYgIwICABAgAAAAAAJAAoAAAAAEYKEBAIMggAYSAEgCJhI0AAAA8EIAdVAAAgPO/t21hEQHEBwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfQTKv3Z0HAnLDAAAAcP7/SYVRAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABs1v5FXmMsocmOCyFkFvWFQUxG6pRMZYYQCVvB4lHmcjHuXTI5mnACwQJxnPx6098Xnb+u+iEYFyrgeFO4K2vFe5tWgMj2n+VMeelkDutG9Wl1rj4n+G+6Z8xePr2kxpJYq3qbz/Futdwstyo=\"},\"alt\":\"Zdjęcie: Konrad Szydłowski\",\"width\":56,\"height\":56,\"sizes\":\"56px\",\"className\":\"size-14 rounded-full border border-line object-cover\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-base font-semibold tracking-tight transition-colors group-hover:text-volt\",\"children\":\"Konrad Szydłowski\"}],[\"$\",\"p\",null,{\"className\":\"mt-0.5 font-mono text-label tracking-label-3 text-steel uppercase\",\"children\":\"Automation \u0026 Integrations\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 flex items-center justify-between gap-2 border-t border-line pt-3.5 text-sm text-steel\",\"children\":[[\"$\",\"span\",null,{\"children\":[[\"$\",\"span\",null,{\"className\":\"font-medium text-fg tabular-nums\",\"children\":1}],\" \",\"projekt\"]}],[\"$\",\"$L13\",null,{\"ref\":\"$undefined\",\"icon\":\"$9:props:children:3:props:children:props:children:0:props:children:props:children:2:props:icon\",\"className\":\"size-4 text-steel transition-all duration-300 group-hover:translate-x-0.5 group-hover:text-volt\",\"aria-hidden\":true}]]}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"3c:[\"$\",\"p\",null,{\"className\":\"mt-6 text-sm leading-relaxed text-steel\",\"children\":[\"Cały zespół i nasze kompetencje znajdziesz na\",\" \",[\"$\",\"$L12\",null,{\"href\":\"/o-nas\",\"className\":\"inline-flex items-center gap-1 font-medium text-fg underline-offset-4 transition-colors hover:text-volt hover:underline\",\"children\":[\"stronie o nas\",[\"$\",\"$L13\",null,{\"ref\":\"$undefined\",\"icon\":\"$a:props:children:props:children:1:props:children:1:props:children:1:props:children:1:props:children:0:props:children:props:children:2:props:icon\",\"className\":\"size-3.5\",\"aria-hidden\":true}]]}],\".\"]}]\n"])</script>
1<script>self.__next_f.push([1,"3f:[\"$\",\"$L13\",null,{\"ref\":\"$undefined\",\"icon\":\"$a:props:children:props:children:1:props:children:1:props:children:1:props:children:1:props:children:0:props:children:props:children:2:props:icon\",\"className\":\"size-4 shrink-0 text-steel transition-all duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:text-volt\",\"aria-hidden\":true}]\n"])</script>
1<script>self.__next_f.push([1,"40:[\"$\",\"$L32\",\"sklep-zoologiczny\",{\"from\":\"up\",\"className\":\"flex flex-1 flex-col\",\"children\":[\"$\",\"article\",null,{\"className\":\"panel group relative flex h-full flex-col p-4 transition-colors duration-300 hover:border-volt/25 focus-within:border-volt/40 md:p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start justify-between gap-3\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-mono text-label-sm tracking-label-5 text-steel uppercase pt-1\",\"children\":[\"Sklepy internetowe\",[\"$\",\"span\",null,{\"aria-hidden\":true,\"className\":\"mx-2 text-steel/40\",\"children\":\"·\"}],[\"$\",\"span\",null,{\"className\":\"tabular-nums\",\"children\":\"2026\"}]]}],[\"$\",\"ol\",null,{\"className\":\"flex shrink-0 items-center\",\"children\":[[\"$\",\"li\",\"zoo-sync-hurtowni\",{\"className\":\"flex items-center\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"flex size-6 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt\",\"children\":[[\"$\",\"span\",null,{\"aria-hidden\":true,\"children\":1}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"zoo-sync-hurtowni\"}]]}]]}],[\"$\",\"li\",\"WooCommerce\",{\"className\":\"flex items-center\",\"children\":[[\"$\",\"span\",null,{\"aria-hidden\":true,\"className\":\"h-px w-2.5 bg-line\"}],[\"$\",\"span\",null,{\"className\":\"flex size-6 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt\",\"children\":[[\"$\",\"span\",null,{\"aria-hidden\":true,\"children\":2}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"WooCommerce\"}]]}]]}],[\"$\",\"li\",\"zoo-kalkulator-karmy\",{\"className\":\"flex items-center\",\"children\":[[\"$\",\"span\",null,{\"aria-hidden\":true,\"className\":\"h-px w-2.5 bg-line\"}],[\"$\",\"span\",null,{\"className\":\"flex size-6 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt\",\"children\":[[\"$\",\"span\",null,{\"aria-hidden\":true,\"children\":3}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"zoo-kalkulator-karmy\"}]]}]]}],[\"$\",\"li\",\"feed produktowy\",{\"className\":\"flex items-center\",\"children\":[[\"$\",\"span\",null,{\"aria-hidden\":true,\"className\":\"h-px w-2.5 bg-line\"}],[\"$\",\"span\",null,{\"className\":\"flex size-6 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt\",\"children\":[[\"$\",\"span\",null,{\"aria-hidden\":true,\"children\":4}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"feed produktowy\"}]]}]]}]]}]]}],[\"$\",\"h3\",null,{\"className\":\"mt-2.5 text-base leading-snug font-semibold tracking-tight transition-colors group-hover:text-volt md:text-lg\",\"children\":[\"$\",\"$L12\",null,{\"href\":\"/portfolio/sklep-zoologiczny\",\"prefetch\":false,\"className\":\"after:absolute after:inset-0 after:content-['']\",\"children\":\"Sklep zoologiczny — WooCommerce z dwiema wtyczkami\"}]}],[\"$\",\"p\",null,{\"className\":\"mt-1.5 line-clamp-2 text-sm leading-relaxed text-steel\",\"children\":\"Sklep z karmą i akcesoriami na WooCommerce z dwiema autorskimi wtyczkami: doborem opakowania pod konkretne zwierzę i synchronizacją katalogu z hurtownią.\"}],[\"$\",\"ul\",null,{\"className\":\"mt-3 flex flex-wrap gap-1.5\",\"aria-label\":\"Technologie projektu Sklep zoologiczny — WooCommerce z dwiema wtyczkami\",\"children\":[[\"$\",\"li\",\"WordPress\",{\"className\":\"rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel\",\"children\":\"WordPress\"}],[\"$\",\"li\",\"WooCommerce\",{\"className\":\"rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel\",\"children\":\"WooCommerce\"}],[\"$\",\"li\",\"PHP\",{\"className\":\"rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel\",\"children\":\"PHP\"}],[\"$\",\"li\",\"MySQL\",{\"className\":\"rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel\",\"children\":\"MySQL\"}],\"$L42\",\"$L43\"]}],\"$L44\"]}
1]}]\n"])</script>
1<script>self.__next_f.push([1,"41:[\"$\",\"$L32\",\"asystent-zakupowy-agd\",{\"from\":\"up\",\"className\":\"flex flex-1 flex-col\",\"children\":[\"$\",\"article\",null,{\"className\":\"panel group relative flex h-full flex-col p-4 transition-colors duration-300 hover:border-volt/25 focus-within:border-volt/40 md:p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start justify-between gap-3\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-mono text-label-sm tracking-label-5 text-steel uppercase pt-1\",\"children\":[\"AI\",[\"$\",\"span\",null,{\"aria-hidden\":true,\"className\":\"mx-2 text-steel/40\",\"children\":\"·\"}],[\"$\",\"span\",null,{\"className\":\"tabular-nums\",\"children\":\"2026\"}]]}],[\"$\",\"ol\",null,{\"className\":\"flex shrink-0 items-center\",\"children\":[[\"$\",\"li\",\"rozpoznanie\",{\"className\":\"flex items-center\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"flex size-6 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt\",\"children\":[[\"$\",\"span\",null,{\"aria-hidden\":true,\"children\":1}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"rozpoznanie\"}]]}]]}],[\"$\",\"li\",\"agd-rozmowa\",{\"className\":\"flex items-center\",\"children\":[[\"$\",\"span\",null,{\"aria-hidden\":true,\"className\":\"h-px w-2.5 bg-line\"}],[\"$\",\"span\",null,{\"className\":\"flex size-6 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt\",\"children\":[[\"$\",\"span\",null,{\"aria-hidden\":true,\"children\":2}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"agd-rozmowa\"}]]}]]}],[\"$\",\"li\",\"agd-graf-dopasowan\",{\"className\":\"flex items-center\",\"children\":[[\"$\",\"span\",null,{\"aria-hidden\":true,\"className\":\"h-px w-2.5 bg-line\"}],[\"$\",\"span\",null,{\"className\":\"flex size-6 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt\",\"children\":[[\"$\",\"span\",null,{\"aria-hidden\":true,\"children\":3}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"agd-graf-dopasowan\"}]]}]]}],[\"$\",\"li\",\"agd-most-koszyka\",{\"className\":\"flex items-center\",\"children\":[[\"$\",\"span\",null,{\"aria-hidden\":true,\"className\":\"h-px w-2.5 bg-line\"}],[\"$\",\"span\",null,{\"className\":\"flex size-6 items-center justify-center rounded-full border border-volt/50 bg-void font-mono text-label-sm text-volt tabular-nums transition-colors duration-300 group-hover:border-volt\",\"children\":[[\"$\",\"span\",null,{\"aria-hidden\":true,\"children\":4}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"agd-most-koszyka\"}]]}]]}]]}]]}],[\"$\",\"h3\",null,{\"className\":\"mt-2.5 text-base leading-snug font-semibold tracking-tight transition-colors group-hover:text-volt md:text-lg\",\"children\":[\"$\",\"$L12\",null,{\"href\":\"/portfolio/asystent-zakupowy-agd\",\"prefetch\":false,\"className\":\"after:absolute after:inset-0 after:content-['']\",\"children\":\"Asystent zakupowy do akcesoriów AGD\"}]}],[\"$\",\"p\",null,{\"className\":\"mt-1.5 line-clamp-2 text-sm leading-relaxed text-steel\",\"children\":\"Doradca w rozmowie dla sklepu z akcesoriami AGD: prowadzi klienta od „mam pralkę Bosch” do jednej pasującej części, a zgodność bierze z katalogu.\"}],[\"$\",\"ul\",null,{\"className\":\"mt-3 flex flex-wrap gap-1.5\",\"aria-label\":\"Technologie projektu Asystent zakupowy do akcesoriów AGD\",\"children\":[[\"$\",\"li\",\"Claude\",{\"className\":\"rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel\",\"children\":\"Claude\"}],[\"$\",\"li\",\"TypeScript\",{\"className\":\"rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel\",\"children\":\"TypeScript\"}],[\"$\",\"li\",\"Next.js\",{\"className\":\"rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel\",\"children\":\"Next.js\"}],[\"$\",\"li\",\"PostgreSQL\",{\"className\":\"rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel\",\"children\":\"PostgreSQL\"}],\"$L45\",\"$L46\"]}],\"$L47\"]}]}]\n"])</script>
1<script>self.__next_f.push([1,"42:[\"$\",\"li\",\"JavaScript\",{\"className\":\"rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel\",\"children\":\"JavaScript\"}]\n43:[\"$\",\"li\",\"REST API\",{\"className\":\"rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel\",\"children\":\"REST API\"}]\n44:[\"$\",\"div\",null,{\"className\":\"mt-auto flex items-center justify-between gap-3 pt-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex min-w-0 items-center gap-2.5\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex shrink-0 -space-x-1.5\",\"children\":[[\"$\",\"$L34\",\"mariusz\",{\"src\":\"$25:props:children:props:children:1:props:children:0:props:children:props:children:0:props:src\",\"alt\":\"\",\"width\":32,\"height\":32,\"sizes\":\"32px\",\"className\":\"size-6 rounded-full border border-line bg-panel object-cover\"}]]}],[\"$\",\"span\",null,{\"className\":\"truncate text-xs text-steel\",\"children\":\"Mariusz\"}]]}],[\"$\",\"$L13\",null,{\"ref\":\"$undefined\",\"icon\":\"$a:props:children:props:children:1:props:children:1:props:children:1:props:children:1:props:children:0:props:children:props:children:2:props:icon\",\"className\":\"size-4 shrink-0 text-steel transition-all duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:text-volt\",\"aria-hidden\":true}]]}]\n45:[\"$\",\"li\",\"Supabase\",{\"className\":\"rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel\",\"children\":\"Supabase\"}]\n46:[\"$\",\"li\",\"WooCommerce\",{\"className\":\"rounded border border-line bg-void/60 px-2 py-1.5 font-mono text-label-sm tracking-label-1 text-steel\",\"children\":\"WooCommerce\"}]\n47:[\"$\",\"div\",null,{\"className\":\"mt-auto flex items-center justify-between gap-3 pt-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex min-w-0 items-center gap-2.5\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex shrink-0 -space-x-1.5\",\"children\":[[\"$\",\"$L34\",\"mariusz\",{\"src\":\"$25:props:children:props:children:1:props:children:0:props:children:props:children:0:props:src\",\"alt\":\"\",\"width\":32,\"height\":32,\"sizes\":\"32px\",\"className\":\"size-6 rounded-full border border-line bg-panel object-cover\"}]]}],[\"$\",\"span\",null,{\"className\":\"truncate text-xs text-steel\",\"children\":\"Mariusz\"}]]}],[\"$\",\"$L13\",null,{\"ref\":\"$undefined\",\"icon\":\"$a:props:children:props:children:1:props:children:1:props:children:1:props:children:1:props:children:0:props:children:props:children:2:props:icon\",\"className\":\"size-4 shrink-0 text-steel transition-all duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:text-volt\",\"aria-hidden\":true}]]}]\n"])</script>
1<script>self.__next_f.push([1,"2b:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"content\":\"#08090b\"}]]\n"])</script>
1<script>self.__next_f.push([1,"48:I[27201,[\"/_next/static/chunks/3fntmmi971322.js\"],\"IconMark\"]\n"])</script>
1<script>self.__next_f.push([1,"2e:[[\"$\",\"title\",\"0\",{\"children\":\"Portfolio: strony, wtyczki i automatyzacje — Automatic AI\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Katalog projektów zespołu Automatic AI: strony WWW, sklepy, wtyczki WordPress i automatyzacje. Prawdziwe wdrożenia z adresem, kodem albo rozpisaną budową.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"application-name\",\"content\":\"Automatic AI\"}],[\"$\",\"link\",\"3\",{\"rel\":\"author\",\"href\":\"https://automaticai.pl\"}],[\"$\",\"meta\",\"4\",{\"name\":\"author\",\"content\":\"Automatic AI\"}],[\"$\",\"link\",\"5\",{\"rel\":\"manifest\",\"href\":\"/manifest.webmanifest\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"6\",{\"name\":\"keywords\",\"content\":\"AI,sztuczna inteligencja,automatyzacja,agenci AI,integracje,aplikacje AI,automatyzacja procesów\"}],[\"$\",\"meta\",\"7\",{\"name\":\"referrer\",\"content\":\"strict-origin-when-cross-origin\"}],[\"$\",\"meta\",\"8\",{\"name\":\"creator\",\"content\":\"Automatic AI\"}],[\"$\",\"meta\",\"9\",{\"name\":\"robots\",\"content\":\"noindex, nofollow\"}],[\"$\",\"meta\",\"10\",{\"name\":\"wersja-buildu\",\"content\":\"809a9ec08674\"}],[\"$\",\"link\",\"11\",{\"rel\":\"canonical\",\"href\":\"https://automaticai.pl/portfolio/\"}],[\"$\",\"link\",\"12\",{\"rel\":\"alternate\",\"type\":\"application/rss+xml\",\"href\":\"https://automaticai.pl/blog/feed.xml\",\"title\":\"Automatic AI Lab — 15 najnowszych, pełne treści\"}],[\"$\",\"link\",\"13\",{\"rel\":\"alternate\",\"type\":\"application/feed+json\",\"href\":\"https://automaticai.pl/blog/feed.json\",\"title\":\"Automatic AI Lab — wszystkie materiały, zajawki\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:title\",\"content\":\"Automatic AI — Portfolio\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:description\",\"content\":\"Katalog projektów zespołu — prawdziwe wdrożenia z działającym adresem, publicznym kodem albo rozpisaną budową.\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image\",\"content\":\"https://automaticai.pl/opengraph-image.png\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:image:alt\",\"content\":\"Automatic AI — AI, automatyzacja, rozwiązania dla firm\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:title\",\"content\":\"Automatic AI — AI, automatyzacja, rozwiązania dla firm\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:description\",\"content\":\"Tworzymy rozwiązania AI, automatyzacje, agentów i dedykowane aplikacje, które pomagają firmom oszczędzać czas i skalować procesy.\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:image\",\"content\":\"https://automaticai.pl/opengraph-image.png\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:image:alt\",\"content\":\"Automatic AI — AI, automatyzacja, rozwiązania dla firm\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"28\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}],[\"$\",\"link\",\"29\",{\"rel\":\"icon\",\"href\":\"/icon.svg?icon.40z1xanbrvgix.svg\",\"sizes\":\"any\",\"type\":\"image/svg+xml\"}],[\"$\",\"link\",\"30\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon.png?apple-icon.28_vw0_6uk7bs.png\",\"sizes\":\"180x180\",\"type\":\"image/png\"}],[\"$\",\"$L48\",\"31\",{}]]\n"])</script>
1<script>self.__next_f.push([1,"3e:null\n"])</script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.