<!doctype html>
<html lang="pl">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Domena na sprzedaż – MOJEBIZNES.PL</title>
    <meta name="description"
        content="Kontakt w sprawie domeny MOJEBIZNES.PL – zostaw wiadomość i numer telefonu, oddzwonimy." />
    <style>
        :root {
            --bg: #0b1020;
            --card: #101631;
            --muted: #b9c0d4;
            --text: #e8ecf6;
            --accent: #7aa2ff;
            --accent-2: #35d4a3;
            --radius: 18px;
            --radius-sm: 12px;
            --shadow: 0 10px 30px rgba(0, 0, 0, .25);
            --ok: #153b2e;
            --ok-border: #2aa57a;
            --err: #3b1a1a;
            --err-border: #d46a6a;
            --phone: #ff5c7a;
            --mail: #a9b6ff;
        }

        * {
            box-sizing: border-box
        }

        html,
        body {
            height: 100%
        }

        body {
            margin: 0;
            font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial;
            background: var(--bg);
            color: var(--text);
            display: block;
            padding: 16px;
            overflow-x: hidden;
        }

        .card {
            width: 100%;
            max-width: 860px;
            margin: 0 auto;
            background: linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .02));
            border: 1px solid rgba(255, 255, 255, .08);
            border-radius: var(--radius);
            box-shadow: var(--shadow);
            overflow: hidden;
        }

        header {
            padding: 28px 28px 0
        }

        .brand {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
            text-align: center
        }

        .title-badge {
            display: inline-block;
            padding: 10px 18px;
            border-radius: 14px;
            background: linear-gradient(135deg, var(--accent), var(--accent-2));
            color: #041024;
            font-weight: 800;
            font-size: clamp(22px, 4vw, 34px);
            box-shadow: 0 12px 22px rgba(122, 162, 255, .25);
            letter-spacing: .3px;
        }

        .subtitle {
            margin: 8px 0 0;
            color: var(--muted)
        }

        /* GRID */
        .grid {
            display: grid;
            grid-template-columns: .7fr 1.3fr;
            gap: 22px;
            padding: 28px;
            align-items: start;
        }

        .left-col {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        @media (max-width:1024px) {
            .grid {
                grid-template-columns: 1fr
            }
        }

        .panel {
            background: rgba(255, 255, 255, .03);
            border: 1px solid rgba(255, 255, 255, .08);
            border-radius: var(--radius-sm);
            padding: 18px;
        }

        .panel h2 {
            margin: .2rem 0 1rem;
            font-size: clamp(18px, 2.2vw, 20px);
            background: linear-gradient(135deg, var(--accent), var(--accent-2));
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            font-weight: 800;
            text-align: center;
        }

        .contact-list {
            display: grid;
            gap: 10px
        }

        .chip {
            font: 600 13px/1.1 ui-sans-serif, system-ui;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            padding: 12px;
            border-radius: 12px;
            background: rgba(255, 255, 255, .05);
            border: 1px solid rgba(255, 255, 255, .08);
            text-align: center;
        }

        .chip a {
            color: var(--text);
            text-decoration: none
        }

        .chip svg {
            width: 18px;
            height: 18px;
            flex: 0 0 18px
        }

        /* Aftermarket chip */
        .aftermarket-btn {
            flex-direction: column;
        }

        .aftermarket-text {
            color: #ffffff;
            font-weight: 700;
        }

        .aftermarket-logo {
            max-width: 130px;
            height: auto;
            display: block;
        }

        form {
            display: grid;
            gap: 14px
        }

        label {
            font-size: 14px;
            color: #cfd6ea
        }

        input,
        textarea {
            width: 100%;
            background: rgba(8, 12, 30, .6);
            border: 1px solid rgba(255, 255, 255, .12);
            color: var(--text);
            padding: 12px 14px;
            border-radius: 12px;
            outline: 0;
            transition: border-color .2s, box-shadow .2s;
        }

        input:focus,
        textarea:focus {
            border-color: var(--accent);
            box-shadow: 0 0 0 3px rgba(122, 162, 255, .18)
        }

        input::placeholder,
        textarea::placeholder {
            color: #b9c0d4;
            opacity: .55
        }

        textarea {
            min-height: 110px;
            resize: vertical
        }

        .row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px
        }

        @media (max-width:640px) {
            .row {
                grid-template-columns: 1fr
            }

            body {
                padding: 8px;
            }

            header {
                padding: 20px 16px 0;
            }

            .grid {
                padding: 16px;
                gap: 14px;
            }

            .panel {
                padding: 14px;
            }

            .chip {
                padding: 10px;
            }

            .alert {
                margin: 12px 16px 0;
            }

            footer {
                padding: 0 16px 20px;
            }
        }

        .hint {
            color: #9aa4c3;
            font-size: 12px
        }

        .actions {
            display: flex;
            align-items: center;
            gap: 12px;
            flex-wrap: wrap
        }

        button {
            appearance: none;
            border: 0;
            border-radius: 14px;
            padding: 12px 16px;
            font-weight: 700;
            cursor: pointer
        }

        .btn {
            background: linear-gradient(135deg, var(--accent), var(--accent-2));
            color: #041024;
            box-shadow: 0 12px 22px rgba(122, 162, 255, .25)
        }

        a.btn {
            display: inline-block;
            padding: 12px 16px;
            border-radius: 14px;
            font-weight: 700;
            text-decoration: none
        }

        .hp {
            display: none !important
        }

        /* Zgoda RODO */
        .consent-line {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-top: 8px;
            margin-bottom: 4px
        }

        .consent-line input[type="checkbox"] {
            appearance: none;
            -webkit-appearance: none;
            width: 18px;
            height: 18px;
            border: 2px solid var(--accent);
            border-radius: 4px;
            background: transparent;
            cursor: pointer;
            position: relative
        }

        .consent-line input[type="checkbox"]:checked::after {
            content: "✔";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -55%);
            font-size: 14px;
            color: var(--accent-2)
        }

        .consent-line label {
            color: var(--text);
            font-size: 14px;
            line-height: 1.4;
            cursor: pointer
        }

        .consent-line a {
            color: var(--accent);
            text-decoration: none
        }

        .alert {
            display: none;
            margin: 16px 28px 0;
            padding: 12px 14px;
            border-radius: 12px
        }

        .alert.ok {
            background: var(--ok);
            border: 1px solid var(--ok-border)
        }

        .alert.err {
            background: var(--err);
            border: 1px solid var(--err-border)
        }

        .alert.show {
            display: block
        }

        footer {
            padding: 0 28px 24px;
            color: #8e97af;
            font-size: 12px;
            text-align: center
        }

        .projects {
            margin-top: 8px;
            color: var(--muted)
        }

        .projects a {
            color: var(--text);
            text-decoration: none;
            opacity: .9
        }

        .projects a:hover {
            opacity: 1;
            text-decoration: underline
        }

        .cta {
            margin-top: 12px;
            display: flex;
            gap: 12px;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap
        }

        .pp-link {
            display: block;
            margin-top: 10px
        }

        /* BANER COOKIES (minimal) */
        .cookie-banner {
            position: fixed;
            left: 50%;
            bottom: 20px;
            transform: translateX(-50%);
            z-index: 9999;
            background: #0b1020;
            color: #e8ecf6;
            padding: 14px 20px;
            border-radius: 14px;
            box-shadow: 0 6px 25px rgba(0, 0, 0, .4);
            display: none;
            text-align: center;
            max-width: 620px;
            width: 92%;
            font-size: 14px;
        }

        .cookie-banner a {
            color: #7aa2ff;
            text-decoration: none
        }

        .cookie-banner button {
            border: 0;
            padding: 8px 14px;
            border-radius: 12px;
            cursor: pointer;
            background: #7aa2ff;
            color: #0b1020;
            font-weight: 700;
            margin-top: 8px;
        }
    </style>

    <script>
        const DOMAIN_NAME = "MOJEBIZNES.PL";
        const PHONE         = "+48 884 357 558";
        const CONTACT_EMAIL = "biuro@netisar.pl";
        const PP_URL        = "https://eadres.pl/polityka-prywatnosci/polityka-prywatnosci.html";
    </script>
