{"id":17,"date":"2023-01-02T21:23:15","date_gmt":"2023-01-02T20:23:15","guid":{"rendered":"http:\/\/ghostdog.pl\/?page_id=17"},"modified":"2026-07-23T15:20:54","modified_gmt":"2026-07-23T13:20:54","slug":"informacje","status":"publish","type":"page","link":"https:\/\/ghostdog.pl\/","title":{"rendered":""},"content":{"rendered":"<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n\t<!-- Google tag (gtag.js) GA4 -->\r\n<script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-79H9D5ZSBM\"><\/script>\r\n<script>\r\n  window.dataLayer = window.dataLayer || [];\r\n  function gtag(){dataLayer.push(arguments);}\r\n  gtag('js', new Date());\r\n\r\n  gtag('config', 'G-79H9D5ZSBM');\r\n<\/script>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>ghostdog.pl_ | In\u017cynieria i automatyzacja e-commerce IdoSell<\/title>\r\n  \r\n  <!-- Font techniczny \/ programistyczny -->\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=JetBrains+Mono:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n  <style>\r\n    \/* P\u0141YNNE PRZEWIJANIE ORAZ DOCI\u0104GANIE SEKCJI (SLAJDY \/ MANDATORY SCROLL SNAP) *\/\r\n    html {\r\n      scroll-behavior: smooth;\r\n      scroll-snap-type: y mandatory;\r\n      height: 100%;\r\n    }\r\n\r\n    \/* RESET & VARS *\/\r\n    * {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    :root {\r\n      --bg-color: #07080a;\r\n      --text-main: #f3f4f6;\r\n      --text-muted: #9ca3af;\r\n      --accent-green: #00ff88;\r\n      --font-mono: 'JetBrains Mono', monospace;\r\n    }\r\n\r\n    \/* KOREKTA DLA LINK\u00d3W (RESET STANU VISITED) *\/\r\n    a, a:visited {\r\n      color: var(--text-main);\r\n      text-decoration: none;\r\n    }\r\n\r\n    \/* T\u0141O MATRIX CANVAS (STA\u0141E NA CA\u0141EJ STRONIE) *\/\r\n    #matrix-canvas {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100vw;\r\n      height: 100vh;\r\n      z-index: 0;\r\n      opacity: 0.12;\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* BRUTALNE WYMUSZENIE CZYSTEGO, CIEMNEGO T\u0141A DLA WP *\/\r\n    html, \r\n    body, \r\n    #page, \r\n    .site, \r\n    .entry-content, \r\n    .wp-site-blocks {\r\n      background-color: var(--bg-color) !important;\r\n      color: var(--text-main) !important;\r\n      font-family: var(--font-mono) !important;\r\n      min-height: 100vh;\r\n      height: 100%;\r\n      overflow-x: hidden;\r\n      scroll-snap-type: y mandatory;\r\n    }\r\n\r\n    *, *::before, *::after {\r\n      font-family: var(--font-mono) !important;\r\n    }\r\n\r\n    \/* UTILS LAYOUT *\/\r\n    .container {\r\n      max-width: 1320px;\r\n      margin: 0 auto;\r\n      padding: 0 40px;\r\n      width: 100%;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    \/* HEADER & NAV *\/\r\n    header {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      background-color: rgba(7, 8, 10, 0.92);\r\n      backdrop-filter: blur(8px);\r\n      z-index: 100;\r\n      padding: 20px 0;\r\n      border-bottom: 1px solid rgba(255, 255, 255, 0.05);\r\n    }\r\n\r\n    .nav-wrapper {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n    }\r\n\r\n    .logo-group {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 3px;\r\n    }\r\n\r\n    .logo, .logo:visited {\r\n      font-size: 22px;\r\n      font-weight: 700;\r\n      color: var(--text-main);\r\n      text-decoration: none;\r\n      letter-spacing: -0.5px;\r\n    }\r\n\r\n    .logo .dot {\r\n      color: var(--accent-green);\r\n    }\r\n\r\n    \/* SUBTELNY TAGLINE POD LOGOTYPEM *\/\r\n    .logo-tagline {\r\n      font-size: 11px;\r\n      color: var(--text-muted);\r\n      letter-spacing: 0.3px;\r\n      font-weight: 400;\r\n      opacity: 0.85;\r\n    }\r\n\r\n    .cursor-blink {\r\n      color: var(--accent-green);\r\n      animation: blink 1.2s infinite ease-in-out;\r\n    }\r\n\r\n    @keyframes blink {\r\n      0%, 100% { opacity: 1; }\r\n      50% { opacity: 0; }\r\n    }\r\n\r\n    nav {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 32px;\r\n    }\r\n\r\n    nav a, nav a:visited {\r\n      color: var(--text-main);\r\n      text-decoration: none;\r\n      font-size: 14px;\r\n      transition: color 0.2s;\r\n    }\r\n\r\n    nav a:hover {\r\n      color: var(--accent-green);\r\n    }\r\n\r\n    .btn-contact, .btn-contact:visited {\r\n      background-color: #ffffff;\r\n      color: #000000 !important;\r\n      padding: 10px 28px;\r\n      border-radius: 20px;\r\n      font-weight: 600;\r\n      font-size: 13px;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.5px;\r\n      text-decoration: none;\r\n      transition: transform 0.2s, background-color 0.2s;\r\n      display: inline-block;\r\n    }\r\n\r\n    .btn-contact:hover {\r\n      background-color: var(--accent-green);\r\n      transform: translateY(-1px);\r\n    }\r\n\r\n    \/* SEKCJA COMMON SLIDE STYLE *\/\r\n    .slide-section {\r\n      min-height: 100vh;\r\n      display: flex;\r\n      align-items: center;\r\n      padding-top: 100px;\r\n      padding-bottom: 60px;\r\n      scroll-snap-align: start;\r\n      scroll-snap-stop: always;\r\n      position: relative;\r\n      z-index: 1;\r\n      border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n    }\r\n\r\n    .hero {\r\n      border-top: none;\r\n    }\r\n\r\n    .section-title {\r\n      font-size: 1.1rem;\r\n      color: var(--accent-green);\r\n      font-weight: 600;\r\n      letter-spacing: 1px;\r\n      margin-bottom: 40px;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .grid-2col {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 60px;\r\n      align-items: start;\r\n    }\r\n\r\n    \/* US\u0141UGI & CASE STUDIES LISTA *\/\r\n    .services-list, .cases-list {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 28px;\r\n      padding-left: 10%;\r\n    }\r\n\r\n    .service-item, .case-item {\r\n      font-size: 20px;\r\n      font-weight: 500;\r\n      color: var(--text-muted);\r\n      cursor: pointer;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 12px;\r\n      transition: color 0.2s, transform 0.2s;\r\n      user-select: none;\r\n    }\r\n\r\n    .service-header, .case-header {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      width: 100%;\r\n    }\r\n\r\n    .service-item:hover .service-header,\r\n    .service-item.active .service-header,\r\n    .case-item:hover .case-header,\r\n    .case-item.active .case-header {\r\n      color: var(--text-main);\r\n    }\r\n\r\n    .service-item .arrow, .case-item .arrow {\r\n      color: var(--accent-green);\r\n      opacity: 0;\r\n      transition: opacity 0.2s, transform 0.2s;\r\n      font-size: 16px;\r\n    }\r\n\r\n    .service-item.active .arrow,\r\n    .service-item:hover .arrow,\r\n    .case-item.active .arrow,\r\n    .case-item:hover .arrow {\r\n      opacity: 1;\r\n    }\r\n\r\n    .left-col .btn-cta {\r\n      display: none;\r\n    }\r\n\r\n    .service-content-mobile, .case-content-mobile {\r\n      display: none;\r\n    }\r\n\r\n    .right-col {\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      min-height: 340px;\r\n    }\r\n\r\n    .dynamic-text-box, .case-text-box {\r\n      font-size: 1.15rem;\r\n      padding-right: 10%;\r\n      text-align: justify;\r\n      line-height: 1.75;\r\n      color: var(--text-muted);\r\n      min-height: 200px;\r\n      transition: opacity 0.2s;\r\n    }\r\n\r\n    .dynamic-text-box strong, .case-text-box strong {\r\n      color: var(--text-main);\r\n      font-weight: 600;\r\n    }\r\n\r\n    .case-block-title {\r\n      color: var(--accent-green);\r\n      font-weight: 700;\r\n      margin-top: 14px;\r\n      margin-bottom: 4px;\r\n      font-size: 1.1rem;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.5px;\r\n    }\r\n\r\n    .case-block-title:first-child {\r\n      margin-top: 0;\r\n    }\r\n\r\n    .btn-cta, .btn-cta:visited {\r\n      align-self: flex-start;\r\n      margin-top: 30px;\r\n      padding: 14px 32px;\r\n      border: 1px solid var(--text-main);\r\n      border-radius: 24px;\r\n      color: var(--text-main);\r\n      text-decoration: none;\r\n      font-size: 13px;\r\n      font-weight: 500;\r\n      letter-spacing: 1px;\r\n      text-transform: uppercase;\r\n      background: transparent;\r\n      transition: all 0.2s ease;\r\n      display: inline-block;\r\n    }\r\n\r\n    .btn-cta:hover {\r\n      border-color: var(--accent-green);\r\n      color: var(--accent-green);\r\n      box-shadow: 0 0 15px rgba(0, 255, 136, 0.15);\r\n    }\r\n\r\n    \/* SEKCJA O MNIE *\/\r\n    .about-grid {\r\n      display: grid;\r\n      grid-template-columns: 1.3fr 0.7fr;\r\n      gap: 3%;\r\n      align-items: center;\r\n    }\r\n\r\n    .about-text {\r\n      font-size: 1.1rem;\r\n      padding-left: 10%;\r\n      line-height: 1.8;\r\n      color: var(--text-muted);\r\n      text-align: justify;\r\n      text-justify: inter-word;\r\n      hyphens: auto;\r\n    }\r\n\r\n    .about-text p {\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .about-text p:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    .about-text strong {\r\n      color: var(--text-main);\r\n      font-weight: 600;\r\n    }\r\n\r\n    .about-image-wrapper {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    .about-image-wrapper img {\r\n      width: 100%;\r\n      max-width: 480px;\r\n      height: auto;\r\n      display: block;\r\n      object-fit: contain;\r\n    }\r\n\r\n    \/* SEKCJA KONTAKT *\/\r\n    .contact-section {\r\n      min-height: 100vh;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 100px 0;\r\n      border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n      text-align: center;\r\n      scroll-snap-align: start;\r\n      scroll-snap-stop: always;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .contact-section h2 {\r\n      font-size: 28px;\r\n      margin-bottom: 20px;\r\n      color: var(--text-main);\r\n    }\r\n\r\n    .contact-section p {\r\n      color: var(--text-muted);\r\n      font-size: 15px;\r\n      margin-bottom: 32px;\r\n    }\r\n\r\n    \/* OPTYMALIZACJA MOBILKA (DO 900PX) *\/\r\n    @media (max-width: 900px) {\r\n      .container {\r\n        padding: 0 20px;\r\n      }\r\n\r\n      header {\r\n        padding: 12px 0;\r\n      }\r\n\r\n      \/* PRZENIESIENIE MENU POD LOGO W DRUGI WIERSZ *\/\r\n      .nav-wrapper {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 12px;\r\n      }\r\n\r\n      .logo-group {\r\n        width: 100%;\r\n      }\r\n\r\n      .logo, .logo:visited {\r\n        font-size: 18px;\r\n      }\r\n\r\n      .logo-tagline {\r\n        font-size: 9px;\r\n      }\r\n\r\n      nav {\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        gap: 6px;\r\n      }\r\n\r\n      nav a, nav a:visited {\r\n        font-size: 11px;\r\n      }\r\n\r\n      .btn-contact, .btn-contact:visited {\r\n        padding: 5px 10px;\r\n        font-size: 10px;\r\n      }\r\n\r\n      \/* ODST\u0118P DLA SEKCJI Z UWAGI NA WY\u017bSZY NAG\u0141\u00d3WEK DWURZ\u0118DOWY *\/\r\n      .slide-section, .contact-section {\r\n        min-height: 100vh;\r\n        padding-top: 115px;\r\n        padding-bottom: 30px;\r\n      }\r\n\r\n      .section-title {\r\n        font-size: 0.95rem;\r\n        margin-bottom: 20px;\r\n      }\r\n\r\n      .grid-2col,\r\n      .about-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n      }\r\n\r\n      .services-list, .cases-list {\r\n        padding-left: 0;\r\n        gap: 16px;\r\n      }\r\n\r\n      .service-item, .case-item {\r\n        font-size: 15px;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n        padding-bottom: 12px;\r\n      }\r\n\r\n      .service-item .arrow, .case-item .arrow {\r\n        opacity: 1;\r\n        display: inline-block;\r\n        transform: rotate(90deg);\r\n      }\r\n\r\n      .service-content-mobile, .case-content-mobile {\r\n        display: none;\r\n        font-size: 0.9rem;\r\n        line-height: 1.6;\r\n        color: var(--text-muted);\r\n        padding-top: 12px;\r\n        text-align: justify !important;\r\n        text-justify: inter-word;\r\n        hyphens: auto;\r\n      }\r\n\r\n      .service-item.active .service-content-mobile,\r\n      .case-item.active .case-content-mobile {\r\n        display: block;\r\n      }\r\n\r\n      .right-col {\r\n        display: none;\r\n      }\r\n\r\n      .left-col .btn-cta, .left-col .btn-cta:visited {\r\n        display: inline-block;\r\n        margin-top: 20px;\r\n        width: 100%;\r\n        text-align: center;\r\n        padding: 12px 20px;\r\n        transition: opacity 0.2s ease, visibility 0.2s ease;\r\n      }\r\n\r\n      .left-col .btn-cta.hidden-mobile {\r\n        display: none !important;\r\n      }\r\n\r\n      p, .about-text, .service-content-mobile, .case-content-mobile, .contact-section p {\r\n        text-align: justify !important;\r\n        text-justify: inter-word;\r\n        hyphens: auto;\r\n      }\r\n\r\n      .about-text {\r\n        padding-left: 0;\r\n        font-size: 0.95rem;\r\n        line-height: 1.6;\r\n      }\r\n\r\n      .about-text p {\r\n        margin-bottom: 16px;\r\n      }\r\n\r\n      .about-image-wrapper {\r\n        order: -1;\r\n        margin-bottom: 10px;\r\n      }\r\n\r\n      .about-image-wrapper img {\r\n        max-width: 200px;\r\n      }\r\n\r\n      .contact-section h2 {\r\n        font-size: 22px;\r\n        text-align: center !important;\r\n      }\r\n\r\n      .contact-section p {\r\n        font-size: 14px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <!-- EFEKT T\u0141A MATRIX CANVAS -->\r\n  <canvas id=\"matrix-canvas\"><\/canvas>\r\n\r\n  <!-- NAG\u0141\u00d3WEK \/ NAVI -->\r\n  <header>\r\n    <div class=\"container nav-wrapper\">\r\n      <div class=\"logo-group\">\r\n        <a href=\"#oferta\" class=\"logo\">ghostdog<span class=\"dot\">.<\/span>pl<span class=\"cursor-blink\">_<\/span><\/a>\r\n        <span class=\"logo-tagline\">\/\/ In\u017cynieria i automatyzacja e-commerce IdoSell<\/span>\r\n      <\/div>\r\n      <nav>\r\n        <a href=\"#oferta\">oferta<\/a>\r\n        <a href=\"#case-studies\">case studies<\/a>\r\n        <a href=\"#o-mnie\">o mnie<\/a>\r\n        <a href=\"#kontakt\" class=\"btn-contact\">KONTAKT<\/a>\r\n      <\/nav>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- SLAJD 1: HERO \/ OFERTA -->\r\n  <section class=\"slide-section hero\" id=\"oferta\">\r\n    <div class=\"container\">\r\n      \r\n      <div class=\"grid-2col\">\r\n        <div class=\"left-col\">\r\n          <div class=\"services-list\">\r\n            \r\n            <div class=\"service-item\" data-index=\"0\">\r\n              <div class=\"service-header\">\r\n                <span>Audyt i Optymalizacja Konwersji (CRO)<\/span>\r\n                <span class=\"arrow\">\u25ba<\/span>\r\n              <\/div>\r\n              <div class=\"service-content-mobile\">\r\n                Sprawdzam Tw\u00f3j sklep na podstawie danych, nie domys\u0142\u00f3w. Analizuj\u0119 Google Analytics 4, heatmapy, nagrania sesji oraz raporty sprzeda\u017cowe z panelu IdoSell.<br><br>Wskazuj\u0119 precyzyjne miejsca, w kt\u00f3rych uciekaj\u0105 klienci: od b\u0142\u0119d\u00f3w w UX i procesie zakupowym, po nieefektywne \u017ar\u00f3d\u0142a ruchu. Nie dostajesz teorii \u2013 otrzymujesz wykaz konkretnych problem\u00f3w wraz z instrukcj\u0105 ich naprawy. Wiesz dok\u0142adnie, co blokuje sprzeda\u017c i jak szybko podnie\u015b\u0107 wsp\u00f3\u0142czynnik konwersji.\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"service-item\" data-index=\"1\">\r\n              <div class=\"service-header\">\r\n                <span>Narz\u0119dzia AI i Integracje API IdoSell<\/span>\r\n                <span class=\"arrow\">\u25ba<\/span>\r\n              <\/div>\r\n              <div class=\"service-content-mobile\">\r\n                Szukasz wsparcia w content marketingu, chcesz po\u0142\u0105czy\u0107 AI z procesami w sklepie, czy potrzebujesz niestandardowego raportowania? A mo\u017ce brakuje Ci zada\u0144 CRON, kt\u00f3re cyklicznie modyfikuj\u0105 dane produktowe bezpo\u015brednio w panelu IdoSell?<br><br>Tworz\u0119 autorskie narz\u0119dzia na styku API i sztucznej inteligencji. Wykorzystuj\u0119 do maksimum mo\u017cliwo\u015bci, jakie daje AI, \u0142\u0105cz\u0105c je z IdoSell w optymalny spos\u00f3b. Zamieniasz r\u0119czn\u0105 prac\u0119 na dzia\u0142aj\u0105ce automaty.\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"service-item\" data-index=\"2\">\r\n              <div class=\"service-header\">\r\n                <span>Plan Rozwoju E-commerce<\/span>\r\n                <span class=\"arrow\">\u25ba<\/span>\r\n              <\/div>\r\n              <div class=\"service-content-mobile\">\r\n                Najwa\u017cniejsza w e-commerce jest jasna wizja rozwoju. Ty znasz swoj\u0105 bran\u017c\u0119, ja mam wiedz\u0119 z zakresu e-commerce i szerok\u0105 perspektyw\u0119.<br><br>\u015aledz\u0119 aktualne trendy, narz\u0119dzia oraz mo\u017cliwo\u015bci technologiczne. Wiem, jak wykorzysta\u0107 potencja\u0142 poszczeg\u00f3lnych element\u00f3w Twojego e-biznesu i prze\u0142o\u017cy\u0107 go na wyniki. Otrzymujesz pouk\u0142adany plan dzia\u0142ania na kolejne miesi\u0105ce, dzi\u0119ki kt\u00f3remu Tw\u00f3j sklep stale ro\u015bnie, zamiast sta\u0107 w miejscu.\r\n              <\/div>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <a href=\"#kontakt\" class=\"btn-cta\" id=\"mobile-service-cta\">SKONSULTUJ SW\u00d3J SKLEP<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"right-col\">\r\n          <div class=\"dynamic-text-box\" id=\"service-target\">\r\n            <!-- Tre\u015b\u0107 \u0142adowana dynamicznie JS na desktopie -->\r\n          <\/div>\r\n\r\n          <a href=\"#kontakt\" class=\"btn-cta\">SKONSULTUJ SW\u00d3J SKLEP<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SLAJD 2: CASE STUDIES -->\r\n  <section class=\"slide-section\" id=\"case-studies\">\r\n    <div class=\"container\">\r\n      \r\n      <div class=\"section-title\">\/\/ Case Studies & Dedykowane automatyzacje<\/div>\r\n\r\n      <div class=\"grid-2col\">\r\n        <div class=\"left-col\">\r\n          <div class=\"cases-list\">\r\n            \r\n            <!-- CASE 1 -->\r\n            <div class=\"case-item\" data-index=\"0\">\r\n              <div class=\"case-header\">\r\n                <span>01 \/\/ E-Gift Cards Generator (PDF & API)<\/span>\r\n                <span class=\"arrow\">\u25ba<\/span>\r\n              <\/div>\r\n              <div class=\"case-content-mobile\">\r\n                <div class=\"case-block-title\">Wyzwanie IdoSell<\/div>\r\n                Platforma IdoSell traktowa\u0142a karty podarunkowe wy\u0142\u0105cznie jako fizyczny plastik wysy\u0142any kurierem. Brak mo\u017cliwo\u015bci zakupu elektronicznego z dostaw\u0105 w kilka minut.<br>\r\n                <div class=\"case-block-title\">Wdro\u017cenie Techniczne<\/div>\r\n                \u2022 Aplikacja w tle nas\u0142uchuj\u0105ca nowych op\u0142aconych zam\u00f3wie\u0144 przez API IdoSell.<br>\r\n                \u2022 Generowanie pliku PDF z unikalnym numerem, kodem PIN i szablonem graficznym.<br>\r\n                \u2022 Automatyczna wysy\u0142ka e-mail do klienta w < 5 minut od zakupu.<br>\r\n                \u2022 Dwukierunkowa synchronizacja z panelem IdoSell oraz panel administracyjny do re-generacji.<br>\r\n                <div class=\"case-block-title\">Efekt Biznesowy<\/div>\r\n                Kilkaset sprzedanych e-kart w nieca\u0142y rok ze 100% automatyzacj\u0105. Kompleksowy projekt: od grafiki, przez regulamin, po automatyczny kod.\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- CASE 2 -->\r\n            <div class=\"case-item\" data-index=\"1\">\r\n              <div class=\"case-header\">\r\n                <span>02 \/\/ Analityka Sprzeda\u017cy i Zwrot\u00f3w AI<\/span>\r\n                <span class=\"arrow\">\u25ba<\/span>\r\n              <\/div>\r\n              <div class=\"case-content-mobile\">\r\n                <div class=\"case-block-title\">Wyzwanie IdoSell<\/div>\r\n                Trudno\u015b\u0107 w analizie, kt\u00f3re rozmiary konkretnych producent\u00f3w generuj\u0105 najwi\u0119ksze zwroty (kluczowy wska\u017anik rentowno\u015bci w bran\u017cy fashion).<br>\r\n                <div class=\"case-block-title\">Wdro\u017cenie Techniczne<\/div>\r\n                \u2022 Pobieranie wszystkich zam\u00f3wie\u0144 z wybranego okresu i wyci\u0105ganie ID, marki, rozmiaru oraz status\u00f3w sprzeda\u017cy\/zwrotu.<br>\r\n                \u2022 Wyliczanie \u015bredniego wska\u017anika zwrot\u00f3w per rozmiar w interaktywnej tabeli (z eksportem CSV).<br>\r\n                \u2022 Integracja z AI analizuj\u0105ca anomalie i wy\u0142apuj\u0105ca produkty z wadliw\u0105 rozmiar\u00f3wk\u0105.<br>\r\n                <div class=\"case-block-title\">Efekt Biznesowy<\/div>\r\n                B\u0142yskawiczna eliminacja z oferty rozmiar\u00f3w\/produkt\u00f3w generuj\u0105cych strat\u0119 na logistyce zwrotnej.\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- CASE 3 -->\r\n            <div class=\"case-item\" data-index=\"2\">\r\n              <div class=\"case-header\">\r\n                <span>03 \/\/ Dzienny Raport Sprzeda\u017cy i Trend\u00f3w<\/span>\r\n                <span class=\"arrow\">\u25ba<\/span>\r\n              <\/div>\r\n              <div class=\"case-content-mobile\">\r\n                <div class=\"case-block-title\">Wyzwanie IdoSell<\/div>\r\n                Standardowe raporty IdoSell opieraj\u0105 si\u0119 na wystawieniu dokumentu WZ (wysy\u0142ka), przek\u0142amuj\u0105c dzienny popyt przy op\u00f3\u017anieniach w realizacji.<br>\r\n                <div class=\"case-block-title\">Wdro\u017cenie Techniczne<\/div>\r\n                \u2022 Nocny skrypt wyci\u0105gaj\u0105cy realne zam\u00f3wienia z\u0142o\u017cone poprzedniego dnia.<br>\r\n                \u2022 Wyliczanie AOV, \u015bredniej koszyka, \u017ar\u00f3de\u0142 przychodu oraz trend\u00f3w 3- i 7-dniowych.<br>\r\n                \u2022 Poranny e-mail do Zarz\u0105du z przejrzystym zestawieniem i baz\u0105 historyczn\u0105.<br>\r\n                <div class=\"case-block-title\">Efekt Biznesowy<\/div>\r\n                Realna kontrola nad popytem w czasie rzeczywistym bez zniekszta\u0142ce\u0144 logistycznych IdoSell.\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- CASE 4 -->\r\n            <div class=\"case-item\" data-index=\"3\">\r\n              <div class=\"case-header\">\r\n                <span>04 \/\/ Dynamiczny Silnik Priorytet\u00f3w Produkt\u00f3w<\/span>\r\n                <span class=\"arrow\">\u25ba<\/span>\r\n              <\/div>\r\n              <div class=\"case-content-mobile\">\r\n                <div class=\"case-block-title\">Wyzwanie IdoSell<\/div>\r\n                Sztywne sortowanie produkt\u00f3w w IdoSell nie reaguje na mikro-trendy sprzeda\u017cowe, obni\u017caj\u0105c konwersj\u0119 na kafelkach kategorii.<br>\r\n                <div class=\"case-block-title\">Wdro\u017cenie Techniczne<\/div>\r\n                \u2022 Badanie trend\u00f3w 7-dniowych (pula 80 produkt\u00f3w) i 3-dniowych (pula 20 produkt\u00f3w).<br>\r\n                \u2022 Nadpisywanie priorytet\u00f3w w IdoSell przez API dla natychmiastowego wyniesienia bestseller\u00f3w na szczyt.<br>\r\n                \u2022 Zasilanie tag\u00f3w custom_label w feedach reklamowych Google\/Meta danymi o aktualnych trendach.<br>\r\n                <div class=\"case-block-title\">Efekt Biznesowy<\/div>\r\n                Wy\u017cszy CTR w reklamach i natychmiastowy wzrost konwersji dzi\u0119ki ekspozycji gor\u0105cych towar\u00f3w.\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- CASE 5 -->\r\n            <div class=\"case-item\" data-index=\"4\">\r\n              <div class=\"case-header\">\r\n                <span>05 \/\/ Zaawansowany Architekt Feed\u00f3w Produktowych<\/span>\r\n                <span class=\"arrow\">\u25ba<\/span>\r\n              <\/div>\r\n              <div class=\"case-content-mobile\">\r\n                <div class=\"case-block-title\">Wyzwanie IdoSell<\/div>\r\n                Standardowe pliki XML w IdoSell s\u0105 zbyt proste dla wymagaj\u0105cych agencji performance i silnik\u00f3w Marketing Automation.<br>\r\n                <div class=\"case-block-title\">Wdro\u017cenie Techniczne<\/div>\r\n                \u2022 Budowanie zaawansowanych feed\u00f3w dedykowanych z dynamicznym mapowaniem kategorii i tag\u00f3w custom_label.<br>\r\n                \u2022 Odr\u0119bne optymalizowanie danych dla system\u00f3w PPC (Google\/Meta) oraz narz\u0119dzi rekomendacji AI.<br>\r\n                <div class=\"case-block-title\">Efekt Biznesowy<\/div>\r\n                Ni\u017csze koszty kampanii PPC i precyzyjny remarketing bez ogranicze\u0144 silnika IdoSell.\r\n              <\/div>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <a href=\"#kontakt\" class=\"btn-cta\" id=\"mobile-case-cta\">ZAM\u00d3W DEDYKOWANE NARZ\u0118DZIE<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"right-col\">\r\n          <div class=\"case-text-box\" id=\"case-target\">\r\n            <!-- Tre\u015b\u0107 Case Study \u0142adowana JS na desktopie -->\r\n          <\/div>\r\n\r\n          <a href=\"#kontakt\" class=\"btn-cta\">ZAM\u00d3W DEDYKOWANE NARZ\u0118DZIE<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SLAJD 3: O MNIE -->\r\n  <section class=\"slide-section\" id=\"o-mnie\">\r\n    <div class=\"container about-grid\">\r\n      \r\n      <div class=\"about-text\">\r\n        <p>\r\n          Zjad\u0142em z\u0119by na e-commerce, zanim wi\u0119kszo\u015b\u0107 dzisiejszych \u201eagencji 360\u201d w og\u00f3le us\u0142ysza\u0142a o optymalizacji konwersji. <strong>W tzw. bran\u017cy jestem od 2010 roku<\/strong>. Przetarty szlak prowadzi\u0142 przez kierowanie dzia\u0142em ePR w jednej z najwi\u0119kszych polskich agencji marketingowych, budowanie kompleksowych strategii i zarz\u0105dzanie contentem, a\u017c po samodzielne stawianie e-sklep\u00f3w od zera i skalowanie sprzeda\u017cy na rynkach zagranicznych. Interesuj\u0105 mnie <strong>przemy\u015blane strategie marketingowe<\/strong>, kt\u00f3re realnie dowo\u017c\u0105 wyniki, a nie tylko \u0142adnie wygl\u0105daj\u0105 w prezentacjach.\r\n        <\/p>\r\n        <p>\r\n          Przeora\u0142em e-commerce wzd\u0142u\u017c i wszerz. Przerobi\u0142em specyfik\u0119 bran\u017c od fashion, FMCG i beauty, przez dzieci\u0119c\u0105, po motoryzacj\u0119, budowlank\u0119 i home decor. Moje humanistyczne wykszta\u0142cenie w po\u0142\u0105czeniu z tward\u0105 analityk\u0105 sprawia, \u017ce nie tylko <strong>potrafi\u0119 czyta\u0107 dane<\/strong>, ale przede wszystkim <strong>rozumiem psychologi\u0119 zakupow\u0105<\/strong> ludzi z zupe\u0142nie r\u00f3\u017cnych \u015bwiat\u00f3w. Wiem, jak dostosowa\u0107 technologi\u0119 do ich nawyk\u00f3w i jak wyci\u0105ga\u0107 z danych warto\u015bciowe wnioski.\r\n        <\/p>\r\n        <p>\r\n          Moim \u015brodowiskiem naturalnym jest <strong>IdoSell<\/strong>. Przez ostatnie lata odpowiada\u0142em za strategi\u0119, architektur\u0119 techniczn\u0105 i rozw\u00f3j sklepu z sektora Gen Z fashion, generuj\u0105cego ponad <strong>40 mln z\u0142 obrotu rocznie<\/strong>. Na koncie mam te\u017c dowo\u017cenie wynik\u00f3w dla najwi\u0119kszego w swoim czasie sklepu z chemi\u0105 gospodarcz\u0105 w Polsce oraz kilku znanych marek z bran\u017cy dzieci\u0119cej.\r\n        <\/p>\r\n        <p>\r\n          Mimo kilkunastu lat w grze nie mam mentalno\u015bci bran\u017cowego le\u015bnego dziadka, daleko mi te\u017c do my\u015blenia korporacyjnego. Najlepiej czuj\u0119 si\u0119 w dynamicznych, nowoczesnych projektach dedykowanych m\u0142odym odbiorcom \u2013 to tam dzieje si\u0119 dzi\u015b prawdziwy e-commerce. \u0141\u0105cz\u0119 in\u017cynieryjne podej\u015bcie do danych z wyczuciem trend\u00f3w, sztuczn\u0105 inteligencj\u0105 i znajomo\u015bci\u0105 API IdoSell. Zero slajd\u00f3w w PowerPoint i lania wody. Tylko twarda technologia, sprawne procesy i wy\u017cszy wynik na do\u0142ku.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"about-image-wrapper\">\r\n        <img decoding=\"async\" src=\"http:\/\/ghostdog.pl\/wp-content\/uploads\/2026\/07\/ghostdog-web.png\" alt=\"Ghost Dog Samuraj E-commerce\" \/>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SLAJD 4: KONTAKT -->\r\n  <section class=\"contact-section\" id=\"kontakt\">\r\n    <div class=\"container\">\r\n      <h2>Porozmawiajmy o Twoim e-commerce<span class=\"cursor-blink\">_<\/span><\/h2>\r\n      <p>Masz problem z konwersj\u0105, IdoSell lub chcesz zautomatyzowa\u0107 procesy za pomoc\u0105 AI?<\/p>\r\n      <a href=\"mailto:kontakt@ghostdog.pl\" class=\"btn-contact\">NAPISZ DO MNIE<\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <script>\r\n    \/\/ 1. DANE US\u0141UG DLA DESKTOPA\r\n    const servicesData = [\r\n      `Sprawdzam Tw\u00f3j sklep na podstawie danych, nie domys\u0142\u00f3w. Analizuj\u0119 Google Analytics 4, heatmapy, nagrania sesji oraz raporty sprzeda\u017cowe z panelu IdoSell.<br><br>Wskazuj\u0119 precyzyjne miejsca, w kt\u00f3rych uciekaj\u0105 klienci: od b\u0142\u0119d\u00f3w w UX i procesie zakupowym, po nieefektywne \u017ar\u00f3d\u0142a ruchu. Nie dostajesz teorii \u2013 otrzymujesz wykaz konkretnych problem\u00f3w wraz z instrukcj\u0105 ich naprawy. Wiesz dok\u0142adnie, co blokuje sprzeda\u017c i jak szybko podnie\u015b\u0107 wsp\u00f3\u0142czynnik konwersji.`,\r\n      `Szukasz wsparcia w content marketingu, chcesz po\u0142\u0105czy\u0107 AI z procesami w sklepie, czy potrzebujesz niestandardowego raportowania? A mo\u017ce brakuje Ci zada\u0144 CRON, kt\u00f3re cyklicznie modyfikuj\u0105 dane produktowe bezpo\u015brednio w panelu IdoSell?<br><br>Tworz\u0119 autorskie narz\u0119dzia na styku API i sztucznej inteligencji. Wykorzystuj\u0119 do maksimum mo\u017cliwo\u015bci, jakie daje AI, \u0142\u0105cz\u0105c je z IdoSell w optymalny spos\u00f3b. Zamieniasz r\u0119czn\u0105 prac\u0119 na dzia\u0142aj\u0105ce automaty.`,\r\n      `Najwa\u017cniejsza w e-commerce jest jasna wizja rozwoju. Ty znasz swoj\u0105 bran\u017c\u0119, ja mam wiedz\u0119 z zakresu e-commerce i szerok\u0105 perspektyw\u0119.<br><br>\u015aledz\u0119 aktualne trendy, narz\u0119dzia oraz mo\u017cliwo\u015bci technologiczne. Wiem, jak wykorzysta\u0107 potencja\u0142 poszczeg\u00f3lnych element\u00f3w Twojego e-biznesu i prze\u0142o\u017cy\u0107 go na wyniki. Otrzymujesz pouk\u0142adany plan dzia\u0142ania na kolejne miesi\u0105ce, dzi\u0119ki kt\u00f3remu Tw\u00f3j sklep stale ro\u015bnie, zamiast sta\u0107 w miejscu.`\r\n    ];\r\n\r\n    \/\/ 2. DANE CASE STUDIES DLA DESKTOPA\r\n    const casesData = [\r\n      `<div class=\"case-block-title\">Wyzwanie IdoSell<\/div>IdoSell traktowa\u0142 karty podarunkowe wy\u0142\u0105cznie jako fizyczny kawa\u0142ek plastiku wysy\u0142any kurierem. Brak natywnej obs\u0142ugi nowoczesnych kart elektronicznych dostarczanych e-mailem w par\u0119 minut po zaksi\u0119gowaniu wp\u0142aty.<br><br><div class=\"case-block-title\">Wdro\u017cenie Techniczne<\/div>\u2022 Dedykowana aplikacja w tle nas\u0142uchuj\u0105ca nowych op\u0142aconych zam\u00f3wie\u0144 przez API IdoSell.<br>\u2022 Dynamiczny generator plik\u00f3w PDF z unikalnym numerem, kodem PIN i estetycznym szablonem graficznym.<br>\u2022 Automatyczna wysy\u0142ka transakcyjna na e-mail klienta w mniej ni\u017c 5 minut od zakupu.<br>\u2022 Dwukierunkowy zwrot numeru wygenerowanej karty do panelu IdoSell oraz mini-panel administracyjny do obs\u0142ugi wyj\u0105tk\u00f3w.<br><br><div class=\"case-block-title\">Efekt Biznesowy<\/div>Kilkaset sprzedanych e-kart podarunkowych w nieca\u0142y rok ze 100% automatyzacj\u0105 procesu. Projekt dostarczony od A do Z: grafika, e-maile, regulamin, kod i integracja API.`,\r\n      `<div class=\"case-block-title\">Wyzwanie IdoSell<\/div>Brak przejrzystej analityki w panelu IdoSell pokazuj\u0105cej, kt\u00f3re konkretnie rozmiary danych producent\u00f3w generuj\u0105 najwi\u0119cej zwrot\u00f3w (kluczowa wiedza w bran\u017cy fashion).<br><br><div class=\"case-block-title\">Wdro\u017cenie Techniczne<\/div>\u2022 Aplikacja agreguj\u0105ca wszystkie zam\u00f3wienia z wybranego okresu za po\u015brednictwem API.<br>\u2022 Wyci\u0105ganie ID towaru, marki, rozmiaru oraz status\u00f3w sprzeda\u017cy i zwrot\u00f3w.<br>\u2022 Zestawienie w interaktywnej tabeli wyliczaj\u0105cej \u015bredni procent zwrot\u00f3w (z opcj\u0105 eksportu CSV).<br>\u2022 Modu\u0142 AI automatycznie analizuj\u0105cy odchylenia od normy i flaguj\u0105cy produkty z wadliw\u0105 tabel\u0105 rozmiarow\u0105.<br><br><div class=\"case-block-title\">Efekt Biznesowy<\/div>B\u0142yskawiczne wykrycie wadliwych serii produktowych i uszczelnienie bud\u017cetu marnowanego na logistyk\u0119 zwrotn\u0105.`,\r\n      `<div class=\"case-block-title\">Wyzwanie IdoSell<\/div>Raporty sprzeda\u017cowe IdoSell zale\u017c\u0105 od statusu WZ (fizycznej wysy\u0142ki), zniekszta\u0142caj\u0105c obraz realnego popytu przy op\u00f3\u017anieniach na magazynie.<br><br><div class=\"case-block-title\">Wdro\u017cenie Techniczne<\/div>\u2022 Nocny skrypt agreguj\u0105cy zam\u00f3wienia z\u0142o\u017cone poprzedniego dnia (niezale\u017cnie od stanu wysy\u0142ki).<br>\u2022 Wyliczanie przychodu, warto\u015bci AOV, \u015bredniej liczby towar\u00f3w w koszyku oraz podzia\u0142 na \u017ar\u00f3d\u0142a sprzeda\u017cy.<br>\u2022 Automatyczny raport poranny na maila Zarz\u0105du z bestsellerami i trendami 3- oraz 7-dniowymi.<br>\u2022 Gromadzenie bazy danych historycznych do b\u0142yskawicznych por\u00f3wna\u0144 waha\u0144 popytu.<br><br><div class=\"case-block-title\">Efekt Biznesowy<\/div>Czysty, precyzyjny obraz bie\u017c\u0105cego popytu w sklepie bez zak\u0142\u00f3ce\u0144 wynikaj\u0105cych z cyklu magazynowego.`,\r\n      `<div class=\"case-block-title\">Wyzwanie IdoSell<\/div>Domy\u015blne sortowanie produkt\u00f3w na listach w IdoSell nie reaguje elastycznie na mikro-trendy sprzeda\u017cowe, obni\u017caj\u0105c potencja\u0142 konwersji.<br><br><div class=\"case-block-title\">Wdro\u017cenie Techniczne<\/div>\u2022 Algorytm badaj\u0105cy kr\u00f3tkoterminowe trendy sprzeda\u017cowe z ostatnich dni.<br>\u2022 Kalkulacja trendu 7-dniowego (pula 80 produkt\u00f3w) i 3-dniowego (pula 20 najgor\u0119tszych towar\u00f3w).<br>\u2022 Automatyczne nadpisywanie priorytet\u00f3w produkt\u00f3w w panelu IdoSell przez API.<br>\u2022 Automatyczne zasilanie feed\u00f3w Google\/Meta znacznikami custom_label (bestsellery, hot_trend).<br><br><div class=\"case-block-title\">Efekt Biznesowy<\/div>Maksymalny wsp\u00f3\u0142czynnik konwersji na listach i w reklamach dzi\u0119ki natychmiastowej ekspozycji gor\u0105cych trend\u00f3w.`,\r\n      `<div class=\"case-block-title\">Wyzwanie IdoSell<\/div>Standardowe feedy XML z IdoSell ograniczaj\u0105 zaawansowane agencje performance i narz\u0119dzia Marketing Automation.<br><br><div class=\"case-block-title\">Wdro\u017cenie Techniczne<\/div>\u2022 Tworzenie dedykowanych feed\u00f3w z zaawansowanym mapowaniem (g:google_product_category, g:product_type).<br>\u2022 Dynamiczne generowanie etykiet custom_label na podstawie mar\u017cowo\u015bci, stan\u00f3w czy sezonowo\u015bci.<br>\u2022 Odr\u0119bna optymalizacja struktury danych dla silnik\u00f3w rekomendacji AI oraz dla kampanii PPC.<br><br><div class=\"case-block-title\">Efekt Biznesowy<\/div>Ni\u017cszy koszt pozyskania klienta (CAC), wy\u017cszy ROAS i pe\u0142ne wykorzystanie potencja\u0142u narz\u0119dzi reklamowych.`\r\n    ];\r\n\r\n    \/\/ ELEMENTY DOM\r\n    const serviceItems = document.querySelectorAll('.service-item');\r\n    const serviceTarget = document.getElementById('service-target');\r\n    const mobileServiceCta = document.getElementById('mobile-service-cta');\r\n\r\n    const caseItems = document.querySelectorAll('.case-item');\r\n    const caseTarget = document.getElementById('case-target');\r\n    const mobileCaseCta = document.getElementById('mobile-case-cta');\r\n\r\n    \/\/ OBS\u0141UGA SEKCJI US\u0141UG\r\n    function updateService(index) {\r\n      serviceItems.forEach((item, i) => item.classList.toggle('active', i === index));\r\n      if (serviceTarget) {\r\n        serviceTarget.style.opacity = 0;\r\n        setTimeout(() => {\r\n          serviceTarget.innerHTML = servicesData[index];\r\n          serviceTarget.style.opacity = 1;\r\n        }, 150);\r\n      }\r\n    }\r\n\r\n    \/\/ OBS\u0141UGA SEKCJA CASE STUDIES\r\n    function updateCase(index) {\r\n      caseItems.forEach((item, i) => item.classList.toggle('active', i === index));\r\n      if (caseTarget) {\r\n        caseTarget.style.opacity = 0;\r\n        setTimeout(() => {\r\n          caseTarget.innerHTML = casesData[index];\r\n          caseTarget.style.opacity = 1;\r\n        }, 150);\r\n      }\r\n    }\r\n\r\n    \/\/ TOGGLE MOBILNYCH BUTTON\u00d3W CTA\r\n    function updateMobileCtaState() {\r\n      const isMobile = window.innerWidth <= 900;\r\n      if (isMobile) {\r\n        const anyServiceActive = Array.from(serviceItems).some(item => item.classList.contains('active'));\r\n        mobileServiceCta.classList.toggle('hidden-mobile', anyServiceActive);\r\n\r\n        const anyCaseActive = Array.from(caseItems).some(item => item.classList.contains('active'));\r\n        mobileCaseCta.classList.toggle('hidden-mobile', anyCaseActive);\r\n      }\r\n    }\r\n\r\n    \/\/ INICJALIZACJA WIDOK\u00d3W\r\n    function initLayout() {\r\n      const isMobile = window.innerWidth <= 900;\r\n      if (!isMobile) {\r\n        updateService(0);\r\n        updateCase(0);\r\n      } else {\r\n        serviceItems.forEach(el => el.classList.remove('active'));\r\n        caseItems.forEach(el => el.classList.remove('active'));\r\n        updateMobileCtaState();\r\n      }\r\n    }\r\n\r\n    \/\/ EVENTY - US\u0141UGI\r\n    serviceItems.forEach((item, index) => {\r\n      item.addEventListener('click', () => {\r\n        const isMobile = window.innerWidth <= 900;\r\n        if (isMobile) {\r\n          const isActive = item.classList.contains('active');\r\n          serviceItems.forEach(el => el.classList.remove('active'));\r\n          if (!isActive) item.classList.add('active');\r\n          updateMobileCtaState();\r\n        } else {\r\n          updateService(index);\r\n        }\r\n      });\r\n    });\r\n\r\n    \/\/ EVENTY - CASE STUDIES\r\n    caseItems.forEach((item, index) => {\r\n      item.addEventListener('click', () => {\r\n        const isMobile = window.innerWidth <= 900;\r\n        if (isMobile) {\r\n          const isActive = item.classList.contains('active');\r\n          caseItems.forEach(el => el.classList.remove('active'));\r\n          if (!isActive) item.classList.add('active');\r\n          updateMobileCtaState();\r\n        } else {\r\n          updateCase(index);\r\n        }\r\n      });\r\n    });\r\n\r\n    \/\/ START\r\n    initLayout();\r\n\r\n    window.addEventListener('resize', () => {\r\n      const isMobile = window.innerWidth <= 900;\r\n      if (!isMobile) {\r\n        if (!document.querySelector('.service-item.active')) updateService(0);\r\n        if (!document.querySelector('.case-item.active')) updateCase(0);\r\n      } else {\r\n        updateMobileCtaState();\r\n      }\r\n    });\r\n\r\n    \/\/ 3. EFEKT MATRIX CANVAS IN BACKGROUND\r\n    const canvas = document.getElementById('matrix-canvas');\r\n    const ctx = canvas.getContext('2d');\r\n\r\n    function resizeCanvas() {\r\n      canvas.width = window.innerWidth;\r\n      canvas.height = window.innerHeight;\r\n    }\r\n    resizeCanvas();\r\n    window.addEventListener('resize', resizeCanvas);\r\n\r\n    const chars = '0101010101GHOSTDOG';\r\n    const fontSize = 14;\r\n    const columns = Math.floor(canvas.width \/ fontSize);\r\n    const drops = Array(columns).fill(1);\r\n\r\n    function drawMatrix() {\r\n      ctx.fillStyle = 'rgba(7, 8, 10, 0.1)';\r\n      ctx.fillRect(0, 0, canvas.width, canvas.height);\r\n\r\n      ctx.fillStyle = '#00ff88';\r\n      ctx.font = fontSize + 'px \"JetBrains Mono\"';\r\n\r\n      for (let i = 0; i < drops.length; i++) {\r\n        const text = chars.charAt(Math.floor(Math.random() * chars.length));\r\n        ctx.fillText(text, i * fontSize, drops[i] * fontSize);\r\n\r\n        if (drops[i] * fontSize > canvas.height && Math.random() > 0.975) {\r\n          drops[i] = 0;\r\n        }\r\n        drops[i]++;\r\n      }\r\n    }\r\n\r\n    setInterval(drawMatrix, 50);\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank-slate-template.php","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ghostdog.pl\/index.php\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ghostdog.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ghostdog.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ghostdog.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ghostdog.pl\/index.php\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":19,"href":"https:\/\/ghostdog.pl\/index.php\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":86,"href":"https:\/\/ghostdog.pl\/index.php\/wp-json\/wp\/v2\/pages\/17\/revisions\/86"}],"wp:attachment":[{"href":"https:\/\/ghostdog.pl\/index.php\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}