{"id":7,"date":"2025-12-27T16:44:35","date_gmt":"2025-12-27T16:44:35","guid":{"rendered":"https:\/\/gfxsolutions.io\/?page_id=7"},"modified":"2025-12-27T16:45:09","modified_gmt":"2025-12-27T16:45:09","slug":"strona-glowna","status":"publish","type":"page","link":"https:\/\/gfxsolutions.io\/","title":{"rendered":"Strona g\u0142\u00f3wna"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n GFX Solutions \u2014 WordPress Plugins for CodeCanyon<\/title>\n <meta name=\"description\" content=\"GFX Solutions tworzy dopracowane wtyczki WordPress i sprzedaje je na CodeCanyon (Envato). Zobacz nasze produkty, demo i dokumentacj\u0119.\" \/>\n\n <style>\n :root{\n \/* Kolorystyka inspirowana logiem (czer\u0144 + niebieski akcent) *\/\n --bg: #ffffff;\n --ink: #0b0f14;\n --muted: #5b6675;\n --line: rgba(15,23,42,.12);\n\n --brand: #16a3ff; \/* niebieski akcent *\/\n --brand-2: #0b6bff; \/* ciemniejszy niebieski *\/\n --brand-soft: rgba(22,163,255,.12);\n\n --card: #ffffff;\n --shadow: 0 18px 60px rgba(2,8,23,.10);\n --shadow-soft: 0 10px 30px rgba(2,8,23,.08);\n\n --radius: 18px;\n --radius-lg: 26px;\n\n --container: 1140px;\n }\n\n *{box-sizing:border-box}\n html,body{height:100%}\n body{\n margin:0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", sans-serif;\n color:var(--ink);\n background:\n radial-gradient(1200px 500px at 25% 0%, rgba(22,163,255,.10), transparent 60%),\n radial-gradient(900px 450px at 85% 8%, rgba(11,107,255,.10), transparent 55%),\n var(--bg);\n line-height:1.5;\n overflow-x:hidden;\n }\n\n a{color:inherit; text-decoration:none}\n img{max-width:100%; display:block}\n\n .container{max-width:var(--container); margin:0 auto; padding:0 18px}\n\n \/* ====== Top bar \/ Header ====== *\/\n .header{\n position:sticky; top:0; z-index:50;\n backdrop-filter: blur(10px);\n background: rgba(255,255,255,.75);\n border-bottom:1px solid var(--line);\n }\n\n .nav{\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:14px;\n padding:14px 0;\n }\n\n .brand{\n display:flex; align-items:center; gap:10px;\n font-weight:800; letter-spacing:.2px;\n }\n .brand-mark{\n width:38px; height:38px; border-radius:12px;\n background:\n radial-gradient(12px 12px at 72% 28%, #49c2ff 0, #49c2ff 55%, transparent 56%),\n linear-gradient(145deg, var(--ink), #202a38);\n box-shadow: 0 10px 26px rgba(2,8,23,.18);\n position:relative;\n overflow:hidden;\n }\n .brand-mark:after{\n content:\"\";\n position:absolute; inset:-20px -20px auto auto;\n width:64px; height:64px; border-radius:22px;\n background: linear-gradient(135deg, rgba(22,163,255,.55), rgba(11,107,255,.0));\n transform: rotate(20deg);\n }\n .brand-title{display:flex; flex-direction:column; line-height:1.05}\n .brand-title .t1{font-size:14px; opacity:.85}\n .brand-title .t2{font-size:15px}\n\n .menu{\n display:flex;\n align-items:center;\n gap:18px;\n }\n .menu a{\n font-size:14px;\n color: rgba(11,15,20,.78);\n padding:10px 10px;\n border-radius:12px;\n transition: background .2s ease, color .2s ease;\n }\n .menu a:hover{\n background: rgba(22,163,255,.10);\n color: var(--ink);\n }\n\n .nav-right{\n display:flex;\n align-items:center;\n gap:10px;\n }\n\n .btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n gap:10px;\n border-radius: 999px;\n padding: 11px 16px;\n font-weight:700;\n font-size:14px;\n border:1px solid transparent;\n cursor:pointer;\n transition: transform .15s ease, box-shadow .15s ease, background .2s ease, border-color .2s ease;\n white-space:nowrap;\n user-select:none;\n }\n .btn:active{transform: translateY(1px)}\n .btn-primary{\n color:#fff;\n background: linear-gradient(135deg, var(--brand), var(--brand-2));\n box-shadow: 0 14px 32px rgba(22,163,255,.25);\n }\n .btn-primary:hover{box-shadow: 0 18px 42px rgba(22,163,255,.32)}\n .btn-ghost{\n background: rgba(255,255,255,.9);\n border-color: var(--line);\n color: rgba(11,15,20,.86);\n }\n .btn-ghost:hover{border-color: rgba(22,163,255,.35); background: rgba(22,163,255,.06)}\n .btn-soft{\n background: var(--brand-soft);\n border-color: rgba(22,163,255,.25);\n color: rgba(11,107,255,1);\n }\n .btn-soft:hover{background: rgba(22,163,255,.18)}\n\n .hamburger{\n display:none;\n width:44px; height:44px;\n border-radius:14px;\n border:1px solid var(--line);\n background: rgba(255,255,255,.9);\n cursor:pointer;\n align-items:center;\n justify-content:center;\n padding:0;\n }\n .hamburger span{\n width:18px; height:2px; background: var(--ink);\n position:relative; display:block;\n border-radius:2px;\n }\n .hamburger span:before,\n .hamburger span:after{\n content:\"\";\n position:absolute; left:0;\n width:18px; height:2px; background: var(--ink);\n border-radius:2px;\n }\n .hamburger span:before{top:-6px}\n .hamburger span:after{top:6px}\n\n \/* Mobile menu *\/\n .mobile-drawer{\n display:none;\n padding: 0 0 14px 0;\n }\n .mobile-drawer .menu{\n flex-direction:column;\n align-items:stretch;\n gap:8px;\n padding: 10px 0 0 0;\n }\n .mobile-drawer .menu a{\n background: rgba(255,255,255,.85);\n border: 1px solid var(--line);\n padding: 12px 12px;\n }\n .mobile-drawer .drawer-ctas{\n display:flex; gap:10px; flex-wrap:wrap;\n margin-top:10px;\n }\n\n \/* ====== Hero (uk\u0142ad jak na screenshocie: tekst lewo, grafika przed\/po prawo) ====== *\/\n .hero{\n padding: 34px 0 26px 0;\n }\n .hero-grid{\n display:grid;\n grid-template-columns: 1.15fr .85fr;\n gap: 26px;\n align-items:center;\n }\n\n .pill{\n display:inline-flex;\n align-items:center;\n gap:10px;\n padding: 8px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,.85);\n border: 1px solid var(--line);\n width: fit-content;\n box-shadow: var(--shadow-soft);\n color: rgba(11,15,20,.85);\n font-size: 13px;\n font-weight: 650;\n }\n .dot{\n width:10px; height:10px; border-radius:50%;\n background: linear-gradient(135deg, var(--brand), var(--brand-2));\n box-shadow: 0 8px 18px rgba(22,163,255,.30);\n }\n\n h1{\n margin: 14px 0 10px 0;\n font-size: clamp(30px, 4vw, 46px);\n line-height: 1.08;\n letter-spacing: -0.9px;\n }\n .lead{\n margin: 0 0 16px 0;\n color: var(--muted);\n font-size: 16px;\n max-width: 55ch;\n }\n\n .hero-actions{\n display:flex;\n gap: 10px;\n flex-wrap:wrap;\n margin: 18px 0 10px 0;\n }\n\n .social-proof{\n display:flex;\n align-items:center;\n gap: 14px;\n margin-top: 16px;\n padding-top: 14px;\n border-top: 1px solid var(--line);\n flex-wrap:wrap;\n }\n .avatars{\n display:flex;\n align-items:center;\n }\n .avatar{\n width:34px; height:34px; border-radius:999px;\n border:2px solid #fff;\n background: linear-gradient(135deg, rgba(11,15,20,.10), rgba(22,163,255,.20));\n box-shadow: 0 10px 26px rgba(2,8,23,.10);\n margin-left:-10px;\n }\n .avatar:first-child{margin-left:0}\n .proof-text{\n font-size:14px;\n color: rgba(11,15,20,.78);\n display:flex; gap:10px; align-items:center;\n flex-wrap:wrap;\n }\n .stars{\n display:inline-flex; align-items:center; gap:6px;\n font-weight: 750;\n color: rgba(11,15,20,.85);\n }\n .stars i{\n width:16px; height:16px; display:inline-block;\n background: radial-gradient(circle at 40% 40%, #ffe08a, #ffb703);\n clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);\n margin-right:2px;\n opacity:.95;\n }\n\n \/* Right side \"Before\/After\" mock cards *\/\n .before-after{\n position:relative;\n min-height: 360px;\n display:flex;\n align-items:center;\n justify-content:center;\n }\n .mock-card{\n width: 100%;\n max-width: 420px;\n border-radius: var(--radius-lg);\n background: #fff;\n border: 1px solid var(--line);\n box-shadow: var(--shadow);\n overflow:hidden;\n position:relative;\n }\n .mock-top{\n padding: 12px 14px;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:10px;\n border-bottom: 1px solid var(--line);\n background: linear-gradient(180deg, rgba(22,163,255,.08), rgba(255,255,255,0));\n }\n .mock-title{\n font-weight:800;\n font-size: 13px;\n letter-spacing:.2px;\n color: rgba(11,15,20,.82);\n }\n .mock-tag{\n font-size: 12px;\n font-weight:800;\n padding:6px 10px;\n border-radius:999px;\n color:#fff;\n background: linear-gradient(135deg, var(--brand), var(--brand-2));\n box-shadow: 0 12px 28px rgba(22,163,255,.26);\n }\n .mock-body{\n padding: 16px;\n display:grid;\n gap: 12px;\n }\n .mock-row{\n display:grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n align-items:center;\n }\n .mini-shot{\n border-radius: 16px;\n border:1px solid var(--line);\n background:\n radial-gradient(120px 60px at 30% 30%, rgba(22,163,255,.22), transparent 60%),\n radial-gradient(120px 60px at 70% 70%, rgba(11,107,255,.18), transparent 55%),\n linear-gradient(180deg, rgba(11,15,20,.04), rgba(11,15,20,.01));\n height: 120px;\n position:relative;\n overflow:hidden;\n }\n .mini-shot:after{\n content:\"\";\n position:absolute; left:-30px; bottom:-40px;\n width:220px; height:140px;\n background: radial-gradient(circle at 35% 35%, rgba(255,255,255,.85), rgba(255,255,255,.0) 70%);\n transform: rotate(-8deg);\n }\n .label{\n position:absolute;\n top: 10px; left: 10px;\n font-size: 12px;\n font-weight: 900;\n padding: 6px 10px;\n border-radius: 999px;\n color:#fff;\n box-shadow: 0 12px 26px rgba(2,8,23,.18);\n }\n .label.before{background: linear-gradient(135deg, #ff4d4d, #ff2d95)}\n .label.after{background: linear-gradient(135deg, #23c483, #2bb5ff)}\n\n .swap-arrow{\n width: 54px; height:54px;\n border-radius: 16px;\n background: rgba(255,255,255,.90);\n border:1px solid var(--line);\n box-shadow: var(--shadow-soft);\n display:flex;\n align-items:center;\n justify-content:center;\n margin: 0 auto;\n position:relative;\n }\n .swap-arrow:before{\n content:\"\";\n width:18px; height:18px;\n border-right: 3px solid var(--brand-2);\n border-bottom: 3px solid var(--brand-2);\n transform: rotate(-45deg);\n margin-left:4px;\n border-radius:2px;\n }\n\n .trusted{\n margin-top: 16px;\n padding: 12px 14px;\n border-radius: 16px;\n border:1px dashed rgba(22,163,255,.35);\n background: rgba(22,163,255,.06);\n color: rgba(11,15,20,.74);\n font-size: 13px;\n }\n .logo-row{\n display:flex;\n gap: 14px;\n flex-wrap:wrap;\n margin-top:10px;\n opacity:.8;\n }\n .logo-chip{\n padding: 8px 12px;\n border-radius: 999px;\n background:#fff;\n border: 1px solid var(--line);\n font-weight: 800;\n font-size: 12px;\n letter-spacing:.2px;\n box-shadow: 0 10px 24px rgba(2,8,23,.06);\n }\n\n \/* ====== Sections ====== *\/\n section{padding: 56px 0}\n .section-head{\n display:flex;\n align-items:flex-end;\n justify-content:space-between;\n gap: 16px;\n margin-bottom: 18px;\n flex-wrap:wrap;\n }\n .section-head h2{\n margin:0;\n font-size: clamp(22px, 2.6vw, 32px);\n letter-spacing: -0.6px;\n line-height:1.1;\n }\n .section-head p{\n margin:0;\n color: var(--muted);\n max-width: 60ch;\n font-size: 15px;\n }\n\n .grid-3{\n display:grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 14px;\n }\n .card{\n background: var(--card);\n border:1px solid var(--line);\n border-radius: var(--radius-lg);\n box-shadow: var(--shadow-soft);\n padding: 18px;\n position:relative;\n overflow:hidden;\n }\n .card:before{\n content:\"\";\n position:absolute;\n inset:-30px -30px auto auto;\n width: 160px; height: 160px;\n background: radial-gradient(circle at 30% 30%, rgba(22,163,255,.22), transparent 60%);\n transform: rotate(18deg);\n pointer-events:none;\n }\n .card h3{\n margin: 10px 0 6px 0;\n font-size: 16px;\n letter-spacing: -.2px;\n }\n .card p{\n margin:0;\n color: var(--muted);\n font-size: 14px;\n }\n .icon{\n width: 44px; height:44px;\n border-radius: 16px;\n background: rgba(22,163,255,.10);\n border: 1px solid rgba(22,163,255,.18);\n display:flex;\n align-items:center;\n justify-content:center;\n box-shadow: 0 12px 28px rgba(2,8,23,.06);\n }\n .icon svg{width:22px; height:22px; fill: none; stroke: var(--brand-2); stroke-width: 2.2}\n\n \/* ====== Product tiles ====== *\/\n .products{\n display:grid;\n grid-template-columns: 1fr 1fr;\n gap: 14px;\n }\n .product{\n padding: 18px;\n border-radius: var(--radius-lg);\n background: #fff;\n border: 1px solid var(--line);\n box-shadow: var(--shadow);\n overflow:hidden;\n position:relative;\n display:flex;\n flex-direction:column;\n gap: 12px;\n min-height: 260px;\n }\n .product:after{\n content:\"\";\n position:absolute;\n inset:auto -60px -80px auto;\n width:240px; height:240px;\n background: radial-gradient(circle at 30% 30%, rgba(22,163,255,.22), transparent 60%);\n transform: rotate(-10deg);\n pointer-events:none;\n }\n .product-top{\n display:flex;\n align-items:flex-start;\n justify-content:space-between;\n gap:12px;\n }\n .badge{\n display:inline-flex;\n align-items:center;\n gap:8px;\n font-weight:900;\n font-size:12px;\n padding: 7px 10px;\n border-radius: 999px;\n border: 1px solid rgba(22,163,255,.22);\n background: rgba(22,163,255,.10);\n color: rgba(11,107,255,1);\n width: fit-content;\n }\n .product h3{\n margin: 8px 0 6px 0;\n font-size: 18px;\n letter-spacing: -.3px;\n }\n .bullets{\n margin: 0;\n padding-left: 18px;\n color: rgba(11,15,20,.84);\n font-size: 14px;\n }\n .bullets li{margin: 6px 0}\n .product-actions{\n margin-top:auto;\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n }\n .product-visual{\n border-radius: 18px;\n border: 1px solid var(--line);\n background:\n linear-gradient(180deg, rgba(11,15,20,.03), rgba(11,15,20,.01)),\n radial-gradient(280px 140px at 25% 20%, rgba(22,163,255,.22), transparent 55%),\n radial-gradient(240px 140px at 80% 70%, rgba(11,107,255,.18), transparent 55%);\n height: 140px;\n position:relative;\n overflow:hidden;\n }\n .product-visual .mini-ui{\n position:absolute;\n left: 14px; right: 14px;\n top: 14px;\n display:grid;\n gap: 8px;\n }\n .line{\n height: 12px;\n border-radius: 999px;\n background: rgba(11,15,20,.08);\n }\n .line.w60{width:60%}\n .line.w80{width:80%}\n .line.w45{width:45%}\n .line.primary{background: rgba(22,163,255,.22)}\n .line.primary2{background: rgba(11,107,255,.16)}\n\n \/* ====== CTA band ====== *\/\n .cta-band{\n border-radius: 28px;\n padding: 22px;\n border: 1px solid rgba(22,163,255,.25);\n background:\n radial-gradient(600px 200px at 20% 0%, rgba(22,163,255,.18), transparent 60%),\n radial-gradient(500px 200px at 90% 100%, rgba(11,107,255,.14), transparent 55%),\n rgba(22,163,255,.06);\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap: 14px;\n flex-wrap:wrap;\n box-shadow: var(--shadow-soft);\n }\n .cta-band h3{margin:0; font-size: 18px; letter-spacing:-.25px}\n .cta-band p{margin:6px 0 0 0; color: var(--muted); font-size: 14px}\n .cta-band .cta-actions{display:flex; gap:10px; flex-wrap:wrap}\n\n \/* ====== FAQ ====== *\/\n .faq{\n display:grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n }\n details{\n background:#fff;\n border:1px solid var(--line);\n border-radius: 18px;\n box-shadow: var(--shadow-soft);\n padding: 14px 16px;\n }\n summary{\n cursor:pointer;\n font-weight: 850;\n font-size: 14px;\n list-style:none;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:10px;\n }\n summary::-webkit-details-marker{display:none}\n summary:after{\n content:\"+\";\n width:32px; height:32px;\n border-radius: 12px;\n display:flex; align-items:center; justify-content:center;\n background: rgba(22,163,255,.10);\n border:1px solid rgba(22,163,255,.18);\n color: rgba(11,107,255,1);\n font-weight: 900;\n flex: 0 0 auto;\n }\n details[open] summary:after{content:\"\u2013\"}\n details p{\n margin:10px 0 0 0;\n color: var(--muted);\n font-size: 14px;\n }\n\n \/* ====== Footer ====== *\/\n footer{\n padding: 34px 0 46px 0;\n border-top: 1px solid var(--line);\n background: rgba(255,255,255,.75);\n }\n .footer-grid{\n display:grid;\n grid-template-columns: 1.2fr .8fr .8fr;\n gap: 16px;\n }\n .foot-links a{\n display:block;\n padding: 8px 0;\n color: rgba(11,15,20,.78);\n font-size: 14px;\n }\n .foot-links a:hover{color: rgba(11,107,255,1)}\n .subtle{color: var(--muted); font-size: 13px}\n\n \/* ====== Responsive ====== *\/\n @media (max-width: 980px){\n .hero-grid{grid-template-columns: 1fr; gap: 18px}\n .before-after{min-height: 320px}\n .grid-3{grid-template-columns: 1fr 1fr}\n .products{grid-template-columns: 1fr}\n .faq{grid-template-columns: 1fr}\n .footer-grid{grid-template-columns: 1fr}\n }\n @media (max-width: 760px){\n .menu{display:none}\n .hamburger{display:inline-flex}\n .mobile-drawer{display:block}\n .nav-right .btn-ghost{display:none}\n .social-proof{gap:10px}\n .grid-3{grid-template-columns: 1fr}\n section{padding: 44px 0}\n .before-after{min-height: 300px}\n }\n\n \/* Smooth scroll offset for sticky header *\/\n .anchor{scroll-margin-top: 90px}\n <\/style>\n<\/head>\n\n<body>\n <!-- ===== Header ===== -->\n <header class=\"header\">\n <div class=\"container\">\n <div class=\"nav\" role=\"navigation\" aria-label=\"G\u0142\u00f3wne menu\">\n <a class=\"brand\" href=\"#top\" aria-label=\"GFX Solutions \u2014 przejd\u017a do g\u00f3ry\">\n <span class=\"brand-mark\" aria-hidden=\"true\"><\/span>\n <span class=\"brand-title\">\n <span class=\"t1\">GFX<\/span>\n <span class=\"t2\">Solutions<\/span>\n <\/span>\n <\/a>\n\n <nav class=\"menu\" aria-label=\"Menu\">\n <a href=\"#products\" class=\"anchor\">Products<\/a>\n <a href=\"#how\" class=\"anchor\">How it works<\/a>\n <a href=\"#reviews\" class=\"anchor\">Customer reviews<\/a>\n <a href=\"#faq\" class=\"anchor\">FAQ<\/a>\n <\/nav>\n\n <div class=\"nav-right\">\n <a class=\"btn btn-ghost\" href=\"#products\">See plugins<\/a>\n <!-- PODMIE\u0143 href na Tw\u00f3j profil\/portfolio CodeCanyon -->\n <a class=\"btn btn-primary\" href=\"#cta\" id=\"btnGetResultTop\">Get plugins<\/a>\n\n <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Otw\u00f3rz menu\" aria-expanded=\"false\" aria-controls=\"mobileDrawer\">\n <span><\/span>\n <\/button>\n <\/div>\n <\/div>\n\n <!-- Mobile drawer -->\n <div class=\"mobile-drawer\" id=\"mobileDrawer\" hidden>\n <nav class=\"menu\" aria-label=\"Menu mobilne\">\n <a href=\"#products\" class=\"anchor\">Products<\/a>\n <a href=\"#how\" class=\"anchor\">How it works<\/a>\n <a href=\"#reviews\" class=\"anchor\">Customer reviews<\/a>\n <a href=\"#faq\" class=\"anchor\">FAQ<\/a>\n <\/nav>\n <div class=\"drawer-ctas\">\n <a class=\"btn btn-ghost\" href=\"#products\">See plugins<\/a>\n <!-- PODMIE\u0143 href na Tw\u00f3j profil\/portfolio CodeCanyon -->\n <a class=\"btn btn-primary\" href=\"#cta\">Get plugins<\/a>\n <a class=\"btn btn-soft\" href=\"#contact\">Contact<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <!-- ===== Hero (uk\u0142ad jak na Twoim screenie) ===== -->\n <main id=\"top\" class=\"hero\">\n <div class=\"container\">\n <div class=\"hero-grid\">\n <div>\n <div class=\"pill\">\n <span class=\"dot\" aria-hidden=\"true\"><\/span>\n <span>WordPress plugins built for CodeCanyon (Envato)<\/span>\n <\/div>\n\n <h1>[What we do for your WordPress]<\/h1>\n <p class=\"lead\">\n Tworzymy dopracowane wtyczki WordPress, kt\u00f3re oszcz\u0119dzaj\u0105 czas, zwi\u0119kszaj\u0105 konwersj\u0119 i wygl\u0105daj\u0105 \u015bwietnie od razu po instalacji.\n Jasna dokumentacja, szybkie aktualizacje i realne wsparcie.\n <\/p>\n\n <div class=\"hero-actions\">\n <!-- PODMIE\u0143 href na Tw\u00f3j profil\/portfolio CodeCanyon -->\n <a class=\"btn btn-primary\" href=\"#products\">Get [Plugin]<\/a>\n <a class=\"btn btn-ghost\" href=\"#how\">How it works<\/a>\n <a class=\"btn btn-soft\" href=\"#contact\">Ask about custom plugin<\/a>\n <\/div>\n\n <div class=\"social-proof\">\n <div class=\"avatars\" aria-hidden=\"true\">\n <div class=\"avatar\"><\/div>\n <div class=\"avatar\"><\/div>\n <div class=\"avatar\"><\/div>\n <div class=\"avatar\"><\/div>\n <\/div>\n\n <div class=\"proof-text\">\n <strong>XXX+<\/strong> teams use our plugins\n <span class=\"stars\" title=\"Ocena klient\u00f3w\">\n <i><\/i><i><\/i><i><\/i><i><\/i><i><\/i>\n <span>4,4k+ 5-star reviews<\/span>\n <\/span>\n <\/div>\n <\/div>\n\n <div class=\"trusted\">\n <strong>Featured in \/ used by<\/strong>\n <div class=\"logo-row\" aria-label=\"Logotypy firm (placeholdery)\">\n <span class=\"logo-chip\">Microsoft<\/span>\n <span class=\"logo-chip\">Apple<\/span>\n <span class=\"logo-chip\">NVIDIA<\/span>\n <span class=\"logo-chip\">Meta<\/span>\n <\/div>\n <div class=\"subtle\" style=\"margin-top:8px;\">\n (To s\u0105 placeholdery jak na makiecie \u2014 mo\u017cesz podmieni\u0107 na realne loga\/teksty.)\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"before-after\" aria-label=\"Podgl\u0105d efektu\">\n <div class=\"mock-card\">\n <div class=\"mock-top\">\n <div class=\"mock-title\">Instant, clean UI \u2014 no clutter<\/div>\n <div class=\"mock-tag\">Get [Result]<\/div>\n <\/div>\n\n <div class=\"mock-body\">\n <div class=\"mock-row\">\n <div class=\"mini-shot\">\n <div class=\"label before\">[Before]<\/div>\n <\/div>\n\n <div class=\"mini-shot\">\n <div class=\"label after\">[After]<\/div>\n <\/div>\n <\/div>\n\n <div class=\"swap-arrow\" aria-hidden=\"true\"><\/div>\n\n <div class=\"subtle\">\n Wtyczki GFX Solutions s\u0105 projektowane \u201ejak produkt\u201d \u2014 prosta konfiguracja, responsywny frontend, czytelny panel w WordPress.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/main>\n\n <!-- ===== Value props ===== -->\n <section>\n <div class=\"container\">\n <div class=\"section-head\">\n <div>\n <h2>Plugins that sell \u2014 because they\u2019re easy to use<\/h2>\n <p>\u0141\u0105czymy UX + performance + czytelny kod. Tak, \u017ceby klient ko\u0144cowy widzia\u0142 efekt, a admin szybko to ogarnia\u0142.<\/p>\n <\/div>\n <a class=\"btn btn-primary\" href=\"#products\">Browse products<\/a>\n <\/div>\n\n <div class=\"grid-3\">\n <div class=\"card\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3 7 7 3-7 3-3 7-3-7-7-3 7-3 3-7z\"\/><\/svg>\n <\/div>\n <h3>Ready-to-use UI<\/h3>\n <p>Estetyczne komponenty na froncie + panel admina \u201ebez zgadywania\u201d.<\/p>\n <\/div>\n\n <div class=\"card\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 12a8 8 0 0 1 16 0\"\/><path d=\"M8 12a4 4 0 0 1 8 0\"\/><path d=\"M12 12v9\"\/><\/svg>\n <\/div>\n <h3>Performance & SEO friendly<\/h3>\n <p>Lekkie assety, sensowny markup, minimalny JS \u2014 szybciej i czy\u015bciej.<\/p>\n <\/div>\n\n <div class=\"card\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 7l-8 10L4 11\"\/><path d=\"M4 4h16v16H4z\"\/><\/svg>\n <\/div>\n <h3>Support that answers<\/h3>\n <p>Dokumentacja, changelog, aktualizacje i realne wsparcie po zakupie.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===== Products ===== -->\n <section id=\"products\" class=\"anchor\">\n <div class=\"container\">\n <div class=\"section-head\">\n <div>\n <h2>Our current products<\/h2>\n <p>Dwa mocne pluginy \u2014 ka\u017cdy ma w\u0142asn\u0105 podstron\u0119 z opisem, demo, shortcodami i instrukcj\u0105.<\/p>\n <\/div>\n <!-- PODMIE\u0143 href na Twoje portfolio CodeCanyon -->\n <a class=\"btn btn-soft\" href=\"#cta\">Get them on CodeCanyon<\/a>\n <\/div>\n\n <div class=\"products\">\n <!-- Produkt 1 -->\n <article class=\"product\">\n <div class=\"product-top\">\n <div>\n <div class=\"badge\">\u2705 Best for events<\/div>\n <h3>Event Schedule List<\/h3>\n <p class=\"subtle\">Clean & responsive event list + popup registration form.<\/p>\n <\/div>\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M7 3v3M17 3v3M4 8h16M6 12h4M6 16h6M4 6h16v14H4z\"\/>\n <\/svg>\n <\/div>\n <\/div>\n\n <div class=\"product-visual\" aria-hidden=\"true\">\n <div class=\"mini-ui\">\n <div class=\"line w80 primary\"><\/div>\n <div class=\"line w60\"><\/div>\n <div class=\"line w45 primary2\"><\/div>\n <div class=\"line w80\"><\/div>\n <\/div>\n <\/div>\n\n <ul class=\"bullets\">\n <li>Custom Events (CPT) + proste dodawanie jak posty<\/li>\n <li>Responsywny uk\u0142ad listy wydarze\u0144<\/li>\n <li>\u201eToday\u2019s Event Bar\u201d \u2014 automatycznie wyr\u00f3\u017cnia dzisiejsze<\/li>\n <li>Wbudowany popup zapisu + lista zapis\u00f3w w panelu<\/li>\n <\/ul>\n\n <div class=\"product-actions\">\n <!-- PODMIE\u0143 na realny URL podstrony (WordPress) -->\n <a class=\"btn btn-primary\" href=\"\/event-schedule-list\">View details<\/a>\n <!-- PODMIE\u0143 na realny link do CodeCanyon item -->\n <a class=\"btn btn-ghost\" href=\"#cta\">Get on CodeCanyon<\/a>\n <\/div>\n <\/article>\n\n <!-- Produkt 2 -->\n <article class=\"product\">\n <div class=\"product-top\">\n <div>\n <div class=\"badge\">\ud83e\udde9 Perfect for wallpapers<\/div>\n <h3>SMC Wallpaper Plugin<\/h3>\n <p class=\"subtle\">Fototapety: prezentacja, warianty i CTA pod zam\u00f3wienia.<\/p>\n <\/div>\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M4 5h16v14H4z\"\/>\n <path d=\"M8 10h8\"\/>\n <path d=\"M7 17l4-4 3 3 3-3 2 2\"\/>\n <\/svg>\n <\/div>\n <\/div>\n\n <div class=\"product-visual\" aria-hidden=\"true\">\n <div class=\"mini-ui\">\n <div class=\"line w60 primary\"><\/div>\n <div class=\"line w80\"><\/div>\n <div class=\"line w60 primary2\"><\/div>\n <div class=\"line w45\"><\/div>\n <\/div>\n <\/div>\n\n <ul class=\"bullets\">\n <li>Nowoczesna prezentacja fototapet i kolekcji<\/li>\n <li>CTA do zam\u00f3wie\u0144 \/ zapyta\u0144 (lead-gen)<\/li>\n <li>Responsywny uk\u0142ad i szybkie \u0142adowanie<\/li>\n <li>Konfiguracja bez \u201ekombinowania\u201d w kodzie<\/li>\n <\/ul>\n\n <div class=\"product-actions\">\n <!-- PODMIE\u0143 na realny URL podstrony (WordPress) -->\n <a class=\"btn btn-primary\" href=\"\/smc-wallpaper-plugin\">View details<\/a>\n <!-- PODMIE\u0143 na realny link do CodeCanyon item -->\n <a class=\"btn btn-ghost\" href=\"#cta\">Get on CodeCanyon<\/a>\n <\/div>\n <\/article>\n <\/div>\n\n <div style=\"margin-top:16px\" class=\"cta-band\" id=\"cta\">\n <div>\n <h3>Want the fastest path to \u201cdone\u201d?<\/h3>\n <p>Wybierz plugin, zobacz demo, pobierz dokumentacj\u0119 i wdro\u017c w kilka minut.<\/p>\n <\/div>\n <div class=\"cta-actions\">\n <!-- PODMIE\u0143 href na Twoje portfolio CodeCanyon -->\n <a class=\"btn btn-primary\" href=\"#\" aria-label=\"Przejd\u017a do CodeCanyon (podmie\u0144 link)\">Open CodeCanyon<\/a>\n <a class=\"btn btn-ghost\" href=\"#contact\">Talk to us<\/a>\n <a class=\"btn btn-soft\" href=\"#how\">See how it works<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===== How it works ===== -->\n <section id=\"how\" class=\"anchor\">\n <div class=\"container\">\n <div class=\"section-head\">\n <div>\n <h2>How it works<\/h2>\n <p>Prosty proces \u2014 tak jak na CodeCanyon: kupujesz, instalujesz, aktywujesz i korzystasz.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"grid-3\">\n <div class=\"card\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M7 7h10M7 12h10M7 17h7\"\/><path d=\"M5 4h14v16H5z\"\/><\/svg>\n <\/div>\n <h3>1) Pick a plugin<\/h3>\n <p>Wchodzisz w produkt, sprawdzasz funkcje, demo oraz wymagania.<\/p>\n <\/div>\n\n <div class=\"card\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 3v12\"\/><path d=\"M7 10l5 5 5-5\"\/><path d=\"M5 21h14\"\/><\/svg>\n <\/div>\n <h3>2) Install & activate<\/h3>\n <p>Wgrywasz ZIP w WordPress \u2192 Wtyczki \u2192 Dodaj now\u0105 \u2192 Wy\u015blij na serwer.<\/p>\n <\/div>\n\n <div class=\"card\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 6v12\"\/><path d=\"M6 12h12\"\/><path d=\"M4 4h16v16H4z\"\/><\/svg>\n <\/div>\n <h3>3) Add shortcodes \/ blocks<\/h3>\n <p>Wklejasz shortcode albo wstawiasz blok \u2014 gotowe. Reszta dzieje si\u0119 automatycznie.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===== Reviews ===== -->\n <section id=\"reviews\" class=\"anchor\">\n <div class=\"container\">\n <div class=\"section-head\">\n <div>\n <h2>Customer reviews<\/h2>\n <p>Stawiamy na jako\u015b\u0107, bo na Envato licz\u0105 si\u0119 oceny i realna u\u017cyteczno\u015b\u0107.<\/p>\n <\/div>\n <a class=\"btn btn-primary\" href=\"#contact\">Need help? Contact<\/a>\n <\/div>\n\n <div class=\"grid-3\">\n <div class=\"card\">\n <div class=\"stars\" aria-label=\"5 gwiazdek\">\n <i><\/i><i><\/i><i><\/i><i><\/i><i><\/i>\n <\/div>\n <h3>\u201cClean UI and fast setup\u201d<\/h3>\n <p>Wdro\u017cenie zaj\u0119\u0142o kilka minut, a klient ko\u0144cowy od razu rozumie, gdzie klikn\u0105\u0107. Super.<\/p>\n <p class=\"subtle\" style=\"margin-top:10px;\">\u2014 Verified buyer<\/p>\n <\/div>\n\n <div class=\"card\">\n <div class=\"stars\" aria-label=\"5 gwiazdek\">\n <i><\/i><i><\/i><i><\/i><i><\/i><i><\/i>\n <\/div>\n <h3>\u201cSupport actually replies\u201d<\/h3>\n <p>Rzadko spotyka si\u0119 tak szybkie wsparcie. Pomogli dopasowa\u0107 do motywu w 1 wiadomo\u015b\u0107.<\/p>\n <p class=\"subtle\" style=\"margin-top:10px;\">\u2014 Verified buyer<\/p>\n <\/div>\n\n <div class=\"card\">\n <div class=\"stars\" aria-label=\"5 gwiazdek\">\n <i><\/i><i><\/i><i><\/i><i><\/i><i><\/i>\n <\/div>\n <h3>\u201cPerfect for conversion\u201d<\/h3>\n <p>Du\u017co CTA i dobrze przemy\u015blany flow. Po instalacji od razu wida\u0107 wzrost zapis\u00f3w.<\/p>\n <p class=\"subtle\" style=\"margin-top:10px;\">\u2014 Verified buyer<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===== FAQ ===== -->\n <section id=\"faq\" class=\"anchor\">\n <div class=\"container\">\n <div class=\"section-head\">\n <div>\n <h2>FAQ<\/h2>\n <p>Najcz\u0119stsze pytania przed zakupem na CodeCanyon.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq\">\n <details>\n <summary>Czy pluginy s\u0105 responsywne (mobile\/tablet)?<\/summary>\n <p>Tak \u2014 layouty s\u0105 projektowane mobile-first i testowane na typowych breakpointach.<\/p>\n <\/details>\n\n <details>\n <summary>Czy dostan\u0119 dokumentacj\u0119 i shortcody?<\/summary>\n <p>Tak \u2014 ka\u017cdy produkt ma opis wdro\u017cenia, list\u0119 shortcode\u2019\u00f3w\/blok\u00f3w oraz przyk\u0142ady.<\/p>\n <\/details>\n\n <details>\n <summary>Czy pomagacie w dopasowaniu do motywu?<\/summary>\n <p>W wi\u0119kszo\u015bci przypadk\u00f3w tak \u2014 je\u015bli potrzebujesz drobnych CSS tweak\u00f3w, podpowiemy konkret.<\/p>\n <\/details>\n\n <details>\n <summary>Czy mo\u017cna zam\u00f3wi\u0107 plugin na miar\u0119?<\/summary>\n <p>Tak \u2014 robimy te\u017c custom development. Napisz, czego potrzebujesz, a wr\u00f3cimy z wycen\u0105.<\/p>\n <\/details>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===== Contact \/ CTA ===== -->\n <section id=\"contact\" class=\"anchor\">\n <div class=\"container\">\n <div class=\"cta-band\">\n <div>\n <h3>Let\u2019s build your next WordPress plugin<\/h3>\n <p>Chcesz wersj\u0119 pod Twoj\u0105 bran\u017c\u0119, dodatkowy modu\u0142 albo zupe\u0142nie nowy plugin? Odezwij si\u0119.<\/p>\n <\/div>\n <div class=\"cta-actions\">\n <!-- Podmie\u0144 na realny e-mail \/ formularz \/ URL -->\n <a class=\"btn btn-primary\" href=\"mailto:contact@gfxsolutions.io\">Email us<\/a>\n <a class=\"btn btn-ghost\" href=\"#products\">See products<\/a>\n <a class=\"btn btn-soft\" href=\"#\" aria-label=\"Link do CodeCanyon (podmie\u0144)\">Open CodeCanyon<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===== Footer ===== -->\n <footer>\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div>\n <div class=\"brand\" style=\"margin-bottom:10px;\">\n <span class=\"brand-mark\" aria-hidden=\"true\"><\/span>\n <span class=\"brand-title\">\n <span class=\"t1\">GFX<\/span>\n <span class=\"t2\">Solutions<\/span>\n <\/span>\n <\/div>\n <p class=\"subtle\">\n We build WordPress plugins focused on usability and sales \u2014 available on CodeCanyon (Envato).\n <\/p>\n <p class=\"subtle\" style=\"margin-top:10px;\">\n \u00a9 <span id=\"year\"><\/span> GFX Solutions \u2014 gfxsolutions.io\n <\/p>\n <\/div>\n\n <div class=\"foot-links\">\n <strong style=\"display:block; margin-bottom:6px;\">Products<\/strong>\n <a href=\"\/event-schedule-list\">Event Schedule List<\/a>\n <a href=\"\/smc-wallpaper-plugin\">SMC Wallpaper Plugin<\/a>\n <a href=\"#products\">All plugins<\/a>\n <\/div>\n\n <div class=\"foot-links\">\n <strong style=\"display:block; margin-bottom:6px;\">Company<\/strong>\n <a href=\"#how\">How it works<\/a>\n <a href=\"#reviews\">Reviews<\/a>\n <a href=\"#contact\">Contact<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Mobile menu toggle\n (function () {\n const btn = document.getElementById('hamburger');\n const drawer = document.getElementById('mobileDrawer');\n if (!btn || !drawer) return;\n\n btn.addEventListener('click', () => {\n const isOpen = btn.getAttribute('aria-expanded') === 'true';\n btn.setAttribute('aria-expanded', String(!isOpen));\n drawer.hidden = isOpen;\n });\n\n \/\/ Close drawer after clicking a link\n drawer.querySelectorAll('a').forEach(a => {\n a.addEventListener('click', () => {\n btn.setAttribute('aria-expanded', 'false');\n drawer.hidden = true;\n });\n });\n\n \/\/ Smooth scroll for internal anchors\n document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n a.addEventListener('click', (e) => {\n const href = a.getAttribute('href');\n if (!href || href === \"#\") return;\n const el = document.querySelector(href);\n if (!el) return;\n e.preventDefault();\n el.scrollIntoView({ behavior: 'smooth', block: 'start' });\n });\n });\n\n \/\/ Year in footer\n const y = document.getElementById('year');\n if (y) y.textContent = String(new Date().getFullYear());\n })();\n <\/script>\n<\/body>\n<\/html>\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>GFX Solutions \u2014 WordPress Plugins for CodeCanyon GFX Solutions Products How it works Customer reviews FAQ See plugins Get plugins Products How it works Customer reviews FAQ See plugins Get plugins Contact WordPress plugins built for CodeCanyon (Envato) [What we do for your WordPress] Tworzymy dopracowane wtyczki WordPress, kt\u00f3re oszcz\u0119dzaj\u0105 czas, zwi\u0119kszaj\u0105 konwersj\u0119 i wygl\u0105daj\u0105 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gfxsolutions.io\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gfxsolutions.io\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gfxsolutions.io\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gfxsolutions.io\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gfxsolutions.io\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":5,"href":"https:\/\/gfxsolutions.io\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/gfxsolutions.io\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/gfxsolutions.io\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}