<link rel="canonical" href="/mojebiznes.pl">
</head>

<body>
    <div class="card">
        <header>
            <div class="brand">
                <div class="title-wrap">
                    <span class="title-badge">Domena na sprzedaż: <span id="domain">MOJEBIZNES.PL</span></span>
                    <p class="subtitle">Zadzwon, napisz e-mail, kup przez gielde lub wypelnij formularz.</p>
                </div>
            </div>
        </header>

        <div id="okBanner" class="alert ok">Dziękujemy! Wiadomość została wysłana poprawnie.</div>
        <div id="errBanner" class="alert err">Uzupełnij poprawnie wymagane pola (Imię i nazwisko, E-mail, Captcha, Zgoda
            RODO).</div>

        <div class="grid">
            <div class="left-col">
                <section class="panel">
                    <h2>Kontakt bezpośredni</h2>
                    <div class="contact-list">
                        <div class="chip">
                            <svg viewBox="0 0 24 24" aria-hidden="true">
                                <path fill="var(--phone)"
                                    d="M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 011 1v3.5a1 1 0 01-1 1C11.1 22 2 12.9 2 2.99a1 1 0 011-1H6.5a1 1 0 011 1c0 1.25.2 2.46.57 3.58a1 1 0 01-.24 1.01l-2.2 2.2z" />
                            </svg>
                            <a id="telLink" href="#"></a>
                        </div>
                        <div class="chip">
                            <svg viewBox="0 0 24 24" aria-hidden="true">
                                <path fill="var(--mail)"
                                    d="M20 4H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2zm0 4.236l-7.293 5.47a1 1 0 01-1.414 0L4 8.236V6l8 6 8-6v2.236z" />
                            </svg>
                            <a id="mailLink" href="#"></a>
                        </div>
                    </div>
                </section>

                <!-- Nowa ramka: Bezpieczny zakup -->
                <section class="panel">
                    <h2>Bezpieczny zakup</h2>
                    <div class="contact-list">
                        <div class="chip aftermarket-btn">
                            <a id="aftermarketBtn" href="#" target="_blank" rel="noopener">
                                <img src="/data/aftermarket2.png" alt="Aftermarket.pl" class="aftermarket-logo">
                            </a>
                        </div>
                    </div>
                </section>
            </div>

            <section class="panel">
                <h2>Formularz kontaktowy</h2>

                <form id="leadForm" action="https://form.monetize.pl/send.php" method="POST" novalidate>
                    <input class="hp" type="text" name="company" tabindex="-1" autocomplete="off" aria-hidden="true" />
                    <input type="hidden" id="domainField"   name="domain"   value="">
                    <input type="hidden" id="aVal"          name="a">
                    <input type="hidden" id="bVal"          name="b">
                    <input type="hidden" id="redirectField" name="redirect" value="">

                    <div class="row">
                        <div>
                            <label for="name">Imię i nazwisko *</label>
                            <input id="name" name="name" type="text" placeholder="np. Jan Kowalski" required />
                        </div>
                        <div>
                            <label for="email">E-mail *</label>
                            <input id="email" name="email" type="email" placeholder="np. jan@przyklad.pl" required />
                        </div>
                    </div>

                    <div class="row">
                        <div>
                            <label for="phone">Telefon (opcjonalnie)</label>
                            <input id="phone" name="phone" type="tel" placeholder="+48 600 000 000" />
                        </div>
                        <div>
                            <label for="subject">Temat</label>
                            <input id="subject" name="subject" type="text" placeholder="Zapytanie o domenę PDX.PL" />
                        </div>
                    </div>

                    <div>
                        <label for="priceOffer">Propozycja ceny (opcjonalnie)</label>
                        <input id="priceOffer" name="price_offer" type="text" inputmode="decimal" placeholder="np. 5 000 zł" />
                    </div>

                    <div>
                        <label for="message">Wiadomość (opcjonalnie)</label>
                        <textarea id="message" name="message" placeholder="Możesz dodać dodatkowe informacje, ale nie jest to wymagane."></textarea>
                    </div>

                    <!-- Captcha + Zgoda RODO w jednej linii -->
                    <div class="row">
                        <div>
                            <label id="captchaLabel" for="captcha">Ile to jest <span id="a"></span> + <span id="b"></span>? *</label>
                            <input id="captcha" name="captcha" type="number" inputmode="numeric" placeholder="Wpisz wynik" required />
                        </div>
                        <div>
                            <div class="consent-line">
                                <input id="consent" name="consent" type="checkbox" required />
                                <label for="consent">
                                    <strong>Zgoda RODO *</strong> — Akceptuję
                                    <a href="#" id="ppInline" target="_blank" rel="noopener">Politykę prywatności</a>
                                    i zgodę na kontakt w sprawie domeny.
                                </label>
                            </div>
                        </div>
                    </div>

                    <div class="actions">
                        <button id="submitBtn" class="btn" type="submit">Wyślij</button>
                        <span class="hint">* pola wymagane</span>
                    </div>
                </form>
            </section>
        </div>

        <footer>
            © <span id="year"></span> Właściciel domeny <strong id="domainFooter">MOJEBIZNES.PL</strong>. Wszelkie
            prawa zastrzeżone.
            <div class="projects">
                Nasze projekty:
                <a href="https://netisar.pl" target="_blank" rel="noopener">Netisar.pl</a> •
                <a href="https://dobradomena.pl" target="_blank" rel="noopener">DobraDomena.pl</a> •
                <a href="https://fighter.pl" target="_blank" rel="noopener">Fighter.pl</a> •
                <a href="https://techs.pl" target="_blank" rel="noopener">Techs.pl</a> •
                <a href="https://voila.pl" target="_blank" rel="noopener">Voila.pl</a> •
                <a href="https://eadres.pl" target="_blank" rel="noopener">eAdres.pl</a> •
                <a href="https://firmowewww.pl" target="_blank" rel="noopener">FirmoweWWW.pl</a>
            </div>

            <div class="cta">
                <a class="btn" href="https://eadres.pl" target="_blank" rel="noopener">eAdres.pl - tysiące dobrych domen
                    dla Twojego biznesu</a>
                <a class="btn" href="https://firmowewww.pl" target="_blank" rel="noopener">FirmoweWWW.pl - nwoczesna
                    strona dla Twojej firmy</a>
            </div>

            <a class="pp-link" id="ppFooter" href="#" target="_blank" rel="noopener">Polityka prywatności</a>
        </footer>
    </div>

    <!-- BANER COOKIES (minimal – tylko informacja i akcept) -->
    <div id="cookieBanner" class="cookie-banner" role="dialog" aria-live="polite">
        <div>
            Używamy technicznych plików cookies niezbędnych do działania formularza i zapamiętania zgody.
            Szczegóły w <a id="ppBanner" href="#" target="_blank" rel="noopener">Polityce prywatności</a>.
        </div>
        <button id="cookieAccept" type="button" aria-label="Akceptuj i zamknij">Rozumiem</button>
    </div>

    <script>
        // treść / kontakt
        document.querySelectorAll('#domain, #domainFooter').forEach(el => el.textContent = DOMAIN_NAME);
        const telLink = document.getElementById('telLink');
        telLink.textContent = PHONE; telLink.href = `tel:${PHONE.replace(/\s+/g,'')}`;
        const mailLink = document.getElementById('mailLink');
        mailLink.textContent = CONTACT_EMAIL; mailLink.href = `mailto:${CONTACT_EMAIL}`;
        document.getElementById('year').textContent = new Date().getFullYear();
        document.title = `Domena na sprzedaż – ${DOMAIN_NAME}`;
        const metaDesc = document.querySelector('meta[name="description"]');
        if (metaDesc) metaDesc.setAttribute('content', `Kontakt w sprawie domeny ${DOMAIN_NAME} – zostaw wiadomość i numer telefonu, oddzwonimy.`);

        // link Aftermarket
        const aftermarketBtn = document.getElementById('aftermarketBtn');
        if (aftermarketBtn) {
          aftermarketBtn.href = `https://aftermarket.pl/domena/${DOMAIN_NAME}`;
        }

        // linki do Polityki prywatności (ustawiane centralnie)
        document.getElementById('ppInline').href = PP_URL;
        document.getElementById('ppFooter').href = PP_URL;
        document.getElementById('ppBanner').href = PP_URL;

        // temat
        const subjectInput = document.getElementById('subject');
        if (subjectInput) {
          const subj = `Zapytanie o domenę ${DOMAIN_NAME}`;
          if (!subjectInput.value) subjectInput.value = subj;
          subjectInput.placeholder = subj;
        }

        // captcha + hiddeny
        const aNum = Math.floor(1 + Math.random() * 8);
        const bNum = Math.floor(1 + Math.random() * 9);
        document.getElementById('a').textContent = aNum;
        document.getElementById('b').textContent = bNum;
        document.getElementById('aVal').value = aNum;
        document.getElementById('bVal').value = bNum;

        // hidden: domena + adres powrotu
        document.getElementById('domainField').value   = DOMAIN_NAME;
        document.getElementById('redirectField').value = window.location.origin + window.location.pathname;

        // banery OK/ERR
        const okBanner  = document.getElementById('okBanner');
        const errBanner = document.getElementById('errBanner');

        const url = new URL(window.location.href);
        if (url.searchParams.get('sent') === '1') {
          okBanner.classList.add('show');
          history.replaceState({}, '', location.pathname);
        }

        // walidacja
        const form = document.getElementById('leadForm');
        form.addEventListener('submit', (e) => {
          errBanner.classList.remove('show');

          if (!form.checkValidity()) {
            e.preventDefault(); form.reportValidity();
            errBanner.textContent = 'Uzupełnij wymagane pola.';
            errBanner.classList.add('show');
            errBanner.scrollIntoView({behavior:'smooth', block:'center'});
            return;
          }
          const captchaVal = parseInt(document.getElementById('captcha').value || 'NaN', 10);
          if (captchaVal !== (aNum + bNum)) {
            e.preventDefault();
            document.getElementById('captcha').focus();
            errBanner.textContent = 'Niepoprawny wynik działania. Spróbuj ponownie.';
            errBanner.classList.add('show'); return;
          }
          if (!document.getElementById('consent').checked) {
            e.preventDefault();
            errBanner.textContent = 'Zaznacz zgodę RODO, aby wysłać formularz.';
            errBanner.classList.add('show'); return;
          }
        });

        // BANER COOKIES – minimalny
        (function(){
          var KEY = "eadres_cookie_consent_v1";
          try {
            if (!localStorage.getItem(KEY)) {
              document.getElementById("cookieBanner").style.display = "block";
            }
            var btn = document.getElementById("cookieAccept");
            if (btn) {
              btn.addEventListener("click", function () {
                localStorage.setItem(KEY, String(Date.now()));
                document.getElementById("cookieBanner").style.display = "none";
              });
            }
          } catch (e) {
            var btn2 = document.getElementById("cookieAccept");
            if (btn2) btn2.addEventListener("click", function(){ document.getElementById("cookieBanner").style.display = "none"; });
          }
        })();
    </script>
</body>

</html>