{"id":10,"date":"2026-07-04T02:09:46","date_gmt":"2026-07-04T02:09:46","guid":{"rendered":"https:\/\/pro-webdesigns.eu\/?page_id=10"},"modified":"2026-07-04T04:02:42","modified_gmt":"2026-07-04T04:02:42","slug":"proweb","status":"publish","type":"page","link":"https:\/\/pro-webdesigns.eu\/","title":{"rendered":"ProWeb"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n ARCHITEKTURA BIZNESU | Tw\u00f3j Kompletny System Generowania Zysk\u00f3w<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;900&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* --- CORE VARIABLES --- *\/\r\n :root {\r\n \/* KOLORY KONWERSJI PREMIUM *\/\r\n --primary: #0f172a; \r\n --primary-light: #1e293b;\r\n --accent: #e11d48; \r\n --accent-hover: #be123c;\r\n --highlight: #f59e0b; \r\n --highlight-light: #fef3c7;\r\n \r\n --bg: #ffffff;\r\n --bg-alt: #f8fafc;\r\n --text: #1e293b;\r\n --text-light: #f1f5f9;\r\n --muted: #64748b;\r\n \r\n --container: 1200px;\r\n --shadow: 0 20px 40px -10px rgba(0,0,0,0.15);\r\n --shadow-glow: 0 0 30px rgba(225, 29, 72, 0.3);\r\n --radius: 16px;\r\n }\r\n\r\n \/* ZABEZPIECZENIE PRZED WYCHODZENIEM POZA KADR NA MOBILE (OVERFLOW FIX) *\/\r\n html, body {\r\n max-width: 100vw !important;\r\n width: 100% !important;\r\n overflow-x: hidden !important;\r\n background-color: var(--bg) !important;\r\n color: var(--text) !important;\r\n }\r\n\r\n * { box-sizing: border-box !important; }\r\n html { scroll-behavior: smooth; }\r\n \r\n body {\r\n margin: 0; \r\n font-family: 'Inter', sans-serif; \r\n line-height: 1.6; \r\n padding-bottom: 80px; \/* Miejsce na mobile bar *\/\r\n font-size: 18px; \r\n text-align: left;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n \r\n a { color: inherit; text-decoration: none; transition: 0.3s; }\r\n img { max-width: 100% !important; height: auto !important; display: block; }\r\n \r\n h1, h2, h3, h4 { line-height: 1.2; font-weight: 900; letter-spacing: -0.02em; margin-top: 0; }\r\n h1 { font-size: 3em; color: var(--text-light) !important; } \r\n h2 { font-size: 2.5em; color: var(--primary) !important; }\r\n h3 { font-size: 1.5em; color: var(--primary) !important; }\r\n p { margin-bottom: 1.5em; }\r\n \r\n .center { margin: 0 auto; max-width: var(--container); padding: 0 20px; width: 100%; }\r\n .text-center { text-align: center; }\r\n .text-accent { color: var(--accent) !important; }\r\n .text-highlight { color: var(--highlight) !important; }\r\n .section-padding { padding: 100px 0; }\r\n .bg-light { background: var(--bg-alt) !important; }\r\n .bg-dark { background: var(--primary) !important; color: var(--text-light) !important; }\r\n \r\n \/* --- BUTTONS --- *\/\r\n .btn {\r\n display: inline-flex; align-items: center; justify-content: center; gap: 10px;\r\n padding: 16px 32px; border-radius: 12px; \r\n background: var(--primary) !important; color: #fff !important; \r\n font-weight: 700; font-size: 18px; \r\n cursor: pointer; border: none; text-align: center;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n text-decoration: none;\r\n }\r\n .btn:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(0,0,0,0.2); }\r\n \r\n .btn-cta {\r\n background: var(--accent) !important;\r\n box-shadow: var(--shadow-glow);\r\n font-size: 20px; padding: 20px 45px;\r\n text-transform: uppercase; letter-spacing: 1px;\r\n color: #fff !important;\r\n }\r\n .btn-cta:hover { background: var(--accent-hover) !important; box-shadow: 0 10px 30px rgba(225, 29, 72, 0.5); }\r\n\r\n .btn-outline {\r\n background: transparent !important; border: 2px solid var(--text-light) !important; color: var(--text-light) !important;\r\n }\r\n .btn-outline:hover { background: var(--text-light) !important; color: var(--primary) !important; }\r\n\r\n .btn-outline-dark {\r\n background: transparent !important; border: 2px solid var(--primary) !important; color: var(--primary) !important;\r\n }\r\n .btn-outline-dark:hover { background: var(--primary) !important; color: #fff !important; }\r\n\r\n \/* --- TOP BAR --- *\/\r\n .topbar { background: var(--highlight) !important; color: var(--primary) !important; padding: 12px 15px; font-size: 15px; font-weight: 800; text-align: center; letter-spacing: 0.5px; text-transform: uppercase; width: 100%; }\r\n\r\n \/* --- HEADER --- *\/\r\n header { background: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(10px); border-bottom: 1px solid #e2e8f0; position: sticky; top: 0; z-index: 100; padding: 15px 0; width: 100%; }\r\n .header-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; }\r\n .brand { font-size: 24px; font-weight: 900; color: var(--primary) !important; letter-spacing: -1px; text-transform: uppercase;} \r\n .brand span { color: var(--accent) !important; }\r\n \r\n .desktop-nav { display: flex; gap: 30px; align-items: center; }\r\n .desktop-nav a { font-weight: 700; font-size: 16px; color: var(--primary-light) !important; }\r\n .desktop-nav a:hover { color: var(--accent) !important; }\r\n \r\n .header-contact { display: flex; gap: 25px; align-items: center; }\r\n .header-contact a { font-weight: 800; color: var(--primary) !important; font-size: 18px; display: flex; align-items: center; gap: 6px; }\r\n .header-contact a:hover { color: var(--accent) !important; }\r\n .header-contact .email-link { font-size: 16px; color: var(--muted) !important; }\r\n\r\n \/* --- HERO (DARK PREMIUM) - POPRAWIONE T\u0141O POD MOBILE --- *\/\r\n .hero { \r\n background: radial-gradient(circle at center, rgba(30,41,59,1) 0%, rgba(15,23,42,1) 100%) !important;\r\n background-color: var(--primary) !important;\r\n padding: 100px 0 120px;\r\n position: relative;\r\n overflow: hidden;\r\n width: 100%;\r\n }\r\n .hero-inner {\r\n position: relative; z-index: 1;\r\n display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 60px; align-items: center;\r\n }\r\n .hero h1 { margin-bottom: 20px; font-size: 52px; line-height: 1.1; }\r\n .hero h1 span { color: var(--highlight) !important; display: block; }\r\n .hero p.lead { font-size: 22px; color: #cbd5e1 !important; margin-bottom: 10px; font-weight: 400; }\r\n .hero p.sub-lead { font-size: 18px; color: #94a3b8 !important; margin-bottom: 40px; }\r\n \r\n .hero-image-wrapper { position: relative; width: 100%; }\r\n .hero-image-wrapper img { \r\n width: 100%; border-radius: var(--radius); \r\n box-shadow: 0 30px 60px rgba(0,0,0,0.5);\r\n border: 1px solid rgba(255,255,255,0.1);\r\n transform: perspective(1000px) rotateY(-5deg);\r\n transition: transform 0.5s;\r\n }\r\n .hero-image-wrapper img:hover { transform: perspective(1000px) rotateY(0deg) scale(1.02); }\r\n\r\n \/* --- STATEMENT (THE HOOK) --- *\/\r\n .statement-section { padding: 80px 0; background: #fff !important; text-align: center; width: 100%; }\r\n .statement-box { max-width: 900px; margin: 0 auto; }\r\n .statement-box h2 { font-size: 36px; margin-bottom: 20px; color: var(--accent) !important; }\r\n .statement-box p { font-size: 24px; font-weight: 600; color: var(--primary-light) !important; line-height: 1.5; }\r\n\r\n \/* --- THE 4 PILLARS (CO OTRZYMUJESZ) --- *\/\r\n .ecosystem-section { padding: 100px 0; background: var(--bg-alt) !important; width: 100%; }\r\n .pillar-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 60px; }\r\n .pillar-card { \r\n background: #fff !important; padding: 50px; border-radius: var(--radius); \r\n border: 1px solid #e2e8f0; box-shadow: var(--shadow);\r\n transition: 0.3s; position: relative; overflow: hidden;\r\n }\r\n .pillar-card:hover { transform: translateY(-10px); border-color: var(--highlight); }\r\n .pillar-icon { font-size: 40px; margin-bottom: 20px; display: inline-block; background: var(--highlight-light) !important; padding: 15px; border-radius: 12px; }\r\n .pillar-card h3 { font-size: 26px; margin-bottom: 15px; color: var(--primary) !important;}\r\n .pillar-card p { color: var(--muted) !important; font-size: 17px; margin-bottom: 15px; }\r\n .pillar-card strong { color: var(--primary) !important; }\r\n\r\n \/* --- GUARANTEE SECTION --- *\/\r\n .guarantee-section { padding: 100px 0; background: #fff !important; width: 100%; }\r\n .guarantee-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }\r\n .guarantee-img { position: relative; width: 100%; }\r\n .guarantee-img img { width: 100%; border-radius: var(--radius); box-shadow: var(--shadow); border: 8px solid var(--bg-alt); }\r\n .guarantee-badge { \r\n position: absolute; bottom: -20px; right: -20px; \r\n background: var(--primary) !important; color: var(--highlight) !important; \r\n width: 140px; height: 140px; border-radius: 50%; \r\n display: flex; align-items: center; justify-content: center; \r\n text-align: center; font-weight: 900; font-size: 16px; \r\n box-shadow: 0 10px 20px rgba(0,0,0,0.3); border: 4px solid #fff;\r\n text-transform: uppercase; line-height: 1.2;\r\n }\r\n .guarantee-content h2 { color: var(--primary) !important; margin-bottom: 20px; font-size: 40px; }\r\n .guarantee-content h2 span { color: var(--accent) !important; }\r\n .guarantee-content p { font-size: 20px; color: var(--muted) !important; margin-bottom: 30px; }\r\n .guarantee-box { background: var(--bg-alt) !important; padding: 30px; border-left: 6px solid var(--accent); border-radius: 0 var(--radius) var(--radius) 0; }\r\n .guarantee-box p { font-size: 18px; margin: 0; color: var(--primary-light) !important; font-weight: 600; }\r\n\r\n \/* --- WHY ME VS AGENCY --- *\/\r\n .why-me-section { padding: 100px 0; background: var(--primary) !important; color: #fff !important; text-align: center; width: 100%; }\r\n .why-me-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-top: 60px; }\r\n .why-card { background: rgba(255,255,255,0.05) !important; padding: 40px; border-radius: var(--radius); border: 1px solid rgba(255,255,255,0.1); text-align: left; }\r\n .why-card h3 { color: var(--highlight) !important; font-size: 24px; margin-bottom: 15px; }\r\n .why-card p { color: #cbd5e1 !important; font-size: 17px; margin: 0; }\r\n\r\n \/* --- PRICING \/ PRODUCTS --- *\/\r\n .pricing-section { padding: 100px 0; background: var(--bg-alt) !important; text-align: center; width: 100%; }\r\n \/* Grid dostosowany pod telefony - max 1 kolumna na ma\u0142ych ekranach *\/\r\n .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; margin-top: 50px; text-align: left; }\r\n .card { \r\n background: #fff !important; border: 2px solid #e2e8f0; border-radius: var(--radius); overflow: hidden; \r\n transition: 0.3s; display: flex; flex-direction: column; position: relative; text-align: center;\r\n }\r\n .card:hover { transform: translateY(-5px); box-shadow: var(--shadow); border-color: var(--primary); }\r\n \r\n #products-container > .card:last-child {\r\n grid-column: 1 \/ -1; max-width: 800px; margin-left: auto; margin-right: auto;\r\n border-color: var(--primary); background: #f8fafc !important; width: 100%;\r\n box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);\r\n }\r\n #products-container > .card:last-child h3 { color: var(--accent) !important; }\r\n\r\n .ribbon {\r\n position: absolute; top: 15px; right: 15px; background: var(--accent) !important; color: white !important;\r\n padding: 6px 18px; border-radius: 20px; font-weight: 800; font-size: 14px;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.2); z-index: 10; animation: pulse 2s infinite;\r\n }\r\n @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } }\r\n\r\n \/* Zabezpieczenie obrazk\u00f3w *\/\r\n .card-img { height: 220px; background: #f1f5f9; position: relative; overflow: hidden; width: 100%; }\r\n .card-img img { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; object-fit: cover; transition: 0.5s; }\r\n .card:hover .card-img img { transform: scale(1.05); }\r\n \r\n .card-body { padding: 30px; display: flex; flex-direction: column; flex-grow: 1; align-items: center; }\r\n .card h3 { font-size: 22px; margin-bottom: 15px; color: var(--primary) !important; }\r\n .card p { color: var(--muted) !important; font-size: 16px; flex-grow: 1; margin-bottom: 25px; }\r\n .price-block { margin-top: auto; width: 100%; padding-top: 20px; border-top: 1px solid #f1f5f9; text-align: center; }\r\n .price { font-size: 28px; font-weight: 900; color: var(--primary) !important; line-height: 1.1; margin: 5px 0; }\r\n .currency-conv { font-size: 14px; color: var(--muted) !important; margin-bottom: 15px; display: block; }\r\n .card .btn { width: 100%; }\r\n\r\n \/* --- STRATEGIC ACTION (URGENCY CTA) --- *\/\r\n .strategic-section { padding: 120px 0; background: var(--highlight) !important; text-align: center; width: 100%; }\r\n .strategic-box { max-width: 800px; margin: 0 auto; background: #fff !important; padding: 60px; border-radius: var(--radius); box-shadow: var(--shadow); }\r\n .strategic-box h2 { font-size: 42px; margin-bottom: 20px; color: var(--primary) !important; }\r\n .strategic-box p { font-size: 20px; color: var(--primary-light) !important; margin-bottom: 40px; font-weight: 500; }\r\n \r\n \/* --- TRUST LOGOS STRIP --- *\/\r\n .trust-strip { padding: 40px 0; border-bottom: 1px solid rgba(255,255,255,0.1); background: var(--primary) !important; border-top: 1px solid rgba(255,255,255,0.05); width: 100%; }\r\n .trust-logos { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; opacity: 0.5; filter: grayscale(100%); transition: 0.3s; }\r\n .trust-logos:hover { opacity: 0.8; filter: grayscale(0%); }\r\n .trust-logos span { font-size: 24px; font-weight: 800; color: #fff !important; }\r\n\r\n \/* --- FOOTER & SEO --- *\/\r\n footer { background: #070b14 !important; color: #94a3b8 !important; padding: 80px 0 40px; font-size: 16px; text-align: center; width: 100%; }\r\n .footer-contact { margin: 20px 0 40px 0; }\r\n .footer-contact a { text-decoration: none; word-break: break-word; }\r\n \r\n .seo-block { \r\n margin-top: 60px; padding-top: 40px; border-top: 1px solid rgba(255,255,255,0.05);\r\n font-size: 11px; color: rgba(255,255,255,0.15) !important; text-align: justify; line-height: 1.8;\r\n }\r\n \r\n \/* --- MODAL --- *\/\r\n .modal-overlay {\r\n position: fixed; top: 0; left: 0; width: 100%; height: 100%;\r\n background: rgba(15, 23, 42, 0.9) !important; backdrop-filter: blur(8px);\r\n z-index: 1000; display: none; align-items: center; justify-content: center;\r\n }\r\n .modal-overlay.open { display: flex; animation: fadeIn 0.3s; }\r\n .modal-content {\r\n background: #fff !important; width: 95%; max-width: 600px; padding: 50px;\r\n border-radius: var(--radius); position: relative; text-align: center;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); max-height: 95vh; overflow-y: auto;\r\n }\r\n .close-modal { position: absolute; top: 15px; right: 20px; font-size: 32px; cursor: pointer; color: var(--muted) !important; font-weight: bold; }\r\n .modal-form input, .modal-form select, .modal-form textarea {\r\n width: 100%; padding: 18px; margin-bottom: 16px; border: 2px solid #cbd5e1 !important;\r\n border-radius: 10px; font-size: 16px; font-family: inherit; transition: 0.3s;\r\n background: #fff !important; color: var(--text) !important;\r\n }\r\n .modal-form input:focus, .modal-form textarea:focus { border-color: var(--accent) !important; outline: none; box-shadow: 0 0 0 4px rgba(225, 29, 72, 0.1); }\r\n\r\n \/* --- MOBILE STICKY BAR --- *\/\r\n .mobile-sticky-bar {\r\n position: fixed; bottom: 0; left: 0; width: 100%; background: #fff !important;\r\n box-shadow: 0 -5px 20px rgba(0,0,0,0.15); z-index: 999;\r\n display: none; padding: 10px; gap: 8px; \r\n }\r\n .mobile-btn {\r\n flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px;\r\n height: 50px; border-radius: 8px; font-weight: 800; font-size: 14px; color: white !important;\r\n }\r\n .mobile-call { background: var(--accent) !important; }\r\n .mobile-wa { background: #25D366 !important; }\r\n .mobile-mail { background: var(--primary) !important; }\r\n\r\n \/* --- RESPONSIVE FIXES (PERFECT FOR MOBILE) --- *\/\r\n @media (max-width: 992px) {\r\n .hero { padding: 60px 0 80px; }\r\n .hero-inner { grid-template-columns: 1fr; text-align: center; gap: 30px; }\r\n .hero h1 { font-size: 36px; word-wrap: break-word; }\r\n .hero p.lead { font-size: 18px; }\r\n .hero p.sub-lead { font-size: 16px; }\r\n .hero-image-wrapper { max-width: 100%; padding: 0 10px; }\r\n .hero-image-wrapper img { transform: none !important; } \/* Usuni\u0119cie 3D na mobile by unikn\u0105\u0107 overflow *\/\r\n \r\n .pillar-grid { grid-template-columns: 1fr; }\r\n .guarantee-inner { grid-template-columns: 1fr; text-align: center; }\r\n .guarantee-box { border-left: none; border-top: 6px solid var(--accent); border-radius: var(--radius); }\r\n .guarantee-badge { right: auto; left: 50%; transform: translateX(-50%); bottom: -70px; width: 120px; height: 120px; font-size: 14px; }\r\n .why-me-grid { grid-template-columns: 1fr; gap: 20px; }\r\n \r\n .header-contact { display: none; }\r\n .desktop-nav { display: none; }\r\n .mobile-sticky-bar { display: flex; }\r\n \r\n .strategic-box { padding: 40px 20px; }\r\n .modal-content { padding: 40px 20px; }\r\n .btn-cta { width: 100%; font-size: 16px; padding: 16px; }\r\n .btn-outline { width: 100%; }\r\n \r\n .statement-box h2 { font-size: 28px; }\r\n .statement-box p { font-size: 18px; }\r\n .guarantee-content h2 { font-size: 32px; }\r\n .strategic-box h2 { font-size: 32px; }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .grid { grid-template-columns: 1fr; } \/* Zawsze 1 kolumna na najmniejszych *\/\r\n .pillar-card { padding: 30px 20px; }\r\n .card-body { padding: 20px; }\r\n .hero h1 { font-size: 30px; }\r\n .trust-logos { gap: 20px; }\r\n .trust-logos span { font-size: 18px; }\r\n }\r\n\r\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Top Bar -->\r\n <div class=\"topbar\">\r\n \ud83d\udd25 Szukam 3 ambitnych firm. Zbudujmy cyfrowe imperium w tym kwartale.\r\n <\/div>\r\n\r\n <!-- Header -->\r\n <header>\r\n <div class=\"center header-inner\">\r\n <div class=\"brand\">PRO<span>WEB<\/span><\/div>\r\n <nav class=\"desktop-nav\">\r\n <a href=\"#ekosystem\">Ekosystem<\/a>\r\n <a href=\"#gwarancja\">Gwarancja<\/a>\r\n <a href=\"#oferta\">Wycena<\/a>\r\n <a href=\"#dlaczego-ja\">Dlaczego Ja?<\/a>\r\n <\/nav>\r\n <div class=\"header-contact\">\r\n <a href=\"mailto:kontakt@pro-webdesigns.eu\" class=\"email-link\">\u2709\ufe0f kontakt@pro-webdesigns.eu<\/a>\r\n <a href=\"tel:+48791891105\">\ud83d\udcde +48 791 891 105<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- Hero Section -->\r\n <section class=\"hero\">\r\n <div class=\"center hero-inner\">\r\n <div>\r\n <div style=\"color:var(--highlight); font-weight:800; text-transform:uppercase; margin-bottom:15px; font-size:14px; letter-spacing:3px;\">Ekspert E-commerce & AI<\/div>\r\n <h1>ARCHITEKTURA BIZNESU: <span>Tw\u00f3j Kompletny System Generowania Zysk\u00f3w<\/span><\/h1>\r\n <p class=\"lead\">Wszystko w 1 miejscu! Ponad 100 us\u0142ug cyfrowych dla Twojej firmy pod jednym dachem.<\/p>\r\n <p class=\"sub-lead\">\u0141adna strona na WordPressie? Logo zrobione w Canvie? Post na Facebooku, kt\u00f3ry polubi Twoja ciocia? Dzisiaj to za ma\u0142o. Sztuczna inteligencja robi to w 5 minut za darmo.<\/p>\r\n \r\n <div style=\"display:flex; gap:15px; flex-wrap:wrap; margin-bottom: 30px; justify-content: center;\">\r\n <button class=\"btn btn-cta\" onclick=\"openModal('Konsultacja Strategiczna')\">Zbuduj Cyfrowe Imperium<\/button>\r\n <a href=\"#ekosystem\" class=\"btn btn-outline\">Sprawd\u017a Ekosystem<\/a>\r\n <\/div>\r\n <div style=\"font-size:14px; color:#cbd5e1; font-weight: 500; text-align: center;\">\r\n Pe\u0142na Odpowiedzialno\u015b\u0107 \u2022 Kontakt 24\/7 \u2022 Automatyzacja\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"hero-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/pro-webdesigns.eu\/wp-content\/uploads\/2026\/07\/1-scaled.jpg\" alt=\"Nowoczesny Ekosystem Biznesowy\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Trust Strip -->\r\n <div class=\"trust-strip\">\r\n <div class=\"center\">\r\n <div class=\"trust-logos\">\r\n <span>Google Ads<\/span>\r\n <span>Meta Ads<\/span>\r\n <span>OpenAI<\/span>\r\n <span>Shopify<\/span>\r\n <span>WooCommerce<\/span>\r\n <span>Webflow<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- The Hook \/ Statement -->\r\n <section class=\"statement-section\">\r\n <div class=\"center statement-box\">\r\n <h2>Nie p\u0142acisz mi za \u201erobienie stron\u201d.<\/h2>\r\n <p>P\u0142acisz mi za to, \u017ceby Tw\u00f3j telefon nie przestawa\u0142 dzwoni\u0107, a na konto sp\u0142ywa\u0142y zam\u00f3wienia \u2013 nawet wtedy, gdy \u015bpisz. Buduj\u0119 cyfrowe maszyny, kt\u00f3re zamieniaj\u0105 kliki w czyst\u0105 got\u00f3wk\u0119.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Ekosystem (4 Pillars) -->\r\n <section class=\"ecosystem-section\" id=\"ekosystem\">\r\n <div class=\"center\">\r\n <h2 class=\"text-center\" style=\"font-size: clamp(32px, 5vw, 42px);\">CO OTRZYMUJESZ?<\/h2>\r\n <p class=\"text-center\" style=\"font-size: 22px; color: var(--muted);\">(Pe\u0142en Ekosystem w 1 Miejscu)<\/p>\r\n <p class=\"text-center\" style=\"max-width: 800px; margin: 0 auto 40px; font-size: 18px;\">\r\n Zamiast zatrudnia\u0107 5 r\u00f3\u017cnych agencji, u\u017cera\u0107 si\u0119 z grafikami, programistami i lud\u017ami od reklam \u2013 masz mnie. Jeden cz\u0142owiek, jeden system, pe\u0142na odpowiedzialno\u015b\u0107.\r\n <\/p>\r\n\r\n <div class=\"pillar-grid\">\r\n <div class=\"pillar-card\">\r\n <div class=\"pillar-icon\">\u2699\ufe0f<\/div>\r\n <h3>1. Architektura E-commerce i Automatyzacja<\/h3>\r\n <p><strong>(Kupuj\u0119 Tw\u00f3j Czas)<\/strong><br> Nie buduj\u0119 \u201ezwyk\u0142ych\u201d sklep\u00f3w. Projektuj\u0119 zaawansowane, samonap\u0119dzaj\u0105ce si\u0119 leje sprzeda\u017cowe na platformach Shopify, WooCommerce i Webflow.<\/p>\r\n <p>Wdra\u017cam pe\u0142n\u0105 automatyzacj\u0119. System sam odzyskuje porzucone koszyki, wysy\u0142a spersonalizowane newslettery i spina si\u0119 z Twoim CRM-em.<\/p>\r\n <p><strong>Efekt:<\/strong> Tw\u00f3j biznes dzia\u0142a bez Twojego udzia\u0142u. Kupujesz z powrotem sw\u00f3j wolny czas.<\/p>\r\n <\/div>\r\n\r\n <div class=\"pillar-card\">\r\n <div class=\"pillar-icon\">\ud83e\udde0<\/div>\r\n <h3>2. Integracja Sztucznej Inteligencji<\/h3>\r\n <p><strong>(Twoja Przewaga)<\/strong><br> Wyci\u0105gam ukryte z\u0142oto z danych Twojej firmy.<\/p>\r\n <p>Wdra\u017cam zaawansowane, dedykowane chatboty AI (OpenAI \/ Anthropic), kt\u00f3re obs\u0142uguj\u0105 90% klient\u00f3w i sprzedaj\u0105 za Ciebie 24\/7.<\/p>\r\n <p>Uruchamiam algorytmy, kt\u00f3re analizuj\u0105 zachowania Twoich klient\u00f3w i m\u00f3wi\u0105 wprost: \u201eTo sprzedaje si\u0119 najlepiej, tu marnujesz bud\u017cet\u201d.<\/p>\r\n <\/div>\r\n\r\n <div class=\"pillar-card\">\r\n <div class=\"pillar-icon\">\ud83c\udfaf<\/div>\r\n <h3>3. Psychologia Konwersji<\/h3>\r\n <p><strong>(UX\/UI i Copywriting)<\/strong><br> Strona, kt\u00f3ra tylko \u0142adnie wygl\u0105da, jest bezu\u017cyteczna. Projektuj\u0119 w oparciu o neuromarketing.<\/p>\r\n <p>Zmieniam uk\u0142ad element\u00f3w (UX\/UI) i pisz\u0119 teksty, kt\u00f3re uderzaj\u0105 w najg\u0142\u0119bsze potrzeby klienta.<\/p>\r\n <p><strong>Matematyka jest prosta:<\/strong> Je\u015bli teraz z 1000 os\u00f3b na stronie kupuje 10, ja zmieniam konwersj\u0119 tak, by kupowa\u0142o 50. Pi\u0119ciokrotnie zwi\u0119kszam Tw\u00f3j zysk bez wydawania grosza wi\u0119cej na reklamy.<\/p>\r\n <\/div>\r\n\r\n <div class=\"pillar-card\">\r\n <div class=\"pillar-icon\">\ud83d\ude80<\/div>\r\n <h3>4. Pe\u0142ne Zaplecze Kreatywne i Reklama<\/h3>\r\n <p><strong>(Ponad 100 us\u0142ug)<\/strong><br> Social Media & Video: Tworz\u0119 anga\u017cuj\u0105ce wideo (Reels, TikTok, Shorts), profesjonaln\u0105 grafik\u0119 i sp\u00f3jn\u0105 identyfikacj\u0119 wizualn\u0105 (Logo, Branding), kt\u00f3ra natychmiast buduje autorytet.<\/p>\r\n <p>Systemy Reklamowe: Odpalam i optymalizuj\u0119 kampanie Meta Ads (Facebook\/Instagram) oraz Google Ads. Wiem, jak kupowa\u0107 uwag\u0119 ludzi najtaniej na rynku.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Guarantee Section -->\r\n <section class=\"guarantee-section\" id=\"gwarancja\">\r\n <div class=\"center guarantee-inner\">\r\n <div class=\"guarantee-content\">\r\n <h2>Gwarancja Odwr\u00f3conego Ryzyka <span>\u201eBEZPIECZNY START\u201d<\/span><\/h2>\r\n <p>Nie chc\u0119 Twoich pieni\u0119dzy, dop\u00f3ki nie udowodni\u0119 Ci, \u017ce potrafi\u0119 je dla Ciebie zarobi\u0107.<\/p>\r\n <div class=\"guarantee-box\">\r\n <p>Przed podpisaniem umowy g\u0142\u00f3wnej wchodz\u0119 do Twojej firmy i wykonuj\u0119 <strong>Autorski Audyt AI & Konwersji<\/strong>.<\/p>\r\n <p style=\"margin-top: 15px;\">Wska\u017c\u0119 Ci minimum 3 miejsca w Twoim obecnym systemie, przez kt\u00f3re co miesi\u0105c uciekaj\u0105 Ci tysi\u0105ce z\u0142otych.<\/p>\r\n <\/div>\r\n <button class=\"btn btn-cta\" style=\"margin-top:40px;\" onclick=\"openModal('Darmowy Audyt')\">Zg\u0142o\u015b si\u0119 po Audyt<\/button>\r\n <\/div>\r\n <div class=\"guarantee-img\">\r\n <img decoding=\"async\" src=\"https:\/\/pro-webdesigns.eu\/wp-content\/uploads\/2026\/07\/2.jpg\" alt=\"Bezpiecze\u0144stwo i gwarancja wynik\u00f3w\">\r\n <div class=\"guarantee-badge\">Gwarancja<br>Wynik\u00f3w<br>100%<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Why Me Section -->\r\n <section class=\"why-me-section\" id=\"dlaczego-ja\">\r\n <div class=\"center\">\r\n <h2>DLACZEGO JA, A NIE AGENCJA?<\/h2>\r\n <p style=\"font-size: 20px; color: #94a3b8; max-width: 800px; margin: 0 auto;\">Oto dlaczego NIE MO\u017bESZ p\u00f3j\u015b\u0107 do nikogo innego.<\/p>\r\n \r\n <div class=\"why-me-grid\">\r\n <div class=\"why-card\">\r\n <h3>1. Wszystko w 1 Miejscu<\/h3>\r\n <p>Nie ma spychologii. Gdy agencja od reklam wini agencj\u0119 od stron, u mnie ten problem nie istnieje. Odpowiadam za ca\u0142o\u015b\u0107 \u2013 od loga, przez wideo, po kod i automatyzacj\u0119 AI.<\/p>\r\n <\/div>\r\n <div class=\"why-card\">\r\n <h3>2. Szybko\u015b\u0107 Dzia\u0142ania<\/h3>\r\n <p>Zmiana strategii, nowy film na TikToka czy poprawka w kodzie sklepu? Robi\u0119 to od r\u0119ki, bez \u0142a\u0144cucha maili i bezsensownych firmowych zebra\u0144.<\/p>\r\n <\/div>\r\n <div class=\"why-card\">\r\n <h3>3. Nastawienie na ROI<\/h3>\r\n <p>Nie interesuj\u0105 mnie \u201elajki\u201d ani puste wy\u015bwietlenia. Interesuje mnie czysty zysk i zwrot z ka\u017cdej z\u0142ot\u00f3wki, kt\u00f3r\u0105 we mnie inwestujesz.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Pricing \/ Dynamic Products -->\r\n <section class=\"pricing-section\" id=\"oferta\">\r\n <div class=\"center\">\r\n <h2>Modu\u0142y i Wycena Orientacyjna<\/h2>\r\n <p style=\"font-size: 20px; color: var(--muted); margin-bottom: 50px;\">Przejrzyste ceny. Pe\u0142na w\u0142asno\u015b\u0107 po op\u0142aceniu.<\/p>\r\n <div class=\"grid\" id=\"products-container\">\r\n <!-- Products generated by JS -->\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Strategic Step CTA -->\r\n <section class=\"strategic-section\">\r\n <div class=\"center strategic-box\">\r\n <h2>STRATEGICZNY KROK<\/h2>\r\n <p>Nie szukam 50 klient\u00f3w. Szukam 3 ambitnych firm, z kt\u00f3rymi zbuduj\u0119 cyfrowe imperia w tym kwartale i wezm\u0119 za to pe\u0142n\u0105 odpowiedzialno\u015b\u0107. Rabat na wi\u0119ksze zam\u00f3wienia. Dzia\u0142aj, zanim zrobi to Twoja konkurencja.<\/p>\r\n <button class=\"btn btn-cta\" onclick=\"openModal('Priorytetowa Wsp\u00f3\u0142praca')\">Rozpocznij Wsp\u00f3\u0142prac\u0119 Teraz<\/button>\r\n \r\n <p style=\"margin-top:20px; font-size:16px; color:var(--muted); font-weight: 600;\">Kontakt tel, WhatsApp lub email 24\/7<\/p>\r\n <a href=\"mailto:kontakt@pro-webdesigns.eu\" style=\"display:inline-block; margin-top:5px; font-size: 18px; color: var(--primary) !important; font-weight: 800;\">kontakt@pro-webdesigns.eu<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Footer -->\r\n <footer id=\"kontakt\">\r\n <div class=\"center\">\r\n <h3 style=\"color:white !important; font-size:28px; margin-bottom:10px;\">Architektura Biznesu<\/h3>\r\n <p>Gotowe systemy, kt\u00f3re sprzedaj\u0105 za Ciebie.<\/p>\r\n \r\n <div class=\"footer-contact\">\r\n <a href=\"tel:+48791891105\" style=\"font-size: 22px; font-weight: 800; color: #fff !important;\">\ud83d\udcde +48 791 891 105<\/a><br>\r\n <a href=\"mailto:kontakt@pro-webdesigns.eu\" style=\"font-size: 26px; font-weight: 900; color: var(--accent) !important; display: block; margin: 15px 0;\">kontakt@pro-webdesigns.eu<\/a>\r\n <a href=\"https:\/\/wa.me\/48791891105\" style=\"font-size: 18px; color: #25D366 !important; font-weight: 700;\">\ud83d\udcac WhatsApp 24\/7<\/a>\r\n <\/div>\r\n \r\n <div style=\"margin-top: 40px; color: #475569;\">\r\n © 2026. Wszystkie prawa zastrze\u017cone.\r\n <\/div>\r\n \r\n <!-- SEO Keywords Block -->\r\n <div class=\"seo-block\">\r\n sklep internetowy, strona www, strony www, strona internetowa, kreator stron www, darmowa strona internetowa, strona internetowa cena, tworzenie strony internetowej, sklepy internetowe, tworzenie stron www, projektowanie stron www, tanie strony internetowe, shoper kontakt, tanie strony www, projekt strony www, strony internetowe cena, tworzenie strona internetowa, stronie www, tworzenie sklepu internetowego, kreator stron internetowych, pozycjonowanie sklepu internetowego, w\u0142asny sklep internetowy, w\u0142asna strona internetowa, sklep internetowy jak za\u0142o\u017cy\u0107, kreator strony internetowej, gotowy sklep internetowy, projekt strony internetowej, za\u0142\u00f3\u017c sklep internetowy, za\u0142o\u017cenie sklepu internetowego, tworzenie sklep\u00f3w internetowych, koszt strony internetowej, za\u0142o\u017cenie strony internetowej, zak\u0142adanie strony internetowej, kreator sklepu internetowego, Warszawa, Krak\u00f3w, Wroc\u0142aw, \u0141\u00f3d\u017a, Pozna\u0144, Gda\u0144sk, Szczecin, Lublin, Bydgoszcz, Bia\u0142ystok, Katowice, Gdynia, Cz\u0119stochowa, Radom, Rzesz\u00f3w, Toru\u0144, Sosnowiec, Kielce, Gliwice, Olsztyn, Zabrze, Bielsko-Bia\u0142a, Bytom, Zielona G\u00f3ra, Rybnik, Ruda \u015al\u0105ska, Tychy, D\u0105browa G\u00f3rnicza, Opole, Elbl\u0105g, P\u0142ock, Gorz\u00f3w Wielkopolski, Wa\u0142brzych, W\u0142oc\u0142awek, Zielona G\u00f3ra, Tarn\u00f3w, Chorz\u00f3w, Koszalin, Kalisz, Legnica, Grudzi\u0105dz, Jaworzno, S\u0142upsk, Jastrz\u0119bie-Zdr\u00f3j, Jelenia G\u00f3ra, Nowy S\u0105cz, Konin, Piotrk\u00f3w Trybunalski, Siedlce, Ostr\u00f3w Wielkopolski. sklep dla firm firmy firmowy, odzie\u017cowy, meble, dom, reklama, domy\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- Mobile Sticky Bar -->\r\n <div class=\"mobile-sticky-bar\">\r\n <a href=\"tel:+48791891105\" class=\"mobile-btn mobile-call\">\ud83d\udcde Zadzwo\u0144<\/a>\r\n <a href=\"mailto:kontakt@pro-webdesigns.eu\" class=\"mobile-btn mobile-mail\">\u2709\ufe0f Email<\/a>\r\n <a href=\"https:\/\/wa.me\/48791891105\" class=\"mobile-btn mobile-wa\">\ud83d\udcac WhatsApp<\/a>\r\n <\/div>\r\n\r\n <!-- Lead Gen Modal -->\r\n <div class=\"modal-overlay\" id=\"leadModal\">\r\n <div class=\"modal-content\">\r\n <span class=\"close-modal\" onclick=\"closeModal()\">×<\/span>\r\n <h3 style=\"color:var(--primary) !important; margin-bottom:15px; font-size:32px;\" id=\"modalTitle\">Bezp\u0142atna Konsultacja<\/h3>\r\n <p style=\"margin-bottom:25px; font-size: 18px; color:var(--muted) !important;\" id=\"modalDesc\">Zostaw kontakt. Przygotuj\u0119 strategi\u0119 dla Twojego biznesu.<\/p>\r\n \r\n <form class=\"modal-form\" id=\"contactForm\">\r\n <input type=\"hidden\" id=\"interest-subject\" value=\"Og\u00f3lne\">\r\n <input type=\"text\" id=\"name\" placeholder=\"Twoje Imi\u0119\" required>\r\n <input type=\"email\" id=\"email\" placeholder=\"Tw\u00f3j Email (wymagane)\" required>\r\n <input type=\"tel\" id=\"phone\" placeholder=\"Numer Telefonu (opcjonalnie)\" style=\"border-color:var(--primary) !important;\">\r\n <textarea id=\"message\" placeholder=\"Z czym masz problem? (np. Brak sprzeda\u017cy w sklepie)\" rows=\"3\"><\/textarea>\r\n \r\n <button type=\"submit\" class=\"btn btn-cta\" style=\"width:100%;\">\ud83d\ude80 Wy\u015blij Zapytanie<\/button>\r\n \r\n <p style=\"font-size:14px; margin-top:15px; color:var(--muted) !important; font-weight: 600;\">\r\n Odpowiadam w ci\u0105gu 24 godzin.\r\n <\/p>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const RATES = { EUR: 4.5, USD: 4.1 };\r\n\r\n \/\/ Zaktualizowane nowe linki z Twojej domeny pro-webdesigns.eu\r\n const products = [\r\n { name: \"Gotowy Sklep Dropshipping AI\", price: 2500, desc: \"Pe\u0142na automatyzacja. Produkty z Chin\/Hurtowni. Sklep dzia\u0142a sam.\", img: \"https:\/\/pro-webdesigns.eu\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_epsc2fepsc2fepsc.png\" },\r\n { name: \"Landing Page Sprzeda\u017cowy\", price: 1500, desc: \"Jedna strona - jeden cel: Sprzeda\u017c us\u0142ugi lub produktu.\", img: \"https:\/\/pro-webdesigns.eu\/wp-content\/uploads\/2026\/07\/strony-sklepy-internetowe-15.avif\" },\r\n { name: \"Witryna Firmowa Premium\", price: 1700, desc: \"Wielostronicowa wizyt\u00f3wka firmy. Buduje zaufanie i wizerunek.\", img: \"https:\/\/pro-webdesigns.eu\/wp-content\/uploads\/2026\/07\/strony-sklepy-internetowe-7.avif\" },\r\n { name: \"E-commerce (W\u0142asne produkty)\", price: 2500, desc: \"Pe\u0142ny sklep: Koszyk, P\u0142atno\u015bci (BLIK\/Karty), Kurierzy (InPost).\", img: \"https:\/\/pro-webdesigns.eu\/wp-content\/uploads\/2026\/07\/strony-sklepy-internetowe-8.avif\", badge: \"\ud83d\udd25 Najcz\u0119\u015bciej Wybierany\" },\r\n { name: \"Reklama i Social Media\", price: 900, desc: \"Konfiguracja Facebook Ads, Google Ads, wizyt\u00f3wki Google Maps.\", img: \"https:\/\/pro-webdesigns.eu\/wp-content\/uploads\/2026\/07\/strony-sklepy-internetowe-seo-2.avif\" },\r\n { name: \"Posty, Wideo i Grafiki\", price: 900, desc: \"Content marketing, kt\u00f3ry przyci\u0105ga uwag\u0119 i buduje zasi\u0119gi.\", img: \"https:\/\/pro-webdesigns.eu\/wp-content\/uploads\/2026\/07\/strony-sklepy-internetowe-9.avif\" },\r\n { name: \"Aplikacja Webowa (SaaS)\", price: 5000, desc: \"Kalkulatory, systemy rezerwacji, panele klienta na zam\u00f3wienie.\", img: \"https:\/\/pro-webdesigns.eu\/wp-content\/uploads\/2026\/07\/strony-sklepy-internetowe-seo-1.avif\" },\r\n { name: \"Aplikacja Mobilna\", price: 6000, desc: \"Natywna aplikacja na Android i iOS. B\u0105d\u017a w kieszeni klienta.\", img: \"https:\/\/pro-webdesigns.eu\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_iqim0tiqim0tiqim.png\" },\r\n { name: \"Pe\u0142ny Ekosystem (Indywidualny Projekt)\", price: 2000, desc: \"Nietypowe zlecenia, dedykowane lejki, naprawy istniej\u0105cych system\u00f3w.\", img: \"https:\/\/pro-webdesigns.eu\/wp-content\/uploads\/2026\/07\/1-scaled.jpg\" }\r\n ];\r\n\r\n function formatNumber(n) { return n.toLocaleString('pl-PL', { maximumFractionDigits: 0 }); }\r\n function formatCurrency(pln) {\r\n const eur = formatNumber(pln \/ RATES.EUR);\r\n const usd = formatNumber(pln \/ RATES.USD);\r\n return `<span class=\"currency-conv\">(~\u20ac${eur} \/ ~$${usd})<\/span>`;\r\n }\r\n\r\n const container = document.getElementById('products-container');\r\n container.innerHTML = products.map(p => `\r\n <div class=\"card\">\r\n ${p.badge ? `<div class=\"ribbon\">${p.badge}<\/div>` : ''}\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"${p.img}\" alt=\"${p.name}\" loading=\"lazy\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/600x400\/1e293b\/ffffff?text=Brak+Zdjecia';\">\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3>${p.name}<\/h3>\r\n <p>${p.desc}<\/p>\r\n <div class=\"price-block\">\r\n <div style=\"font-size: 13px; font-weight: 800; color: var(--muted); text-transform: uppercase; margin-bottom: 2px;\">od przyk\u0142adowo<\/div>\r\n <div class=\"price\">${formatNumber(p.price)} z\u0142<\/div>\r\n <div style=\"font-size: 14px; font-weight: 600; color: var(--muted); margin-top: 2px; margin-bottom: 12px;\">itd... do uzgodnienia<\/div>\r\n ${formatCurrency(p.price)}\r\n <button class=\"btn btn-outline-dark\" onclick=\"openModal('${p.name}')\">Wybieram to rozwi\u0105zanie<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `).join('');\r\n\r\n \/\/ MODAL LOGIC\r\n const modal = document.getElementById('leadModal');\r\n const form = document.getElementById('contactForm');\r\n const subjectInput = document.getElementById('interest-subject');\r\n const modalTitle = document.getElementById('modalTitle');\r\n const modalDesc = document.getElementById('modalDesc');\r\n\r\n function openModal(interest, title = null, desc = null) {\r\n if(interest) subjectInput.value = interest;\r\n if(title) modalTitle.innerText = title;\r\n if(desc) modalDesc.innerText = desc;\r\n else {\r\n modalTitle.innerText = \"Bezp\u0142atna Konsultacja\";\r\n modalDesc.innerText = \"Zostaw kontakt. Przygotuj\u0119 strategi\u0119 dla Twojego biznesu.\";\r\n }\r\n modal.classList.add('open');\r\n }\r\n\r\n function closeModal() {\r\n modal.classList.remove('open');\r\n }\r\n\r\n modal.addEventListener('click', (e) => {\r\n if (e.target === modal) closeModal();\r\n });\r\n\r\n \/\/ EXIT INTENT\r\n let exitIntentShown = false;\r\n document.addEventListener('mouseleave', e => {\r\n if (e.clientY < 0 && !exitIntentShown && window.innerWidth > 900) {\r\n openModal('Exit Intent', 'Czekaj! Odbierz darmowy audyt!', 'Zanim wyjdziesz, um\u00f3w si\u0119 na darmow\u0105, niezobowi\u0105zuj\u0105c\u0105 weryfikacj\u0119 Twojego biznesu online.');\r\n exitIntentShown = true;\r\n }\r\n });\r\n\r\n form.addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n \r\n const name = document.getElementById('name').value;\r\n const email = document.getElementById('email').value;\r\n const phone = document.getElementById('phone').value;\r\n const message = document.getElementById('message').value;\r\n const interest = subjectInput.value;\r\n\r\n const mailtoLink = `mailto:kontakt@pro-webdesigns.eu?subject=Zapytanie Premium: ${encodeURIComponent(interest)}&body=Imi\u0119: ${encodeURIComponent(name)}%0D%0AEmail: ${encodeURIComponent(email)}%0D%0ATelefon: ${encodeURIComponent(phone)}%0D%0AWiadomo\u015b\u0107: ${encodeURIComponent(message)}%0D%0A%0D%0A(Wiadomo\u015b\u0107 z formularza \"Architektura Biznesu\")`;\r\n\r\n const btn = form.querySelector('button');\r\n btn.innerHTML = \"Otwieram program pocztowy...\";\r\n \r\n setTimeout(() => {\r\n window.location.href = mailtoLink;\r\n form.innerHTML = `\r\n <div style=\"text-align:center; padding:20px;\">\r\n <div style=\"font-size:60px; margin-bottom:20px;\">\ud83d\udce7<\/div>\r\n <h3 style=\"color:var(--primary)\">Otwieram Tw\u00f3j program pocztowy...<\/h3>\r\n <p>Je\u015bli okno si\u0119 nie pojawi\u0142o, wy\u015blij wiadomo\u015b\u0107 r\u0119cznie na:<br><strong style=\"font-size:20px; color:var(--accent);\">kontakt@pro-webdesigns.eu<\/strong><\/p>\r\n <button class=\"btn btn-outline-dark\" onclick=\"closeModal()\" style=\"margin-top:20px\">Zamknij<\/button>\r\n <\/div>\r\n `;\r\n }, 800);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ARCHITEKTURA BIZNESU | Tw\u00f3j Kompletny System Generowania Zysk\u00f3w \ud83d\udd25 Szukam 3 ambitnych firm. Zbudujmy cyfrowe imperium w tym kwartale. PROWEB […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pro-webdesigns.eu\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pro-webdesigns.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pro-webdesigns.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pro-webdesigns.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pro-webdesigns.eu\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":16,"href":"https:\/\/pro-webdesigns.eu\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":50,"href":"https:\/\/pro-webdesigns.eu\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/50"}],"wp:attachment":[{"href":"https:\/\/pro-webdesigns.eu\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}