Sklep demonstracyjny

<meta name="viewport" content="width=device-width, initial-scale=1">

<header>
  <h1>Konkretna korzyść dla Twojego klienta</h1>
  <p>Dla kogo jest oferta i jaki problem rozwiązuje.</p>
  <a href="#kontakt">Umów rozmowę o współpracy</a>
</header>
<!-- Sprawdź widoczność przycisku na prawdziwym telefonie. -->

<!-- Zastąp numer prawdziwym numerem firmy. -->
<a href="tel:+48221234567">Zadzwoń: +48 22 123 45 67</a>

<!-- Zastąp adres prawdziwym kontaktem. -->
<a href="mailto:kontakt@twojafirma.pl">kontakt@twojafirma.pl</a>

<label for="email">Twój e-mail</label>
<input id="email" name="email" type="email" autocomplete="email" required>

<article><h2>Rzeczywista realizacja</h2>
<p>Opisz problem klienta, wykonane prace i rezultat, który możesz udokumentować.</p>
<a href="/realizacje/prawdziwy-projekt">Zobacz realizację i źródła</a></article>
<!-- Użyj faktycznego projektu; cytat klienta publikuj za zgodą i ze źródłem. -->

<section id="faq"><h2>Częste pytania</h2>
<details><summary>Jak wygląda pierwszy krok?</summary><p>Opisz rzeczywisty proces i termin odpowiedzi.</p></details>
<details><summary>Co obejmuje podana cena?</summary><p>Wpisz faktyczny zakres i informację o podatkach.</p></details></section>
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Jak wygląda pierwszy krok?","acceptedAnswer":{"@type":"Answer","text":"Opisz rzeczywisty proces i termin odpowiedzi."}},{"@type":"Question","name":"Co obejmuje podana cena?","acceptedAnswer":{"@type":"Answer","text":"Wpisz faktyczny zakres i informację o podatkach."}}]}
</script>
<!-- Zmień odpowiedzi w HTML i JSON-LD na te same, prawdziwe informacje. -->

<img src="/realizacja.webp" alt="Opis tego, co istotne na zdjęciu" width="800" height="600" loading="lazy">
<!-- Dla obrazu wyłącznie dekoracyjnego użyj alt="". -->

# Dla publicznego HTML bez danych osobowych, po testach cache:
Cache-Control: public, max-age=60, s-maxage=300, stale-while-revalidate=60
# Nie stosuj do paneli, koszyka i spersonalizowanych odpowiedzi.
# Włącz kompresję Brotli/gzip i porównaj TTFB przed/po.
# Cel: TTFB <600 ms, HTML <=200 kB; to nie zastępuje pomiaru LCP.

<script src="/app.js" defer></script>
<!-- Sprawdź zależności i kolejność skryptów przed zmianą. -->

<!-- Przykład lokalnego sygnału: podłącz do własnej analityki po wymaganej zgodzie. -->
<a href="tel:+48221234567" data-contact="phone">Zadzwoń</a>
<script>
document.querySelectorAll("[data-contact]").forEach(link => {
  link.addEventListener("click", () => {
    // Wyślij zdarzenie kontakt_phone tylko do skonfigurowanego systemu pomiaru.
    // Nie przesyłaj danych osobowych i respektuj stan zgody.
  });
});
</script>

<nav class="mobile-contact" aria-label="Szybki kontakt">
<a href="tel:+48221234567">Zadzwoń</a><a href="/rezerwacja">Umów termin</a></nav>
<style>
.mobile-contact { display:none; }
@media(max-width:767px) {
 body { padding-bottom:calc(72px + env(safe-area-inset-bottom)); }
 .mobile-contact { position:fixed; bottom:0; left:0; right:0; z-index:30; display:flex; gap:12px; padding:12px 16px calc(12px + env(safe-area-inset-bottom)); background:#0f2a22; color:#fff; }
 .mobile-contact a { min-height:44px; padding:10px; flex:1; text-align:center; }
}
</style>
<!-- Zastąp numer, podłącz rezerwację i sprawdź nakładanie z CMP na telefonie. -->

<!-- Tylko jeśli firma rzeczywiście obsługuje ten numer w WhatsApp. -->
<a href="https://wa.me/48221234567" rel="noopener noreferrer">Napisz na WhatsApp</a>
<a href="tel:+48221234567">Wolisz zadzwonić?</a>
<p>Podaj prawdziwe godziny obsługi i realistyczny czas odpowiedzi.</p>

<!-- Podmień URL na działającą stronę rezerwacji swojej firmy. -->
<a href="/rezerwacja">Wybierz termin online</a>
<!-- Pod /rezerwacja osadź własny Booksy/Calendly/Fitssey lub kalendarz.
Przetestuj dostępne terminy, potwierdzenie i anulowanie zapisu na telefonie. -->

<footer><address>Pełna, prawdziwa nazwa firmy<br>Rzeczywisty adres obsługi klientów</address>
<p>NIP: WPISZ_POPRAWNY_NIP</p>
<a href="URL_TWOJEJ_WIZYTOWKI_GOOGLE">Lokalizacja i dane firmy w Google</a></footer>
<!-- Sprawdź spójność z rejestrem i wizytówką. Firma zdalna nie powinna wymyślać punktu obsługi. -->

<!-- Użyj prawdziwej wizytówki z opiniami albo udokumentowanej realizacji. -->
<a href="URL_WIZYTOWKI_Z_OPINIAMI">Sprawdź opinie klientów u źródła</a>
<article data-case-study><h2>Nazwa rzeczywistego projektu</h2>
<p>Wpisz wynik pomiaru wraz z metodą i zakresem, bez dopisywania wzrostu sprzedaży.</p>
<time datetime="2026-10-25">Data rzeczywistego pomiaru</time>
<a href="URL_ZRODLA_POMIARU">Źródło wyniku</a></article>

<!-- Priorytet tylko dla faktycznie głównego obrazu pierwszego ekranu. -->
<img src="/oferta.avif" alt="Rzeczywisty opis oferty" width="1200" height="800" fetchpriority="high">
<!-- Obraz niżej w treści: -->
<img src="/realizacja.webp" alt="Opis realizacji" width="800" height="600" loading="lazy" decoding="async">
<!-- Zmierz LCP; nie oznaczaj wszystkich zdjęć wysokim priorytetem. -->

<script type="application/ld+json">
{"@context":"https://schema.org","@graph":[{"@type":"ProfessionalService","@id":"https://twojafirma.pl/#firma","name":"Prawdziwa nazwa firmy","url":"https://twojafirma.pl/","telephone":"WPISZ_TELEFON"},{"@type":"Service","name":"Faktyczna usługa","provider":{"@id":"https://twojafirma.pl/#firma"},"offers":{"@type":"Offer","price":"WPISZ_CENE","priceCurrency":"PLN"}}]}
</script>
<!-- Uzupełnij prawdziwe dane i widoczną cenę. Dodaj FAQPage z tymi samymi pytaniami co HTML. Nie twórz fikcyjnego AggregateRating. -->