PageSourceSearch

https://podnozyczkami.pl/

html podnozyczkami.pl collected 2026-10-07 20:52:45 UTC 24,289 bytes, 428 lines download raw bytes

1<!DOCTYPE html>
2<html lang="pl">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6  <title>Pod Nożyczkami – Salon Fryzjerski Męski - Łańcut</title>
7  <meta name="description" content="Pod Nożyczkami – salon fryzjerski męski w Łańcucie. Strzyżenie męskie i dziecięce, stylizacja brody oraz rezerwacja online 24/7.">
8  <meta name="keywords" content="fryzjer Łańcut, fryzjer męski Łańcut, salon fryzjerski Łańcut, strzyżenie Łańcut, barber Łańcut, Pod Nożyczkami Łańcut, fryzjer Piłsudskiego Łańcut">
9  <meta name="robots" content="index, follow">
10  <meta name="google-site-verification" content="-IWZLEIHQSCuXiCSJ9EWdoJmCoHFY4QP2EFXcFi0rSE">
11  <link rel="canonical" href="https://podnozyczkami.pl/">
12  <meta property="og:title" content="Pod Nożyczkami – Salon Fryzjerski Męski - Łańcut">
13  <meta property="og:description" content="Profesjonalne strzyżenie męskie i dziecięce w Łańcucie. Rezerwacja online 24/7 przez Booksy.">
14  <meta property="og:type" content="website">
15  <meta property="og:url" content="https://podnozyczkami.pl/">
16  <meta property="og:site_name" content="Pod Nożyczkami">
17  <meta property="og:image" content="https://podnozyczkami.pl/assets/og-image.jpg">
18  <meta property="og:image:width" content="1200">
19  <meta property="og:image:height" content="630">
20  <meta property="og:locale" content="pl_PL">
21  <meta name="twitter:card" content="summary_large_image">
22  <meta name="twitter:title" content="Pod Nożyczkami – Salon Fryzjerski Męski - Łańcut">
23  <meta name="twitter:description" content="Salon fryzjerski męski w Łańcucie – strzyżenie, stylizacja brody i rezerwacja online 24/7.">
24  <meta name="twitter:image" content="https://podnozyczkami.pl/assets/og-image.jpg">
25  <meta name="theme-color" content="#16130F">
26  <link rel="icon" href="/favicon.ico" sizes="any">
27  <link rel="icon" type="image/png" sizes="96x96" href="/favicon.png?v=3">
28  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
29  <link rel="preconnect" href="https://fonts.googleapis.com">
30  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
31  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600&family=Dancing+Script:wght@600;700&family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&display=swap" rel="stylesheet">
32  <link rel="stylesheet" href="style.css?v=14">
33  
33<script src="config.js?v=12"></script>
33
34  <style>
35    @keyframes shake { 0%,100%{transform:translateX(0)} 20%,60%{transform:translateX(-6px)} 40%,80%{transform:translateX(6px)} }
36    input.shake { animation: shake 0.35s ease; }
37    .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
38  </style>
39</head>
40<body>
41
42  <!-- ====================  SVG SPRITE  ==================== -->
43  <svg class="svg-sprite" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">
44    <!-- Nożyczki fryzjerskie (kształt litery Y) -->
45    <symbol id="ico-scissors" viewBox="0 0 120 178">
46      <g fill="none" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round">
47        <circle cx="46" cy="146" r="13"/>
48        <circle cx="74" cy="146" r="13"/>
49        <path d="M49 134 L60 92"/>
50        <path d="M71 134 L60 92"/>
51        <path d="M60 92 L101 16" stroke-width="5.5"/>
52        <path d="M60 92 L19 16" stroke-width="5.5"/>
53      </g>
54      <circle cx="60" cy="92" r="4.4" fill="currentColor"/>
55    </symbol>
56
57    <!-- Grzebień -->
58    <symbol id="ico-comb" viewBox="0 0 120 40">
59      <g fill="none" stroke="currentColor" stroke-width="5" stroke-linecap="round" stroke-linejoin="round">
60        <path d="M8 14 H112 a4 4 0 0 1 4 4 v4 H4 v-4 a4 4 0 0 1 4-4 Z"/>
61        <path d="M14 26 V36 M28 26 V37 M42 26 V36 M56 26 V37 M70 26 V36 M84 26 V37 M98 26 V36 M108 26 V36"/>
62      </g>
63    </symbol>
64
65    <!-- Telefon -->
66    <symbol id="ico-phone" viewBox="0 0 24 24">
67      <g fill="none" stroke="currentColor" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round">
68        <path d="M14.5 2a6.5 6.5 0 0 1 6.5 6.5M14.5 5.5A3 3 0 0 1 17.5 8.5"/>
69        <path d="M21 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07A19.5 19.5 0 0 1 3.4 10.81 19.8 19.8 0 0 1 .33 2.18 2 2 0 0 1 2.31 0h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L6.09 7.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21 16.92z"/>
70      </g>
71    </symbol>
72    <!-- Kalendarz -->
73    <symbol id="ico-cal" viewBox="0 0 24 24">
74      <g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
75        <rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/>
76        <line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/>
77      </g>
78    </symbol>
79    <!-- Pin / mapa -->
80    <symbol id="ico-pin" viewBox="0 0 24 24">
81      <g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
82        <path d="M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/>
83      </g>
84    </symbol>
85    <!-- Lista / cennik -->
86    <symbol id="ico-list" viewBox="0 0 24 24">
87      <g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
88        <line x1="8" y1="6" x2="21" y2="6"/><line x1="8" y1="12" x2="21" y2="12"/><line x1="8" y1="18" x2="21" y2="18"/>
89        <line x1="3" y1="6" x2="3.01" y2="6"/><line x1="3" y1="12" x2="3.01" y2="12"/><line x1="3" y1="18" x2="3.01" y2="18"/>
90      </g>
91    </symbol>
92    <!-- Mail (dopracowana koperta) -->
93    <symbol id="ico-mail" viewBox="0 0 24 24">
94      <g fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
95        <rect x="2.5" y="4.75" width="19" height="14.5" rx="3.4"/>
96        <path d="M3.4 7.6l7.2 5.05a2.55 2.55 0 0 0 2.8 0L20.6 7.6"/>
97      </g>
98    </symbol>
99    <!-- Facebook (oficjalne logo) -->
100    <symbol id="ico-fb" viewBox="0 0 24 24">
101      <path fill="currentColor" d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z"/>
102    </symbol>
103    <!-- Messenger (oficjalne logo) -->
104    <symbol id="ico-msg" viewBox="0 0 24 24">
105      <path fill="currentColor" d="M11.9998 0C5.2868 0 .0078 4.92 .0078 11.56c0 3.473 1.425 6.47 3.744 8.539.195.175.313.42.32.681l.065 2.123c.02.677.72 1.117 1.34.846l2.369-1.045c.2-.088.424-.105.63-.05 1.094.301 2.26.461 3.473.461 6.713 0 11.992-4.92 11.992-11.56C23.996 4.92 18.713 0 11.9998 0Zm7.194 8.872-3.522 5.59c-.56.888-1.759 1.109-2.601.48l-2.802-2.099a.721.721 0 0 0-.869.003L6.595 15.721c-.503.382-1.162-.218-.823-.748l3.522-5.59c.56-.888 1.759-1.109 2.601-.48l2.802 2.099a.721.721 0 0 0 .869-.003l3.805-2.875c.503-.382 1.162.218.823.748z"/>
106    </symbol>
107    <!-- Precyzja / cel -->
108    <symbol id="ico-target" viewBox="0 0 24 24">
109      <g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
110        <circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="4.5"/><circle cx="12" cy="12" r="0.6" fill="currentColor"/>
111      </g>
112    </symbol>
113    <!-- Zaufanie / serce -->
114    <symbol id="ico-heart" viewBox="0 0 24 24">
115      <path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
116        d="M20.8 6.6a5 5 0 00-7-.3l-1.8 1.7-1.8-1.7a5 5 0 10-6.8 7.3l8.6 8 8.6-8a5 5 0 00.2-6.7z"/>
117    </symbol>
118    <!-- Google -->
119    <symbol id="ico-google" viewBox="0 0 24 24">
120      <path fill="currentColor" d="M21.35 11.1H12.18v2.73h5.51c-.26 1.57-1.12 2.9-2.38 3.77v3.13h3.85c2.26-2.08 3.56-5.15 3.56-8.72 0-.9-.08-1.76-.37-2.91z M12.18 22c2.43 0 4.47-.8 5.96-2.18l-3.85-3.13c-.8.54-1.83.86-2.11.86-3.01 0-5.56-2.03-6.47-4.76H1.73v3.23C3.22 19.73 7.4 22 12.18 22z M5.71 13.79A6.64 6.64 0 0 1 5.35 12c0-.62.1-1.23.36-1.79V6.98H1.73A11.06 11.06 0 0 0 1 12c0 1.78.43 3.46 1.18 4.93l3.53-3.14z M12.18 5.24c1.69 0 3.21.58 4.4 1.72l3.3-3.3C17.86 1.9 15.22 1 12.18 1 7.4 1 3.22 3.27 1.73 7.07l3.98 3.14c.91-2.73 3.46-4.97 6.47-4.97z"/>
121    </symbol>
122    <!-- Zegar -->
123    <symbol id="ico-clock" viewBox="0 0 24 24">
124      <g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
125        <circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/>
126      </g>
127    </symbol>
128    <!-- Galeria / aparat -->
129    <symbol id="ico-image" viewBox="0 0 24 24">
130      <g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
131        <rect x="3" y="3" width="18" height="18" rx="2"/>
132        <circle cx="8.5" cy="8.5" r="1.5"/>
133        <polyline points="21 15 16 10 5 21"/>
134      </g>
135    </symbol>
136    <!-- Chevron w dół -->
137    <symbol id="ico-chevron" viewBox="0 0 24 24">
138      <polyline fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="6 9 12 15 18 9"/>
139    </symbol>
140  </svg>
141
142  <!-- ====================  EKRAN BLOKADY  ==================== -->
143  <div id="lockOverlay" class="lock-overlay hidden" role="dialog" aria-modal="true" aria-label="Strona w budowie">
144    <div class="lock-card">
145      <img class="lock-emblem" src="assets/nozyczki.png" alt="Pod Nożyczkami">
146      <h2>Strona w budowie</h2>
147      <p class="lock-sub">Pod Nożyczkami otwiera się już wkrótce.</p>
148      <form id="lockForm" class="lock-form" novalidate>
149        <input type="password" id="lockPassword" placeholder="Hasło dostępu" autocomplete="off" autofocus required>
150        <button type="submit">Wejdź</button>
151        <p id="lockError" class="lock-error hidden">Nieprawidłowe hasło. Spróbuj ponownie.</p>
152      </form>
153    </div>
154  </div>
155
156  <!-- ====================  NAGŁÓWEK  ==================== -->
157  <header class="header">
158    <div class="container header-inner">
159      <a href="#" class="brand" aria-label="Pod Nożyczkami – strona główna">
160        <img class="brand-mark" src="assets/logo-header.png" alt="Pod Nożyczkami" width="202" height="200">
161        <span class="brand-tagline"><strong>Salon Fryzjerski Męski</strong><small>Łańcut</small></span>
162      </a>
163      <nav class="nav-links" aria-label="Nawigacja">
164        <a href="#o-nas"><img class="nav-scissors" src="assets/nozyczki.png" alt="">O nas</a>
165        <a href='/galeria'><svg><use href="#ico-image"/></svg>Galeria</a>
166        <a href="#godziny"><svg><use href="#ico-clock"/></svg>Godziny</a>
167        <a href="#cennik"><svg><use href="#ico-list"/></svg>Cennik</a>
168        <a href="#mapa"><svg><use href="#ico-pin"/></svg>Kontakt</a>
169      </nav>
170      <div class="header-actions" aria-label="Rezerwacja wizyty">
171        <a href="#" class="header-cta header-cta-phone" onclick="handleCall(); return false;"><svg><use href="#ico-phone"/></svg><span>Umów<br>wizytę</span></a>
172        <a href="#" class="header-cta header-cta-booksy" onclick="openBooksyBooking(); return false;"><svg><use href="#ico-cal"/></svg><span>Online<br>24/7</span></a>
173      </div>
174    </div>
175  </header>
176
177  <!-- ====================  KOMUNIKAT  ==================== -->
178  <!-- POPUP PROMOCJI -->
179  <div id="promoOverlay" class="promo-overlay hidden" role="dialog" aria-modal="true" aria-label="Promocja">
180    <div class="promo-box">
181      <button class="promo-close" onclick="dismissAnnouncement()" aria-label="Zamknij">✕</button>
182      <img id="promoImg" class="promo-img" alt="Aktualna promocja">
183      <p id="promoText" class="promo-text"></p>
184    </div>
185  </div>
186
187  <main>
188    <!-- ====================  HERO  ==================== -->
189    <section class="hero">
190      <div class="hero-bg" aria-hidden="true">
191        <div class="hero-glow"></div>
192        <svg class="hero-watermark" viewBox="0 0 120 178"><use href="#ico-scissors"/></svg>
193      </div>
194
195      <div class="container hero-inner">
196
197        <h1 class="sr-only">Pod Nożyczkami – Salon Fryzjerski Męski - Łańcut</h1>
198
199        <!-- WORDMARK (logo Pod Nożyczkami) -->
200        <div class="wordmark reveal">
201          <img class="wordmark-img" src="assets/wordmark.png?v=2" alt="Pod Nożyczkami" width="1500" height="750">
202        </div>
203
204        <p id="heroTagline" class="hero-tagline reveal d1"></p>
205
206        <div class="trust reveal d2">
207          <span class="trust-item"><img class="trust-scissors" src="assets/nozyczki.png" alt="">Dla Mężczyzn i Chłopców</span>
208        </div>
209
210        <!-- LICZNIK -->
211        <div id="countdown" class="countdown hidden reveal d2" aria-live="polite">
212          <p id="countdownLabel" class="countdown-label"></p>
213          <div class="countdown-grid">
214            <div class="cd-item"><span id="cdDays">00</span><small>dni</small></div>
215            <span class="cd-sep">:</span>
216            <div class="cd-item"><span id="cdHours">00</span><small>godzin</small></div>
217            <span class="cd-sep">:</span>
218            <div class="cd-item"><span id="cdMins">00</span><small>minut</small></div>
219            <span class="cd-sep">:</span>
220            <div class="cd-item"><span id="cdSecs">00</span><small>sekund</small></div>
221          </div>
222        </div>
223
224        <!-- PRZYCISKI -->
225        <div class="action-buttons reveal d2" role="group" aria-label="Szybki kontakt">
226          <div class="booksy-slot">
227            <!-- Przycisk rezerwacji online Booksy -->
228            
228<script type="text/javascript" src="https://booksy.com/widget/code.js?id=356001&country=pl&lang=pl"></script>
228
229          </div>
230          <button class="btn-action btn-primary btn-wide" onclick="handleCall()" aria-label="Umów wizytę telefonicznie">
231            <svg><use href="#ico-phone"/></svg><span>Umów wizytę</span><span id="heroPhoneNum" class="btn-phone-num"></span>
232          </button>
233          <button class="btn-action btn-primary btn-wide btn-booksy" type="button" onclick="openBooksyBooking()" aria-label="Umów wizytę online przez Booksy">
234            <svg><use href="#ico-cal"/></svg><span>Umów wizytę online 24/7</span><img class="booksy-logo" src="assets/booksy-logo.png" alt="Booksy">
235          </button>
236          <a id="btnMap" class="btn-action btn-outline" target="_blank" rel="noopener noreferrer" aria-label="Jak dojechać – Google Maps">
237            <svg><use href="#ico-pin"/></svg><span>Jak dojechać</span>
238          </a>
239          <a href="#cennik" class="btn-action btn-outline" aria-label="Zobacz cennik">
240            <svg><use href="#ico-list"/></svg><span>Cennik</span>
241          </a>
242        </div>
243
244        <!-- IKONY KONTAKTOWE -->
245        <div class="contact-icons reveal d3" role="group" aria-label="Kontakt i media społecznościowe">
246          <a id="iconEmail" class="contact-icon" target="_blank" rel="noopener" title="Napisz e-mail" aria-label="E-mail">
247            <svg><use href="#ico-mail"/></svg>
248          </a>
249          <a id="iconFacebook" class="contact-icon" target="_blank" rel="noopener" title="Facebook" aria-label="Facebook">
250            <svg><use href="#ico-fb"/></svg>
251          </a>
252          <a id="iconMessenger" class="contact-icon" target="_blank" rel="noopener" title="Messenger" aria-label="Messenger">
253            <svg><use href="#ico-msg"/></svg>
254          </a>
255          <a id="iconGoogle" class="contact-icon" target="_blank" rel="noopener" title="Google" aria-label="Profil Google">
256            <img class="google-mark" src="assets/google-mark.png" alt="">
257          </a>
258          <a class="contact-icon contact-icon-booksy" href="https://podnozyczkami.booksy.com" target="_blank" rel="noopener" title="Booksy – rezerwacja online" aria-label="Booksy – rezerwacja online">
259            <img src="assets/booksy-icon-v2.png" alt="">
260          </a>
261        </div>
262      </div>
263
264    </section>
265
266    <!-- ====================  O NAS  ==================== -->
267    <section id="o-nas" class="section">
268      <div class="container">
269        <span class="eyebrow reveal">Witaj w salonie</span>
270        <h2 class="section-title reveal">Twoje miejsce na dobre cięcie</h2>
271        <div class="title-rule reveal"></div>
272        <div class="about-layout">
273          <div class="about-copy">
274            <p id="aboutText" class="about-text reveal d1"></p>
275          </div>
276          <a aria-label='Zobacz galerię salonu' class='about-photo reveal d1' href='/galeria'>
277            <img src="Galeria/justyna-w-salonie.jpg" alt="Justyna w salonie Pod Nożyczkami w Łańcucie" loading="lazy">
278            <span><svg><use href="#ico-image"/></svg>Zobacz galerię salonu</span>
279          </a>
280        </div>
281      </div>
282    </section>
283
284    <!-- ====================  DLACZEGO WARTO  ==================== -->
285    <section class="section section-features">
286      <div class="container">
287        <span class="eyebrow reveal">Pod Nożyczkami</span>
288        <h2 class="section-title reveal">Dlaczego warto nas wybrać?</h2>
289        <div class="title-rule reveal"></div>
290        <div class="features-grid">
291          <article class="feature-card reveal d1">
292            <svg><use href="#ico-target"/></svg>
293            <h3>Precyzyjne cięcie</h3>
294            <p>Klasyczne i nowoczesne fryzury dopasowane do Twojego stylu.</p>
295          </article>
296          <article class="feature-card reveal d2">
297            <svg><use href="#ico-heart"/></svg>
298            <h3>Przyjazna atmosfera</h3>
299            <p>Chwila dla Ciebie w kameralnym, komfortowym wnętrzu.</p>
300          </article>
301          <article class="feature-card reveal d3">
302            <svg><use href="#ico-cal"/></svg>
303            <h3>Termin dla Ciebie</h3>
304            <p>
304Rezerwuj wygodnie online o każdej porze, przez Booksy.</p>
305          </article>
306        </div>
307      </div>
308    </section>
309
310    <!-- ====================  GODZINY  ==================== -->
311    <section id="godziny" class="section section-hours">
312      <div class="container">
313        <span class="eyebrow reveal">Kiedy nas odwiedzisz?</span>
314        <h2 class="section-title reveal">Godziny otwarcia</h2>
315        <div class="title-rule reveal"></div>
316        <div class="hours-wrap reveal d1">
317          <div id="hoursGrid" class="hours-grid" role="list"></div>
318          <div class="hours-flex">
319            <svg class="hours-flex-icon"><use href="#ico-phone"/></svg>
320            <p id="hoursFlexNote"></p>
321            <button class="btn-action btn-primary hours-btn" onclick="handleCall()">
322              <svg><use href="#ico-phone"/></svg><span>Umów wizytę</span>
323            </button>
324            <button class="btn-action btn-primary btn-booksy hours-btn" type="button" onclick="openBooksyBooking()" aria-label="Umów wizytę online przez Booksy">
325              <svg><use href="#ico-cal"/></svg><span>Online 24/7</span><img class="booksy-logo" src="assets/booksy-logo.png" alt="Booksy">
326            </button>
327          </div>
328        </div>
329      </div>
330    </section>
331
332    <div class="cut-divider" aria-hidden="true"><span class="cut-sciss"><img class="cut-sciss-img" src="assets/nozyczki.png" alt=""></span></div>
333
334    <!-- ====================  CENNIK  ==================== -->
335    <section id="cennik" class="section section-cennik">
336      <div class="container">
337        <span class="eyebrow reveal">Cennik usług</span>
338        <h2 class="section-title reveal">Strzyżenie i pielęgnacja</h2>
339        <div class="title-rule reveal"></div>
340        <div id="priceList" class="price-wrap reveal d1" role="list" aria-label="Lista usług i cen"></div>
341      </div>
342    </section>
343
344    <!-- ====================  OPINIE  ==================== -->
345    <section class="section section-reviews">
346      <div class="container">
347        <span class="eyebrow reveal">Głos klientów</span>
348        <h2 class="section-title reveal">Opinie, które wiele znaczą</h2>
349        <div class="title-rule reveal"></div>
350        <div class="reviews-card reveal d1">
351          <div class="reviews-stars" aria-label="Opinie klientów"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></div>
352          <p>Najlepiej o naszej pracy opowiadają klienci. Zobacz ich autentyczne opinie na profilu Google.</p>
353          <a id="googleReviewsLink" class="btn-action btn-outline reviews-btn" target="_blank" rel="noopener" aria-label="Zobacz opinie w Google">
354            <img class="google-mark" src="assets/google-mark.png" alt=""><span>Zobacz opinie w Google</span>
355          </a>
356        </div>
357      </div>
358    </section>
359
360    <!-- ====================  CTA BAND  ==================== -->
361    <section class="cta-band">
362      <img class="cta-watermark" src="assets/nozyczki.png" alt="" aria-hidden="true">
363      <div class="container cta-band-inner">
364        <h2 class="reveal">Gotowy na <span>nowy look</span>?</h2>
365        <p class="reveal d1">Zadzwoń i umów wizytę w dogodnym terminie.</p>
366        <div class="action-buttons reveal d2" style="grid-template-columns:1fr 1fr">
367          <button class="btn-action btn-gold" onclick="handleCall()" aria-label="Umów wizytę telefonicznie">
368            <svg><use href="#ico-phone"/></svg><span>Umów wizytę</span>
369          </button>
370          <button class="btn-action btn-primary btn-booksy" type="button" onclick="openBooksyBooking()" aria-label="Umów wizytę online przez Booksy">
371            <svg><use href="#ico-cal"/></svg><span>Online 24/7</span><img class="booksy-logo" src="assets/booksy-logo.png" alt="Booksy">
372          </button>
373          <a class="btn-action btn-outline btn-wide" target="_blank" rel="noopener" onclick="if(typeof CONFIG!=='undefined'){this.href=CONFIG.googleMapsUrl}" id="btnMap2" aria-label="Jak dojechać">
374            <svg><use href="#ico-pin"/></svg><span>Jak dojechać</span>
375          </a>
376        </div>
377      </div>
378    </section>
379  </main>
380
381  <!-- ====================  MAPA  ==================== -->
382  <section id="mapa" class="section section-map">
383    <div class="container">
384      <span class="eyebrow reveal">Znajdź nas</span>
385      <h2 class="section-title reveal">Jak dojechać</h2>
386      <div class="title-rule reveal"></div>
387      <div class="map-wrap reveal d1">
388        <iframe id="mapFrame" class="map-frame" allowfullscreen loading="lazy" referrerpolicy="no-referrer-when-downgrade" title="Mapa dojazdu – Pod Nożyczkami Łańcut"></iframe>
389        <a id="mapNavBtn" class="map-nav-btn btn-action btn-primary" target="_blank" rel="noopener">
390          <svg><use href="#ico-pin"/></svg><span>Otwórz nawigację</span>
391        </a>
392      </div>
393    </div>
394  </section>
395
396  <!-- ====================  STOPKA  ==================== -->
397  <footer id="kontakt" class="footer">
398    <div class="container footer-grid">
399      <div>
400        <img class="footer-brand-img" src="assets/wordmark.png?v=2" alt="Pod Nożyczkami" width="1500" height="750" loading="lazy">
401        <div class="footer-wordmark"><small>Salon Fryzjerski Męski · Łańcut</small></div>
402        <div class="footer-social">
403          <a id="footerFb" href="#" target="_blank" rel="noopener" aria-label="Facebook"><svg><use href="#ico-fb"/></svg></a>
404          <a id="footerMsg" href="#" target="_blank" rel="noopener" aria-label="Messenger"><svg><use href="#ico-msg"/></svg></a>
405          <a id="footerMail" href="#" aria-label="E-mail"><svg><use href="#ico-mail"/></svg></a>
406        </div>
407      </div>
408      <div class="footer-contact">
409        <h3>Kontakt</h3>
410        <p id="footerOwner" class="footer-owner"></p>
411        <p id="footerPhone"></p>
412        <p id="footerEmail"></p>
413        <p id="footerAddress"></p>
414      </div>
415      <div>
416        <h3>Godziny otwarcia</h3>
417        <div id="footerHours"></div>
418        <p id="footerHoursNote" class="footer-hours-note"></p>
419      </div>
420    </div>
421    <div class="container footer-bottom">
422      <p>© <span id="year">2026</span> Pod Nożyczkami · Justyna Drozd · Łańcut</p>
423    </div>
424  </footer>
425
426  
426<script src="script.js?v=12"></script>
426
427</body>
428</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.