{"id":9,"date":"2026-04-10T17:50:28","date_gmt":"2026-04-10T17:50:28","guid":{"rendered":"https:\/\/tak-to-wyglada.pl\/?page_id=9"},"modified":"2026-04-10T22:56:46","modified_gmt":"2026-04-10T22:56:46","slug":"strona-produkt","status":"publish","type":"page","link":"https:\/\/tak-to-wyglada.pl\/index.php\/strona-produkt\/","title":{"rendered":"strona produkt"},"content":{"rendered":"\n<!-- ZALE\u017bNO\u015aCI I STYLE -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@preline\/preline@2.0.0\/dist\/preline.min.js\"><\/script>\n<script>\n    tailwind.config = {\n        darkMode: 'class',\n        theme: {\n            extend: {\n                colors: {\n                    primary: {\n                        50: '#f0f9ff',\n                        100: '#e0f2fe',\n                        200: '#bae6fd',\n                        300: '#7dd3fc',\n                        400: '#38bdf8',\n                        500: '#0ea5e9',\n                        600: '#0284c7',\n                        700: '#0369a1',\n                        800: '#075985',\n                        900: '#0c4a6e',\n                    },\n                    dark: {\n                        900: '#0f172a',\n                        800: '#1e293b',\n                        700: '#334155',\n                        600: '#475569',\n                    }\n                },\n                fontFamily: {\n                    sans: ['Inter', 'sans-serif'],\n                },\n            }\n        }\n    }\n<\/script>\n<style>\n    #mastercopy-wrapper {\n        background-color: #0f172a;\n        background-image: radial-gradient(circle at 25% 25%, rgba(30, 41, 59, 0.8) 0%, rgba(15, 23, 42, 1) 100%);\n        font-family: 'Inter', sans-serif;\n    }\n    .texture-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-image: url('data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjAzKSIvPjwvcGF0dGVybj48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuKSIvPjwvc3ZnPg==');\n        opacity: 0.3;\n        pointer-events: none;\n    }\n    .prompt-card {\n        transition: all 0.3s ease;\n        background: linear-gradient(145deg, rgba(30, 41, 59, 0.7) 0%, rgba(15, 23, 42, 0.9) 100%);\n        border: 1px solid rgba(255, 255, 255, 0.05);\n    }\n    .prompt-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);\n        border-color: rgba(14, 165, 233, 0.3);\n    }\n    .gradient-text {\n        background: linear-gradient(90deg, #38bdf8 0%, #818cf8 100%);\n        -webkit-background-clip: text;\n        background-clip: text;\n        color: transparent;\n    }\n    .scrollbar-hide::-webkit-scrollbar {\n        display: none;\n    }\n    .scrollbar-hide {\n        -ms-overflow-style: none;\n        scrollbar-width: none;\n    }\n    .fade-in {\n        animation: fadeIn 0.5s ease-in;\n    }\n    @keyframes fadeIn {\n        from { opacity: 0; transform: translateY(10px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    \/* Style dla wariant\u00f3w *\/\n    .variant-option.active {\n        border-color: #0ea5e9;\n        background-color: rgba(14, 165, 233, 0.1);\n    }\n<\/style>\n\n<!-- KONTENER G\u0141\u00d3WNY (Zast\u0119puje tag body) -->\n<div id=\"mastercopy-wrapper\" class=\"text-gray-200 min-h-screen relative w-full overflow-hidden\">\n    <div class=\"texture-overlay\"><\/div>\n    \n    <main class=\"container mx-auto px-4 py-8 relative z-10\">\n        \n        <!-- 1. HERO 2 KOLUMNY -->\n        <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 mb-12\">\n            \n            <!-- LEWA KOLUMNA -->\n            <div class=\"space-y-6\">\n                <!-- Breadcrumbs -->\n                <div class=\"flex items-center text-sm text-gray-400\">\n                    <a href=\"#\" class=\"hover:text-primary-400 transition-colors\">Sklep<\/a>\n                    <i class=\"fas fa-chevron-right mx-2 text-xs\"><\/i>\n                    <a href=\"#\" class=\"hover:text-primary-400 transition-colors\">Marketing AI<\/a>\n                    <i class=\"fas fa-chevron-right mx-2 text-xs\"><\/i>\n                    <span class=\"text-primary-400\">Copywriting<\/span>\n                <\/div>\n\n                <!-- Grafika g\u0142\u00f3wna -->\n                <div class=\"bg-dark-800 rounded-xl p-2 border border-dark-700 shadow-xl relative overflow-hidden\">\n                    <div class=\"absolute top-4 left-4 z-10\">\n                        <span class=\"bg-dark-900\/80 backdrop-blur text-white text-xs font-bold px-3 py-1 rounded-full border border-dark-600 flex items-center shadow-lg\">\n                            <i class=\"fas fa-file-pdf text-red-400 mr-2\"><\/i> PDF + Notion\n                        <\/span>\n                    <\/div>\n                    <div class=\"aspect-[4\/3] bg-gradient-to-br from-dark-700 via-dark-800 to-primary-900\/20 rounded-lg flex items-center justify-center p-8 relative\">\n                        <div class=\"absolute inset-0 bg-[url('data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGNpcmNsZSBjeD0iMSIgY3k9IjEiIHI9IjEiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wNSkiLz48L3N2Zz4=')] opacity-50\"><\/div>\n                        <div class=\"text-center z-10\">\n                            <div class=\"w-24 h-24 bg-primary-600\/20 rounded-2xl flex items-center justify-center mx-auto mb-6 shadow-[0_0_30px_rgba(14,165,233,0.3)] border border-primary-500\/30\">\n                                <i class=\"fas fa-feather-alt text-5xl text-primary-400\"><\/i>\n                            <\/div>\n                            <h2 class=\"text-2xl font-black tracking-tight mb-2\">MasterCopy <span class=\"text-primary-400\">AI<\/span><\/h2>\n                            <p class=\"text-gray-400 font-mono text-sm\">System Prompt\u00f3w Copywriterskich<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Miniatury -->\n                <div class=\"grid grid-cols-4 gap-3\">\n                    <div class=\"aspect-video bg-dark-700 rounded-lg cursor-pointer border-2 border-primary-500 overflow-hidden relative\">\n                        <div class=\"absolute inset-0 bg-gradient-to-br from-primary-900\/40 to-transparent flex items-center justify-center\">\n                            <i class=\"fas fa-feather-alt text-primary-400 text-xl\"><\/i>\n                        <\/div>\n                    <\/div>\n                    <div class=\"aspect-video bg-dark-800 rounded-lg cursor-pointer hover:border-primary-500\/50 border-2 border-dark-600 transition-colors flex items-center justify-center group\">\n                        <i class=\"fas fa-file-alt text-gray-500 group-hover:text-gray-300 transition-colors\"><\/i>\n                    <\/div>\n                    <div class=\"aspect-video bg-dark-800 rounded-lg cursor-pointer hover:border-primary-500\/50 border-2 border-dark-600 transition-colors flex items-center justify-center group\">\n                        <i class=\"fab fa-neos text-gray-500 group-hover:text-gray-300 transition-colors\"><\/i>\n                    <\/div>\n                    <div class=\"aspect-video bg-dark-800 rounded-lg cursor-pointer hover:border-primary-500\/50 border-2 border-dark-600 transition-colors flex items-center justify-center group\">\n                        <i class=\"fas fa-mobile-alt text-gray-500 group-hover:text-gray-300 transition-colors\"><\/i>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- PRAWA KOLUMNA -->\n            <div class=\"flex flex-col\">\n                <!-- Badge -->\n                <div class=\"flex gap-2 mb-4\">\n                    <span class=\"bg-primary-600\/20 text-primary-400 text-xs font-bold px-3 py-1 rounded border border-primary-500\/20\">BESTSELLER<\/span>\n                    <span class=\"bg-green-500\/10 text-green-400 text-xs font-bold px-3 py-1 rounded border border-green-500\/20\">AKTUALIZACJA 2026<\/span>\n                <\/div>\n\n                <!-- H1 -->\n                <h1 class=\"text-3xl md:text-4xl font-bold mb-3 leading-tight text-white\">MasterCopy: 500+ Mega Paczka Prompt\u00f3w dla Copywriter\u00f3w<\/h1>\n                \n                <!-- Rating -->\n                <div class=\"flex items-center space-x-4 mb-6\">\n                    <div class=\"flex items-center text-sm\">\n                        <i class=\"fas fa-star text-yellow-400\"><\/i>\n                        <i class=\"fas fa-star text-yellow-400\"><\/i>\n                        <i class=\"fas fa-star text-yellow-400\"><\/i>\n                        <i class=\"fas fa-star text-yellow-400\"><\/i>\n                        <i class=\"fas fa-star text-yellow-400\"><\/i>\n                        <span class=\"ml-2 font-bold text-gray-200\">5.0<\/span>\n                    <\/div>\n                    <span class=\"text-gray-500 text-sm underline decoration-gray-700 underline-offset-4 cursor-pointer hover:text-gray-300\">Zobacz 428 opinii<\/span>\n                <\/div>\n\n                <!-- Kr\u00f3tki opis -->\n                <p class=\"text-gray-300 text-lg mb-6 leading-relaxed\">\n                    Zlikwiduj blokad\u0119 pisarsk\u0105 i tw\u00f3rz wysoko konwertuj\u0105ce teksty sprzeda\u017cowe, artyku\u0142y SEO oraz sekwencje e-mail 10x szybciej. Skonstruowane z u\u017cyciem in\u017cynierii prompt\u00f3w, aby AI pisa\u0142o jak profesjonalny copywriter.\n                <\/p>\n\n                <hr class=\"border-dark-700 mb-6\">\n\n                <!-- Cena -->\n                <div class=\"mb-6\">\n                    <div class=\"flex items-end mb-1\">\n                        <span class=\"text-4xl font-black text-white\">97 z\u0142<\/span>\n                        <span class=\"text-lg text-gray-500 ml-3 line-through mb-1\">297 z\u0142<\/span>\n                        <span class=\"ml-4 bg-red-500\/20 text-red-400 text-xs font-bold px-2 py-1 rounded mb-1.5\">-67% ZNI\u017bKI<\/span>\n                    <\/div>\n                    <p class=\"text-sm text-gray-400\">Najni\u017csza cena z 30 dni: 97 z\u0142. Cena zawiera podatek VAT.<\/p>\n                <\/div>\n\n                <!-- Wariant -->\n                <div class=\"mb-8\">\n                    <h3 class=\"text-sm font-bold text-gray-400 uppercase tracking-wider mb-3\">Wybierz wariant:<\/h3>\n                    <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n                        <div class=\"variant-option border-2 border-dark-600 bg-dark-800 rounded-lg p-4 cursor-pointer transition-all\" onclick=\"selectVariant(this)\">\n                            <div class=\"flex justify-between items-start mb-1\">\n                                <h4 class=\"font-bold text-white\">Podstawowy<\/h4>\n                            <\/div>\n                            <p class=\"text-xs text-gray-400\">Tylko E-book PDF<\/p>\n                        <\/div>\n                        <div class=\"variant-option active border-2 border-primary-500 bg-primary-900\/10 rounded-lg p-4 cursor-pointer transition-all relative overflow-hidden\" onclick=\"selectVariant(this)\">\n                            <div class=\"absolute top-0 right-0 bg-primary-600 text-white text-[10px] font-bold px-2 py-0.5 rounded-bl-lg\">ZALECANY<\/div>\n                            <div class=\"flex justify-between items-start mb-1\">\n                                <h4 class=\"font-bold text-white\">MasterClass<\/h4>\n                            <\/div>\n                            <p class=\"text-xs text-primary-300\">PDF + Szablony Notion + Baza<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CTA -->\n                <button class=\"w-full bg-gradient-to-r from-primary-600 to-primary-500 hover:from-primary-500 hover:to-primary-400 text-white font-bold text-lg py-4 px-8 rounded-xl shadow-[0_0_20px_rgba(14,165,233,0.4)] transition-all transform hover:-translate-y-1 flex justify-center items-center mb-4\">\n                    <i class=\"fas fa-shopping-cart mr-3\"><\/i> Dodaj do koszyka \u2014 Natychmiastowy dost\u0119p\n                <\/button>\n\n                <!-- Trust strip -->\n                <div class=\"flex flex-wrap justify-center gap-4 text-xs text-gray-400 mb-8 bg-dark-800\/50 py-3 rounded-lg border border-dark-700\">\n                    <div class=\"flex items-center\"><i class=\"fas fa-lock text-green-400 mr-1.5\"><\/i> Bezpieczna p\u0142atno\u015b\u0107<\/div>\n                    <div class=\"flex items-center\"><i class=\"fas fa-bolt text-yellow-400 mr-1.5\"><\/i> Dost\u0119p w 60 sekund<\/div>\n                    <div class=\"flex items-center\"><i class=\"fas fa-shield-alt text-blue-400 mr-1.5\"><\/i> 14 dni na zwrot<\/div>\n                <\/div>\n\n                <!-- Box \"co kupujesz\" -->\n                <div class=\"bg-dark-800 border border-dark-700 rounded-xl p-5\">\n                    <h3 class=\"font-bold text-white mb-3 flex items-center\">\n                        <i class=\"fas fa-box-open text-primary-400 mr-2\"><\/i> Co dostajesz w pakiecie:\n                    <\/h3>\n                    <ul class=\"space-y-2 text-sm text-gray-300\">\n                        <li class=\"flex items-start\">\n                            <i class=\"fas fa-check text-green-400 mt-0.5 mr-2 text-xs\"><\/i>\n                            <span><strong>520+ testowanych prompt\u00f3w<\/strong> gotowych do skopiowania<\/span>\n                        <\/li>\n                        <li class=\"flex items-start\">\n                            <i class=\"fas fa-check text-green-400 mt-0.5 mr-2 text-xs\"><\/i>\n                            <span>Podzia\u0142 na <strong>12 kategorii<\/strong> (Ads, SEO, E-mail, Landing Pages)<\/span>\n                        <\/li>\n                        <li class=\"flex items-start\">\n                            <i class=\"fas fa-check text-green-400 mt-0.5 mr-2 text-xs\"><\/i>\n                            <span>Instrukcja programowania persony w ChatGPT<\/span>\n                        <\/li>\n                        <li class=\"flex items-start\">\n                            <i class=\"fas fa-check text-green-400 mt-0.5 mr-2 text-xs\"><\/i>\n                            <span>Baza wiedzy z formu\u0142ami AIDA, PAS, BAB w uj\u0119ciu AI<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- 2. PAS META -->\n        <div class=\"bg-dark-800\/50 border border-dark-700 rounded-xl p-6 mb-16 shadow-lg backdrop-blur-sm\">\n            <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6 text-center divide-x-0 md:divide-x divide-dark-700\">\n                <div class=\"flex flex-col items-center justify-center\">\n                    <i class=\"fas fa-cloud-download-alt text-2xl text-primary-400 mb-2\"><\/i>\n                    <span class=\"text-xs text-gray-500 uppercase tracking-wider mb-1\">Typ Produktu<\/span>\n                    <span class=\"font-medium text-gray-200\">Produkt Cyfrowy<\/span>\n                <\/div>\n                <div class=\"flex flex-col items-center justify-center\">\n                    <i class=\"fas fa-robot text-2xl text-primary-400 mb-2\"><\/i>\n                    <span class=\"text-xs text-gray-500 uppercase tracking-wider mb-1\">Kompatybilno\u015b\u0107<\/span>\n                    <span class=\"font-medium text-gray-200\">ChatGPT, Claude, Gemini<\/span>\n                <\/div>\n                <div class=\"flex flex-col items-center justify-center\">\n                    <i class=\"fas fa-layer-group text-2xl text-primary-400 mb-2\"><\/i>\n                    <span class=\"text-xs text-gray-500 uppercase tracking-wider mb-1\">Poziom<\/span>\n                    <span class=\"font-medium text-gray-200\">Od pocz\u0105tkuj\u0105cego<\/span>\n                <\/div>\n                <div class=\"flex flex-col items-center justify-center\">\n                    <i class=\"fas fa-file-archive text-2xl text-primary-400 mb-2\"><\/i>\n                    <span class=\"text-xs text-gray-500 uppercase tracking-wider mb-1\">Format<\/span>\n                    <span class=\"font-medium text-gray-200\">PDF, Baza Notion<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- 3. TABS FULL WIDTH -->\n        <div class=\"mb-16\">\n            <div class=\"border-b border-dark-700\">\n                <ul class=\"flex flex-wrap -mb-px\" id=\"productTabs\">\n                    <li class=\"mr-2\">\n                        <button class=\"inline-block p-4 border-b-2 border-primary-500 rounded-t-lg text-primary-400 font-medium\" id=\"details-tab\">Opis Pakietu<\/button>\n                    <\/li>\n                    <li class=\"mr-2\">\n                        <button class=\"inline-block p-4 border-b-2 border-transparent rounded-t-lg hover:text-gray-300 hover:border-gray-300 font-medium text-gray-400 transition-colors\" id=\"previews-tab\">Pr\u00f3bki Prompt\u00f3w<\/button>\n                    <\/li>\n                    <li class=\"mr-2\">\n                        <button class=\"inline-block p-4 border-b-2 border-transparent rounded-t-lg hover:text-gray-300 hover:border-gray-300 font-medium text-gray-400 transition-colors\" id=\"instructions-tab\">Instrukcja U\u017cycia<\/button>\n                    <\/li>\n                    <li class=\"mr-2\">\n                        <button class=\"inline-block p-4 border-b-2 border-transparent rounded-t-lg hover:text-gray-300 hover:border-gray-300 font-medium text-gray-400 transition-colors\" id=\"faq-tab\">FAQ<\/button>\n                    <\/li>\n                <\/ul>\n            <\/div>\n            \n            <div id=\"productTabContent\" class=\"bg-dark-800\/30 border border-t-0 border-dark-700 rounded-b-xl p-6 md:p-8\">\n                \n                <!-- Tab: Opis -->\n                <div class=\"fade-in\" id=\"details-content\">\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12\">\n                        <div>\n                            <h3 class=\"text-2xl font-bold mb-4 text-white\">Przekszta\u0142\u0107 AI w wirtuoza s\u0142owa<\/h3>\n                            <p class=\"text-gray-300 mb-4 leading-relaxed\">Wi\u0119kszo\u015b\u0107 ludzi u\u017cywa ChatGPT jak zwyk\u0142ej wyszukiwarki. Prosz\u0105 o &#8222;napisanie artyku\u0142u o X&#8221; i otrzymuj\u0105 bezduszny, generyczny tekst, kt\u00f3ry odrzuca czytelnik\u00f3w po pierwszym akapicie.<\/p>\n                            <p class=\"text-gray-300 mb-6 leading-relaxed\"><strong>MasterCopy<\/strong> to zbi\u00f3r in\u017cynieryjnie zaprojektowanych prompt\u00f3w, kt\u00f3re ucz\u0105 AI struktury narracyjnej, psychologii sprzeda\u017cy i konkretnych styl\u00f3w pisania. Przesta\u0144 poprawia\u0107 boty. Zacznij generowa\u0107 gotowe do publikacji materia\u0142y.<\/p>\n                            \n                            <h4 class=\"font-bold text-lg mb-3 text-white border-l-2 border-primary-500 pl-3\">Dla kogo jest ten produkt?<\/h4>\n                            <ul class=\"space-y-3 mt-4\">\n                                <li class=\"flex items-start\">\n                                    <div class=\"bg-dark-700 p-1.5 rounded-full mr-3 mt-0.5\"><i class=\"fas fa-pen text-primary-400 text-xs\"><\/i><\/div>\n                                    <span class=\"text-gray-300\"><strong>Copywriter\u00f3w i marketer\u00f3w<\/strong> chc\u0105cych przyspieszy\u0107 proces tw\u00f3rczy bez utraty jako\u015bci.<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <div class=\"bg-dark-700 p-1.5 rounded-full mr-3 mt-0.5\"><i class=\"fas fa-briefcase text-primary-400 text-xs\"><\/i><\/div>\n                                    <span class=\"text-gray-300\"><strong>W\u0142a\u015bcicieli biznes\u00f3w<\/strong>, kt\u00f3rzy musz\u0105 samodzielnie pisa\u0107 oferty i maile sprzeda\u017cowe.<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <div class=\"bg-dark-700 p-1.5 rounded-full mr-3 mt-0.5\"><i class=\"fas fa-search text-primary-400 text-xs\"><\/i><\/div>\n                                    <span class=\"text-gray-300\"><strong>Specjalist\u00f3w SEO<\/strong> potrzebuj\u0105cych masowych tre\u015bci, kt\u00f3re brzmi\u0105 naturalnie.<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                        \n                        <div>\n                            <h3 class=\"text-xl font-bold mb-6 text-white\">Co dok\u0142adnie zawiera baza?<\/h3>\n                            <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                                <div class=\"bg-dark-900 border border-dark-700 rounded-lg p-4 hover:border-primary-500\/50 transition-colors\">\n                                    <i class=\"fas fa-envelope-open-text text-primary-400 text-2xl mb-3\"><\/i>\n                                    <h4 class=\"font-bold text-white mb-1\">Email Marketing<\/h4>\n                                    <p class=\"text-sm text-gray-400\">Sekwencje powitalne, newslettery, cold maile B2B.<\/p>\n                                <\/div>\n                                <div class=\"bg-dark-900 border border-dark-700 rounded-lg p-4 hover:border-primary-500\/50 transition-colors\">\n                                    <i class=\"fas fa-bullhorn text-primary-400 text-2xl mb-3\"><\/i>\n                                    <h4 class=\"font-bold text-white mb-1\">Social Media Ads<\/h4>\n                                    <p class=\"text-sm text-gray-400\">Teksty reklamowe pod Meta (FB\/IG), TikTok i Google Ads.<\/p>\n                                <\/div>\n                                <div class=\"bg-dark-900 border border-dark-700 rounded-lg p-4 hover:border-primary-500\/50 transition-colors\">\n                                    <i class=\"fas fa-file-alt text-primary-400 text-2xl mb-3\"><\/i>\n                                    <h4 class=\"font-bold text-white mb-1\">Landing Pages<\/h4>\n                                    <p class=\"text-sm text-gray-400\">Nag\u0142\u00f3wki H1, sekcje korzy\u015bci, wezwania do dzia\u0142ania (CTA).<\/p>\n                                <\/div>\n                                <div class=\"bg-dark-900 border border-dark-700 rounded-lg p-4 hover:border-primary-500\/50 transition-colors\">\n                                    <i class=\"fas fa-blog text-primary-400 text-2xl mb-3\"><\/i>\n                                    <h4 class=\"font-bold text-white mb-1\">Artyku\u0142y SEO<\/h4>\n                                    <p class=\"text-sm text-gray-400\">Konspekty, struktury silo, artyku\u0142y blogowe i pillar pages.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Tab: Preview -->\n                <div class=\"hidden fade-in\" id=\"previews-content\">\n                    <div class=\"flex justify-between items-end mb-6\">\n                        <div>\n                            <h3 class=\"text-xl font-bold text-white\">Pr\u00f3bki Prompt\u00f3w z Pakietu<\/h3>\n                            <p class=\"text-gray-400 text-sm mt-1\">Zobacz jak precyzyjnie zbudowane s\u0105 nasze instrukcje.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"space-y-5\">\n                        <!-- Prompt 1 -->\n                        <div class=\"prompt-card rounded-xl p-6\">\n                            <div class=\"flex items-start mb-4 justify-between\">\n                                <div class=\"flex items-center\">\n                                    <div class=\"bg-primary-900\/30 text-primary-400 p-2.5 rounded-lg mr-4 border border-primary-500\/20\">\n                                        <i class=\"fas fa-envelope\"><\/i>\n                                    <\/div>\n                                    <div>\n                                        <h4 class=\"font-bold text-white\">Cold Mail B2B (Framework PAS)<\/h4>\n                                        <div class=\"flex gap-2 mt-1\">\n                                            <span class=\"text-xs bg-dark-700 px-2 py-0.5 rounded text-gray-300\">Kategoria: E-mail<\/span>\n                                            <span class=\"text-xs bg-yellow-500\/10 text-yellow-500 px-2 py-0.5 rounded border border-yellow-500\/20\">Zmienne: 3<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <button class=\"text-gray-400 hover:text-white bg-dark-700 hover:bg-dark-600 px-3 py-1.5 rounded transition-colors text-sm flex items-center\">\n                                    <i class=\"far fa-copy mr-2\"><\/i> Skopiuj\n                                <\/button>\n                            <\/div>\n                            <div class=\"bg-dark-900\/80 rounded-lg p-4 border border-dark-700\">\n                                <p class=\"font-mono text-sm text-gray-300 leading-relaxed whitespace-pre-wrap\">Dzia\u0142aj jako ekspert ds. sprzeda\u017cy B2B. Napisz kr\u00f3tkiego, nieformalnego cold maila do [Stanowisko Docelowe, np. Dyrektora Marketingu] w firmie [Bran\u017ca]. \n\nZastosuj framework PAS (Problem, Agitation, Solution). \nZidentyfikuj problem: [Wpisz g\u0142\u00f3wny b\u00f3l klienta, np. wysokie koszty pozyskania leada]. \nPog\u0142\u0119b problem: Poka\u017c, ile to kosztuje w skali roku i jak wp\u0142ywa na nerwy zespo\u0142u. \nRozwi\u0105zanie: Przedstaw [Tw\u00f3j Produkt\/Us\u0142uga] w jednym zdaniu. \n\nZasady: Maksymalnie 5 kr\u00f3tkich zda\u0144. \u017badnego slangu korporacyjnego. Zako\u0144cz pytaniem otwartym z ma\u0142ym zaanga\u017cowaniem (np. &#8222;Masz we wtorek 5 minut na lu\u017an\u0105 wymian\u0119 my\u015bli?&#8221;).<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Prompt 2 -->\n                        <div class=\"prompt-card rounded-xl p-6\">\n                            <div class=\"flex items-start mb-4 justify-between\">\n                                <div class=\"flex items-center\">\n                                    <div class=\"bg-primary-900\/30 text-primary-400 p-2.5 rounded-lg mr-4 border border-primary-500\/20\">\n                                        <i class=\"fas fa-heading\"><\/i>\n                                    <\/div>\n                                    <div>\n                                        <h4 class=\"font-bold text-white\">Generator Nag\u0142\u00f3wk\u00f3w Hook &#038; Hold<\/h4>\n                                        <div class=\"flex gap-2 mt-1\">\n                                            <span class=\"text-xs bg-dark-700 px-2 py-0.5 rounded text-gray-300\">Kategoria: Social Media<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <button class=\"text-gray-400 hover:text-white bg-dark-700 hover:bg-dark-600 px-3 py-1.5 rounded transition-colors text-sm flex items-center\">\n                                    <i class=\"far fa-copy mr-2\"><\/i> Skopiuj\n                                <\/button>\n                            <\/div>\n                            <div class=\"bg-dark-900\/80 rounded-lg p-4 border border-dark-700\">\n                                <p class=\"font-mono text-sm text-gray-300 leading-relaxed whitespace-pre-wrap\">Jeste\u015b topowym copywriterem pisz\u0105cym na LinkedIn. Twoim zadaniem jest wygenerowanie 10 r\u00f3\u017cnych nag\u0142\u00f3wk\u00f3w (hook\u00f3w) do posta na temat: [Temat posta]. \n\nU\u017cyj nast\u0119puj\u0105cych technik dla r\u00f3\u017cnych wariant\u00f3w:\n1. Skrajna kontrowersja obalaj\u0105ca popularny mit w bran\u017cy.\n2. Zaskakuj\u0105ca statystyka + nieoczekiwany wniosek.\n3. Framework &#8222;Jak osi\u0105gn\u0105\u0107 [Po\u017c\u0105dany Rezultat] bez [G\u0142\u00f3wna Obawa]&#8221;.\n4. Osobista historia b\u0142\u0119du (np. &#8222;Straci\u0142em X robi\u0105c Y. Oto 3 lekcje&#8230;&#8221;).\n\nWszystkie nag\u0142\u00f3wki musz\u0105 wymusza\u0107 klikni\u0119cie &#8222;zobacz wi\u0119cej&#8221;. Nie u\u017cywaj s\u0142\u00f3w: prze\u0142omowy, innowacyjny, rewolucyjny.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Tab: Instrukcja -->\n                <div class=\"hidden fade-in\" id=\"instructions-content\">\n                    <h3 class=\"text-xl font-bold text-white mb-6\">Jak korzysta\u0107 z pakietu?<\/h3>\n                    \n                    <div class=\"relative pl-8 border-l border-dark-600 space-y-8 pb-4\">\n                        <div class=\"relative\">\n                            <div class=\"absolute -left-[41px] top-1 bg-dark-800 border-2 border-primary-500 text-primary-400 w-8 h-8 rounded-full flex items-center justify-center font-bold text-sm shadow-[0_0_10px_rgba(14,165,233,0.3)]\">1<\/div>\n                            <h4 class=\"text-lg font-bold text-white mb-2\">Zbuduj Kontekst (Z\u0142ota zasada)<\/h4>\n                            <p class=\"text-gray-400 text-sm\">Zanim wkleisz jakikolwiek prompt z paczki, otw\u00f3rz nowy czat w ChatGPT\/Claude i wklej &#8222;Mega-Prompt Kontekstowy&#8221; (znajdziesz go na stronie 4 w PDF). Dzi\u0119ki niemu AI dowie si\u0119, w jakim tonie marki (Tone of Voice) ma pisa\u0107 i do jakiej grupy docelowej si\u0119 zwraca.<\/p>\n                        <\/div>\n                        \n                        <div class=\"relative\">\n                            <div class=\"absolute -left-[41px] top-1 bg-dark-800 border-2 border-primary-500 text-primary-400 w-8 h-8 rounded-full flex items-center justify-center font-bold text-sm shadow-[0_0_10px_rgba(14,165,233,0.3)]\">2<\/div>\n                            <h4 class=\"text-lg font-bold text-white mb-2\">Wybierz i uzupe\u0142nij zmienne<\/h4>\n                            <p class=\"text-gray-400 text-sm\">Skopiuj wybrany prompt. Zauwa\u017cysz miejsca w nawiasach kwadratowych, np. <span class=\"bg-dark-900 text-primary-300 px-1.5 py-0.5 rounded font-mono text-xs\">[Grupa docelowa]<\/span> lub <span class=\"bg-dark-900 text-primary-300 px-1.5 py-0.5 rounded font-mono text-xs\">[G\u0142\u00f3wna korzy\u015b\u0107]<\/span>. Zamie\u0144 je na w\u0142asne, konkretne dane. Im dok\u0142adniejsze dane podasz, tym lepszy tekst otrzymasz.<\/p>\n                        <\/div>\n                        \n                        <div class=\"relative\">\n                            <div class=\"absolute -left-[41px] top-1 bg-dark-800 border-2 border-primary-500 text-primary-400 w-8 h-8 rounded-full flex items-center justify-center font-bold text-sm shadow-[0_0_10px_rgba(14,165,233,0.3)]\">3<\/div>\n                            <h4 class=\"text-lg font-bold text-white mb-2\">U\u017cyj Prompt\u00f3w Refinuj\u0105cych<\/h4>\n                            <p class=\"text-gray-400 text-sm\">Rzadko kiedy pierwszy strza\u0142 z AI jest idealny. W rozdziale &#8222;Szlifowanie&#8221; znajdziesz prompty do poprawiania wygenerowanego tekstu (np. &#8222;Zr\u00f3b to bardziej ludzkim tonem&#8221;, &#8222;Skr\u00f3\u0107 o 20% zachowuj\u0105c sens&#8221;, &#8222;Zmie\u0144 styl na bardziej agresywny&#8221;). U\u017cyj ich, by dopracowa\u0107 tekst.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"mt-8 bg-primary-900\/10 border border-primary-500\/20 rounded-xl p-5 flex items-start\">\n                        <i class=\"fas fa-info-circle text-primary-400 text-xl mt-0.5 mr-4\"><\/i>\n                        <div>\n                            <h5 class=\"font-bold text-white mb-1\">Rekomendowane modele sztucznej inteligencji:<\/h5>\n                            <p class=\"text-sm text-gray-400\">Do tekst\u00f3w kreatywnych i anga\u017cuj\u0105cych (social media, maile) polecamy <strong>Claude 3.5 Sonnet<\/strong>. Do struktur logicznych, analizy i d\u0142ugich artyku\u0142\u00f3w SEO (Pillar pages) najlepiej sprawdza si\u0119 <strong>GPT-4o<\/strong>.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Tab: FAQ -->\n                <div class=\"hidden fade-in\" id=\"faq-content\">\n                    <h3 class=\"text-xl font-bold text-white mb-6\">Cz\u0119sto zadawane pytania<\/h3>\n                    <div class=\"space-y-3\">\n                        <div class=\"hs-accordion bg-dark-900 border border-dark-700 rounded-lg\" id=\"faq-1\">\n                            <button class=\"hs-accordion-toggle hs-accordion-active:text-primary-400 py-4 px-5 inline-flex items-center justify-between w-full font-medium text-left transition hover:text-gray-200\" aria-controls=\"faq-collapse-1\">\n                                <span>Czy musz\u0119 mie\u0107 p\u0142atn\u0105 wersj\u0119 ChatGPT (Plus)?<\/span>\n                                <i class=\"hs-accordion-active:rotate-180 transition-transform fas fa-chevron-down text-gray-500 text-sm\"><\/i>\n                            <\/button>\n                            <div id=\"faq-collapse-1\" class=\"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300\" aria-labelledby=\"faq-1\">\n                                <div class=\"pb-4 px-5 text-gray-400 text-sm\">\n                                    <p>Nie, prompty zosta\u0142y zaprojektowane tak, aby \u015bwietnie dzia\u0142a\u0142y r\u00f3wnie\u017c w bezp\u0142atnych wersjach ChatGPT (3.5), darmowym Claude oraz Copilot. P\u0142atne modele daj\u0105 jednak cz\u0119sto bardziej &#8222;ludzki&#8221; i naturalny ton tekstu przy pierwszej pr\u00f3bie.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"hs-accordion bg-dark-900 border border-dark-700 rounded-lg\" id=\"faq-2\">\n                            <button class=\"hs-accordion-toggle hs-accordion-active:text-primary-400 py-4 px-5 inline-flex items-center justify-between w-full font-medium text-left transition hover:text-gray-200\" aria-controls=\"faq-collapse-2\">\n                                <span>Czym to si\u0119 r\u00f3\u017cni od darmowych prompt\u00f3w z internetu?<\/span>\n                                <i class=\"hs-accordion-active:rotate-180 transition-transform fas fa-chevron-down text-gray-500 text-sm\"><\/i>\n                            <\/button>\n                            <div id=\"faq-collapse-2\" class=\"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300\" aria-labelledby=\"faq-2\">\n                                <div class=\"pb-4 px-5 text-gray-400 text-sm\">\n                                    <p>Darmowe prompty zazwyczaj m\u00f3wi\u0105 AI &#8222;co&#8221; ma zrobi\u0107 (np. &#8222;Napisz post na bloga&#8221;). Nasze prompty m\u00f3wi\u0105 AI &#8222;jak&#8221; ma to zrobi\u0107, nadaj\u0105c mu konkretn\u0105 rol\u0119, narzucaj\u0105c ramy psychologiczne (np. regu\u0142\u0119 niedost\u0119pno\u015bci Cialdiniego), restrykcje j\u0119zykowe (zakaz u\u017cywania utartych fraz AI) oraz specyficzn\u0105 struktur\u0119 nag\u0142\u00f3wk\u00f3w.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"hs-accordion bg-dark-900 border border-dark-700 rounded-lg\" id=\"faq-3\">\n                            <button class=\"hs-accordion-toggle hs-accordion-active:text-primary-400 py-4 px-5 inline-flex items-center justify-between w-full font-medium text-left transition hover:text-gray-200\" aria-controls=\"faq-collapse-3\">\n                                <span>Jak otrzymam dost\u0119p po op\u0142aceniu zam\u00f3wienia?<\/span>\n                                <i class=\"hs-accordion-active:rotate-180 transition-transform fas fa-chevron-down text-gray-500 text-sm\"><\/i>\n                            <\/button>\n                            <div id=\"faq-collapse-3\" class=\"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300\" aria-labelledby=\"faq-3\">\n                                <div class=\"pb-4 px-5 text-gray-400 text-sm\">\n                                    <p>Dost\u0119p jest automatyczny. Od razu po przetworzeniu p\u0142atno\u015bci (zwykle trwa to kilka sekund) zostaniesz przekierowany na stron\u0119 z linkami do pobrania. Otrzymasz r\u00f3wnie\u017c e-mail z do\u017cywotnim dost\u0119pem do materia\u0142\u00f3w oraz instrukcj\u0105 kopiowania bazy do Twojego Notion.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- 4. SEKCJA SALES (Dlaczego to dzia\u0142a \/ Przed & Po) -->\n        <div class=\"mb-20\">\n            <div class=\"text-center mb-10\">\n                <h2 class=\"text-3xl font-bold text-white mb-4\">R\u00f3\u017cnica, kt\u00f3ra generuje konwersje<\/h2>\n                <p class=\"text-gray-400 max-w-2xl mx-auto\">Zobacz dlaczego standardowe u\u017cycie ChatGPT niszczy Twoj\u0105 mark\u0119 i jak MasterCopy rozwi\u0105zuje ten problem.<\/p>\n            <\/div>\n            \n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                <!-- Zwyk\u0142y Prompt -->\n                <div class=\"bg-dark-900 border border-red-900\/30 rounded-2xl overflow-hidden relative opacity-90\">\n                    <div class=\"bg-red-500\/10 border-b border-red-900\/30 p-3 text-center\">\n                        <span class=\"text-red-400 font-bold text-sm tracking-wide\"><i class=\"fas fa-times-circle mr-2\"><\/i> BEZ MASTERCOPY (Zwyk\u0142y Prompt)<\/span>\n                    <\/div>\n                    <div class=\"p-6\">\n                        <div class=\"bg-dark-800 rounded p-3 text-sm text-gray-400 mb-4 border border-dark-700 italic\">\n                            &#8222;Napisz post na LinkedIn o zarz\u0105dzaniu czasem.&#8221;\n                        <\/div>\n                        <div class=\"space-y-3\">\n                            <p class=\"text-gray-500 text-sm\">\ud83d\ude80 W dzisiejszym szybko zmieniaj\u0105cym si\u0119 \u015bwiecie biznesu, zarz\u0105dzanie czasem to klucz do sukcesu! Czy kiedykolwiek czu\u0142e\u015b si\u0119 przyt\u0142oczony nat\u0142okiem obowi\u0105zk\u00f3w? \ud83e\udd14<\/p>\n                            <p class=\"text-gray-500 text-sm\">Oto 3 innowacyjne strategie, kt\u00f3re zrewolucjonizuj\u0105 Tw\u00f3j dzie\u0144 roboczy i podnios\u0105 produktywno\u015b\u0107 na wy\u017cszy poziom&#8230;<\/p>\n                        <\/div>\n                        <div class=\"mt-6 pt-4 border-t border-dark-800\">\n                            <ul class=\"text-xs text-red-400 space-y-1.5\">\n                                <li><i class=\"fas fa-bug mr-2\"><\/i> Brzmi sztucznie i &#8222;robotycznie&#8221;<\/li>\n                                <li><i class=\"fas fa-bug mr-2\"><\/i> U\u017cywa wy\u015bwiechtanych s\u0142\u00f3w (innowacyjne, rewolucyjne)<\/li>\n                                <li><i class=\"fas fa-bug mr-2\"><\/i> Natychmiastowa \u015blepota banerowa u czytelnika<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- MasterCopy Prompt -->\n                <div class=\"bg-dark-800 border-2 border-primary-500\/50 rounded-2xl overflow-hidden relative shadow-[0_0_30px_rgba(14,165,233,0.15)] transform md:-translate-y-2\">\n                    <div class=\"bg-primary-900\/20 border-b border-primary-500\/30 p-3 text-center relative overflow-hidden\">\n                        <div class=\"absolute inset-0 bg-gradient-to-r from-primary-600\/0 via-primary-400\/10 to-primary-600\/0 translate-x-[-100%] animate-[shimmer_2s_infinite]\"><\/div>\n                        <span class=\"text-primary-400 font-bold text-sm tracking-wide relative z-10\"><i class=\"fas fa-check-circle mr-2\"><\/i> Z MASTERCOPY<\/span>\n                    <\/div>\n                    <div class=\"p-6\">\n                        <div class=\"bg-dark-900 rounded p-3 text-sm text-gray-400 mb-4 border border-dark-700 italic font-mono text-xs overflow-hidden text-ellipsis whitespace-nowrap\">\n                            &#8222;Dzia\u0142aj jako Ghostwriter dla CEO. U\u017cyj formatu [Anegdota -> B\u0142\u0105d -> Framework]&#8230;&#8221;\n                        <\/div>\n                        <div class=\"space-y-3\">\n                            <p class=\"text-gray-200 text-sm\">W 2022 roku pracowa\u0142em po 14 godzin dziennie. My\u015bla\u0142em, \u017ce jestem niezwykle produktywny, podczas gdy w rzeczywisto\u015bci by\u0142em po prostu zaj\u0119ty.<\/p>\n                            <p class=\"text-gray-200 text-sm\">Dopiero jedno zdanie od mojego mentora obna\u017cy\u0142o brutaln\u0105 prawd\u0119 o moim kalendarzu. Od tamtego dnia wyrzuci\u0142em 80% zada\u0144 do kosza.<\/p>\n                            <p class=\"text-gray-200 text-sm\">Oto m\u00f3j autorski system blokowania czasu, kt\u00f3ry pozwala zarabia\u0107 2x wi\u0119cej, pracuj\u0105c 4 godziny dziennie:<\/p>\n                        <\/div>\n                        <div class=\"mt-6 pt-4 border-t border-dark-700\">\n                            <ul class=\"text-xs text-green-400 space-y-1.5\">\n                                <li><i class=\"fas fa-check mr-2\"><\/i> Silny 'hook&#8217; i element osobisty<\/li>\n                                <li><i class=\"fas fa-check mr-2\"><\/i> Prosty, potoczny i ludzki j\u0119zyk<\/li>\n                                <li><i class=\"fas fa-check mr-2\"><\/i> Generuje wysok\u0105 retencj\u0119 i komentarze<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <style>\n                @keyframes shimmer {\n                    100% { transform: translateX(100%); }\n                }\n            <\/style>\n        <\/div>\n\n        <!-- 5. OPINIE (Social Proof) -->\n        <div class=\"mb-20\">\n            <h2 class=\"text-2xl font-bold mb-8 text-center text-white\">Co m\u00f3wi\u0105 copywriterzy, kt\u00f3rzy wdro\u017cyli nasz system?<\/h2>\n            \n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n                <!-- Review 1 -->\n                <div class=\"bg-dark-800\/80 border border-dark-700 rounded-xl p-6 relative\">\n                    <i class=\"fas fa-quote-right absolute top-4 right-4 text-3xl text-dark-600 opacity-50\"><\/i>\n                    <div class=\"flex items-center mb-4\">\n                        <div class=\"flex text-yellow-400 text-xs mr-3\">\n                            <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\n                        <\/div>\n                        <span class=\"bg-green-900\/30 text-green-400 text-[10px] px-2 py-0.5 rounded border border-green-500\/20\"><i class=\"fas fa-check-circle mr-1\"><\/i>Zweryfikowany zakup<\/span>\n                    <\/div>\n                    <h4 class=\"font-bold text-white mb-2 text-sm\">M\u00f3j czas pisania skr\u00f3ci\u0142 si\u0119 o po\u0142ow\u0119<\/h4>\n                    <p class=\"text-gray-400 text-sm mb-4 leading-relaxed\">Prowadz\u0119 ma\u0142\u0105 agencj\u0119 contentow\u0105. Prompty z kategorii SEO to z\u0142oto. Moi pracownicy u\u017cyli ich do generowania szkielet\u00f3w artyku\u0142\u00f3w i nagle robimy 2x wi\u0119cej tekst\u00f3w w tym samym czasie, bez utraty merytoryki.<\/p>\n                    <div class=\"flex items-center\">\n                        <div class=\"w-8 h-8 rounded-full bg-primary-900 flex items-center justify-center text-primary-400 font-bold text-xs mr-3\">MK<\/div>\n                        <div>\n                            <p class=\"text-sm font-bold text-gray-200\">Micha\u0142 K.<\/p>\n                            <p class=\"text-xs text-gray-500\">Content Manager<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Review 2 -->\n                <div class=\"bg-dark-800\/80 border border-dark-700 rounded-xl p-6 relative\">\n                    <i class=\"fas fa-quote-right absolute top-4 right-4 text-3xl text-dark-600 opacity-50\"><\/i>\n                    <div class=\"flex items-center mb-4\">\n                        <div class=\"flex text-yellow-400 text-xs mr-3\">\n                            <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\n                        <\/div>\n                        <span class=\"bg-green-900\/30 text-green-400 text-[10px] px-2 py-0.5 rounded border border-green-500\/20\"><i class=\"fas fa-check-circle mr-1\"><\/i>Zweryfikowany zakup<\/span>\n                    <\/div>\n                    <h4 class=\"font-bold text-white mb-2 text-sm\">W ko\u0144cu AI nie brzmi jak robot<\/h4>\n                    <p class=\"text-gray-400 text-sm mb-4 leading-relaxed\">Szczerze? By\u0142am sceptyczna. My\u015bla\u0142am, \u017ce z ChatGPT nie da si\u0119 wycisn\u0105\u0107 nic z &#8222;dusz\u0105&#8221;. Prompty ucz\u0105ce AI Tone of Voice marki z tej paczki zmieni\u0142y moje podej\u015bcie. Moi klienci na Linkedinie nie widz\u0105 r\u00f3\u017cnicy.<\/p>\n                    <div class=\"flex items-center\">\n                        <div class=\"w-8 h-8 rounded-full bg-purple-900 flex items-center justify-center text-purple-400 font-bold text-xs mr-3\">AP<\/div>\n                        <div>\n                            <p class=\"text-sm font-bold text-gray-200\">Anna P.<\/p>\n                            <p class=\"text-xs text-gray-500\">Freelance Copywriter<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Review 3 -->\n                <div class=\"bg-dark-800\/80 border border-dark-700 rounded-xl p-6 relative\">\n                    <i class=\"fas fa-quote-right absolute top-4 right-4 text-3xl text-dark-600 opacity-50\"><\/i>\n                    <div class=\"flex items-center mb-4\">\n                        <div class=\"flex text-yellow-400 text-xs mr-3\">\n                            <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i>\n                        <\/div>\n                        <span class=\"bg-green-900\/30 text-green-400 text-[10px] px-2 py-0.5 rounded border border-green-500\/20\"><i class=\"fas fa-check-circle mr-1\"><\/i>Zweryfikowany zakup<\/span>\n                    <\/div>\n                    <h4 class=\"font-bold text-white mb-2 text-sm\">Baza Notion robi robot\u0119<\/h4>\n                    <p class=\"text-gray-400 text-sm mb-4 leading-relaxed\">Kupi\u0142em wersj\u0119 rozszerzon\u0105 (MasterClass) i baza w Notion jest genialnie zorganizowana. Kopiuj\u0119 jeden blok, uzupe\u0142niam 3 s\u0142owa, wklejam do Claude 3 i mam gotowego cold maila do wysy\u0142ki. Zwr\u00f3ci\u0142o si\u0119 po pierwszym pozyskanym leadzie.<\/p>\n                    <div class=\"flex items-center\">\n                        <div class=\"w-8 h-8 rounded-full bg-blue-900 flex items-center justify-center text-blue-400 font-bold text-xs mr-3\">TZ<\/div>\n                        <div>\n                            <p class=\"text-sm font-bold text-gray-200\">Tomasz Z.<\/p>\n                            <p class=\"text-xs text-gray-500\">B2B Sales Rep<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- 6. MINI CTA -->\n        <div class=\"mt-16 bg-gradient-to-r from-primary-900\/40 via-dark-800 to-dark-800 border border-primary-800\/50 rounded-2xl p-8 md:p-12 flex flex-col md:flex-row items-center justify-between shadow-2xl relative overflow-hidden\">\n            <div class=\"absolute -top-24 -right-24 w-48 h-48 bg-primary-600\/20 rounded-full blur-3xl\"><\/div>\n            \n            <div class=\"md:w-2\/3 mb-6 md:mb-0 relative z-10 text-center md:text-left\">\n                <h3 class=\"text-2xl md:text-3xl font-black mb-2 text-white\">Przesta\u0144 zgadywa\u0107 jak pisa\u0107 do AI.<\/h3>\n                <p class=\"text-gray-300 text-lg\">Odbierz 500+ profesjonalnych prompt\u00f3w za u\u0142amek kwoty, kt\u00f3r\u0105 zap\u0142aci\u0142by\u015b agencji za jeden artyku\u0142. <strong class=\"text-primary-400\">Do\u0142\u0105cz do 4,200+ zadowolonych copywriter\u00f3w.<\/strong><\/p>\n            <\/div>\n            <div class=\"md:w-1\/3 w-full flex flex-col items-center md:items-end relative z-10\">\n                <button class=\"w-full md:w-auto bg-primary-600 hover:bg-primary-500 text-white font-bold py-4 px-8 rounded-xl shadow-[0_0_20px_rgba(14,165,233,0.3)] transition-all transform hover:scale-105 mb-2 whitespace-nowrap\">\n                    Kup teraz \u2014 97 z\u0142\n                <\/button>\n                <span class=\"text-xs text-gray-500\"><i class=\"fas fa-shield-alt mr-1\"><\/i> Gwarancja satysfakcji<\/span>\n            <\/div>\n        <\/div>\n\n        <!-- 7. PODOBNE PRODUKTY -->\n        <div class=\"mt-20 border-t border-dark-800 pt-16\">\n            <div class=\"flex justify-between items-end mb-8\">\n                <h3 class=\"text-2xl font-bold text-white\">Klienci kupili r\u00f3wnie\u017c<\/h3>\n                <a href=\"#\" class=\"text-primary-400 text-sm hover:underline hidden sm:block\">Zobacz ca\u0142y sklep <i class=\"fas fa-arrow-right ml-1\"><\/i><\/a>\n            <\/div>\n            \n            <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n                <!-- Produkt 1 -->\n                <div class=\"prompt-card rounded-xl p-5 group cursor-pointer flex flex-col h-full\">\n                    <div class=\"aspect-video bg-dark-900 rounded-lg flex items-center justify-center mb-4 border border-dark-700 overflow-hidden relative\">\n                        <div class=\"absolute inset-0 bg-gradient-to-br from-green-900\/30 to-transparent\"><\/div>\n                        <i class=\"fas fa-search-dollar text-green-400 text-3xl z-10 group-hover:scale-110 transition-transform\"><\/i>\n                    <\/div>\n                    <h4 class=\"font-bold text-white mb-1\">Mega-Paczka SEO Prompts<\/h4>\n                    <p class=\"text-xs text-gray-400 mb-4 flex-grow\">Optymalizacja tre\u015bci, badanie s\u0142\u00f3w kluczowych i opisy produkt\u00f3w pod e-commerce.<\/p>\n                    <div class=\"flex justify-between items-center mt-auto\">\n                        <span class=\"font-bold text-lg text-white\">49 z\u0142<\/span>\n                        <button class=\"w-8 h-8 rounded-full bg-dark-700 text-gray-300 hover:bg-primary-600 hover:text-white transition-colors flex items-center justify-center\">\n                            <i class=\"fas fa-plus text-xs\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Produkt 2 -->\n                <div class=\"prompt-card rounded-xl p-5 group cursor-pointer flex flex-col h-full\">\n                    <div class=\"aspect-video bg-dark-900 rounded-lg flex items-center justify-center mb-4 border border-dark-700 overflow-hidden relative\">\n                        <div class=\"absolute inset-0 bg-gradient-to-br from-purple-900\/30 to-transparent\"><\/div>\n                        <i class=\"fas fa-images text-purple-400 text-3xl z-10 group-hover:scale-110 transition-transform\"><\/i>\n                    <\/div>\n                    <h4 class=\"font-bold text-white mb-1\">Midjourney dla Marketingu<\/h4>\n                    <p class=\"text-xs text-gray-400 mb-4 flex-grow\">Prompty generuj\u0105ce grafiki reklamowe, zdj\u0119cia na bloga i materia\u0142y na Social Media.<\/p>\n                    <div class=\"flex justify-between items-center mt-auto\">\n                        <span class=\"font-bold text-lg text-white\">67 z\u0142<\/span>\n                        <button class=\"w-8 h-8 rounded-full bg-dark-700 text-gray-300 hover:bg-primary-600 hover:text-white transition-colors flex items-center justify-center\">\n                            <i class=\"fas fa-plus text-xs\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Produkt 3 -->\n                <div class=\"prompt-card rounded-xl p-5 group cursor-pointer flex flex-col h-full\">\n                    <div class=\"aspect-video bg-dark-900 rounded-lg flex items-center justify-center mb-4 border border-dark-700 overflow-hidden relative\">\n                        <div class=\"absolute inset-0 bg-gradient-to-br from-yellow-900\/30 to-transparent\"><\/div>\n                        <i class=\"fas fa-robot text-yellow-400 text-3xl z-10 group-hover:scale-110 transition-transform\"><\/i>\n                    <\/div>\n                    <h4 class=\"font-bold text-white mb-1\">Asystent Automatyzacji<\/h4>\n                    <p class=\"text-xs text-gray-400 mb-4 flex-grow\">Szablony Make\/Zapier do po\u0142\u0105czenia ChatGPT z WordPressem i systemami mailingowymi.<\/p>\n                    <div class=\"flex justify-between items-center mt-auto\">\n                        <span class=\"font-bold text-lg text-white\">129 z\u0142<\/span>\n                        <button class=\"w-8 h-8 rounded-full bg-dark-700 text-gray-300 hover:bg-primary-600 hover:text-white transition-colors flex items-center justify-center\">\n                            <i class=\"fas fa-plus text-xs\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Produkt 4 -->\n                <div class=\"prompt-card rounded-xl p-5 group cursor-pointer flex flex-col h-full\">\n                    <div class=\"aspect-video bg-dark-900 rounded-lg flex items-center justify-center mb-4 border border-dark-700 overflow-hidden relative\">\n                        <div class=\"absolute inset-0 bg-gradient-to-br from-red-900\/30 to-transparent\"><\/div>\n                        <i class=\"fab fa-youtube text-red-400 text-3xl z-10 group-hover:scale-110 transition-transform\"><\/i>\n                    <\/div>\n                    <h4 class=\"font-bold text-white mb-1\">Skrypty YouTube AI<\/h4>\n                    <p class=\"text-xs text-gray-400 mb-4 flex-grow\">Prompty pod retencyjne scenariusze wideo, hooki do Shorts\/Reels i opisy odcink\u00f3w.<\/p>\n                    <div class=\"flex justify-between items-center mt-auto\">\n                        <span class=\"font-bold text-lg text-white\">55 z\u0142<\/span>\n                        <button class=\"w-8 h-8 rounded-full bg-dark-700 text-gray-300 hover:bg-primary-600 hover:text-white transition-colors flex items-center justify-center\">\n                            <i class=\"fas fa-plus text-xs\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"mt-6 text-center sm:hidden\">\n                <button class=\"text-primary-400 text-sm border border-primary-500\/50 px-4 py-2 rounded-lg w-full hover:bg-primary-900\/20\">Zobacz ca\u0142y sklep<\/button>\n            <\/div>\n        <\/div>\n\n    <\/main>\n<\/div>\n\n<!-- SKRYPTY INTERAKCJI -->\n<script>\n    \/\/ Logika wyboru wariantu produktu\n    function selectVariant(element) {\n        \/\/ Usuni\u0119cie aktywnej klasy ze wszystkich\n        document.querySelectorAll('.variant-option').forEach(el => {\n            el.classList.remove('active', 'border-primary-500', 'bg-primary-900\/10');\n            el.classList.add('border-dark-600', 'bg-dark-800');\n        });\n        \/\/ Dodanie aktywnej klasy do klikni\u0119tego\n        element.classList.add('active', 'border-primary-500', 'bg-primary-900\/10');\n        element.classList.remove('border-dark-600', 'bg-dark-800');\n    }\n\n    \/\/ System zak\u0142adek (Tabs) - zachowany z orygina\u0142u\n    const tabs = document.querySelectorAll('#productTabs button');\n    const tabContents = document.querySelectorAll('#productTabContent > div');\n\n    tabs.forEach(tab => {\n        tab.addEventListener('click', () => {\n            \/\/ Usu\u0144 aktywne klasy ze wszystkich zak\u0142adek\n            tabs.forEach(t => {\n                t.classList.remove('border-primary-500', 'text-primary-400');\n                t.classList.add('border-transparent', 'text-gray-400', 'hover:text-gray-300', 'hover:border-gray-300');\n            });\n            \n            \/\/ Dodaj klasy do wybranej zak\u0142adki\n            tab.classList.add('border-primary-500', 'text-primary-400');\n            tab.classList.remove('border-transparent', 'text-gray-400', 'hover:text-gray-300', 'hover:border-gray-300');\n            \n            \/\/ Ukryj wszystkie tre\u015bci\n            tabContents.forEach(content => {\n                content.classList.add('hidden');\n                content.classList.remove('fade-in');\n            });\n            \n            \/\/ Poka\u017c docelow\u0105 tre\u015b\u0107\n            const targetId = tab.id.replace('-tab', '-content');\n            const targetContent = document.getElementById(targetId);\n            targetContent.classList.remove('hidden');\n            setTimeout(() => {\n                targetContent.classList.add('fade-in');\n            }, 10);\n        });\n    });\n\n    \/\/ Skrypt kopiowania do schowka\n    document.addEventListener('click', (e) => {\n        if (e.target.closest('.fa-copy') || e.target.closest('button')?.innerText.includes('Skopiuj')) {\n            const copyButton = e.target.closest('button');\n            const promptCard = copyButton.closest('.prompt-card');\n            \n            if(promptCard) {\n                const promptText = promptCard.querySelector('p.font-mono').textContent;\n                \n                navigator.clipboard.writeText(promptText).then(() => {\n                    const originalContent = copyButton.innerHTML;\n                    copyButton.innerHTML = '<i class=\"fas fa-check mr-2 text-green-400\"><\/i> <span class=\"text-green-400\">Skopiowano<\/span>';\n                    \n                    setTimeout(() => {\n                        copyButton.innerHTML = originalContent;\n                    }, 2000);\n                });\n            }\n        }\n    });\n\n    \/\/ Blokowanie domy\u015blnego zachowania link\u00f3w w demo\n    document.addEventListener('click', (e) => {\n        if (e.target.tagName === 'A' && e.target.getAttribute('href') === '#') {\n            e.preventDefault();\n        }\n    });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Sklep Marketing AI Copywriting PDF + Notion MasterCopy AI System Prompt\u00f3w Copywriterskich BESTSELLER AKTUALIZACJA 2026 MasterCopy: 500+ Mega Paczka Prompt\u00f3w dla Copywriter\u00f3w 5.0 Zobacz 428 opinii Zlikwiduj blokad\u0119 pisarsk\u0105 i tw\u00f3rz wysoko konwertuj\u0105ce teksty sprzeda\u017cowe, artyku\u0142y SEO oraz sekwencje e-mail 10x szybciej. Skonstruowane z u\u017cyciem in\u017cynierii prompt\u00f3w, aby AI pisa\u0142o jak profesjonalny copywriter. 97 z\u0142&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"right","_kad_post_sidebar_id":"sidebar-secondary","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tak-to-wyglada.pl\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tak-to-wyglada.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tak-to-wyglada.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tak-to-wyglada.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tak-to-wyglada.pl\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":1,"href":"https:\/\/tak-to-wyglada.pl\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":10,"href":"https:\/\/tak-to-wyglada.pl\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/10"}],"wp:attachment":[{"href":"https:\/\/tak-to-wyglada.pl\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}