Adres
Centrum Medycyny i Stomatologii SOBIESKI
ul. Jana III Sobieskiego 12/1
44-100 Gliwice
[sobieski_htb]
<!DOCTYPE html>
<html lang=”pl”>
<head>
<meta charset=”UTF-8″ />
<meta name=”viewport” content=”width=device-width, initial-scale=1″ />
<title>HTB – Zęby w 1 dzień | Sobieski 12</title>
<meta name=”description” content=”Hygienic Titanium Bridge: trwałe, estetyczne zęby w 1 dzień. Cyfrowe planowanie, szablony chirurgiczne, komfort leczenia. Umów konsultację w Sobieski 12 – Gliwice.” />
<!– Preload hero video & poster (podmień na własny URL w Media Library, jeśli chcesz) –>
<link rel=”preload” as=”video” href=”https://sobieskiego12.pl/wp-content/uploads/2025/04/htb-tylko-pop.mp4″ />
<link rel=”preload” as=”image” href=”https://sobieskiego12.pl/wp-content/uploads/2025/04/htb-tylko-pop-poster.jpg” />
<style>
/* ====== STYLE Scope: sob-htb-landing ====== */
:root{
–sob-htb-accent:#1aa375; /* zielony akcent jak na stronie */
–sob-htb-accent-2:#0d7a56; /* ciemniejszy odcień */
–sob-htb-dark:#0b0b0b; /* grafit */
–sob-htb-muted:#6b6f76; /* szary opisowy */
–sob-htb-bg:#fafafa; /* jasne tło sekcji */
}
.sob-htb *{box-sizing:border-box}
.sob-htb html,.sob-htb body{margin:0}
.sob-htb{font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(–sob-htb-dark);background:#fff;line-height:1.6}
.sob-htb .container{max-width:1180px;margin:0 auto;padding:0 22px}
.sob-htb h1,.sob-htb h2,.sob-htb h3{margin:0 0 10px}
.sob-htb h1{font-size:44px;line-height:1.1;font-weight:800}
.sob-htb h2{font-size:28px}
.sob-htb h3{font-size:20px;color:var(–sob-htb-muted)}
.sob-htb .kicker{letter-spacing:.12em;text-transform:uppercase;color:var(–sob-htb-accent);font-weight:800;font-size:12px}
.sob-htb section{padding:56px 0}
.sob-htb .grid{display:grid;gap:24px}
.sob-htb .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:900px){.sob-htb .grid-2{grid-template-columns:1fr}}
.sob-htb .card{border:1px solid #eee;border-radius:12px;padding:20px;background:#fff}
.sob-htb .list{display:grid;gap:8px;margin:12px 0 0;padding:0}
.sob-htb .list li{list-style:none;position:relative;padding-left:18px}
.sob-htb .list li::before{content:””;position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:var(–sob-htb-accent)}
.sob-htb .video{border-radius:14px;overflow:hidden;border:1px solid #e9e9e9;width:100%;height:auto}
.sob-htb .muted{color:var(–sob-htb-muted)}
.sob-htb .btn{display:inline-block;padding:13px 18px;border-radius:6px;font-weight:700;text-decoration:none;transition:.2s;border:1px solid transparent}
.sob-htb .btn-primary{background:#111;color:#fff;border-color:#111}
.sob-htb .btn-primary:hover{background:#000;border-color:#000;transform:translateY(-1px)}
.sob-htb .btn-ghost{background:#f1f5f9;color:#0f172a;border-color:#e5e7eb}
.sob-htb .btn-ghost:hover{background:#eef2f7}
.sob-htb .btn-accent{background:var(–sob-htb-accent);color:#fff;border-color:var(–sob-htb-accent)}
.sob-htb .btn-accent:hover{background:var(–sob-htb-accent-2);border-color:var(–sob-htb-accent-2)}
.sob-htb .cta{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}
.sob-htb .hero{position:relative;min-height:62vh;display:flex;align-items:flex-end}
.sob-htb .hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55)}
.sob-htb .hero-inner{position:relative;padding:72px 0 28px;border-bottom:1px solid #ececec}
.sob-htb .sticky{position:fixed;right:16px;bottom:16px;display:flex;gap:10px;z-index:50}
.sob-htb footer{background:#f4f6f8;border-top:1px solid #eee;padding:24px 0;color:#6b7280;font-size:14px}
.sob-htb .badge{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#fff;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.2);padding:8px 10px;border-radius:8px}
.sob-htb .faq details{border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;background:#fff}
.sob-htb .faq details+details{margin-top:10px}
.sob-htb .faq summary{cursor:pointer;font-weight:700}
@media (prefers-reduced-motion:reduce){.sob-htb .hero video{display:none}}
</style>
</head>
<body class=”sob-htb”>
<!– ===== HERO ===== –>
<header class=”hero” role=”banner” aria-label=”Hygienic Titanium Bridge – hero”>
<video src=”https://sobieskiego12.pl/wp-content/uploads/2025/04/htb-tylko-pop.mp4″
poster=”https://sobieskiego12.pl/wp-content/uploads/2025/04/htb-tylko-pop-poster.jpg”
autoplay muted loop playsinline></video>
<div class=”container hero-inner”>
<div class=”kicker”>życie bez protezy</div>
<h1>Hygienic Titanium Bridge</h1>
<p class=”muted” style=”color:#e7e7e7″>Trwałe, estetyczne zęby w 1 dzień. Cyfrowe planowanie, szablony chirurgiczne, komfort leczenia i przewidywalny efekt.</p>
<div class=”cta”>
<a href=”#kontakt” class=”btn btn-primary”>Umów konsultację</a>
<a href=”https://wa.me/48728556677″ class=”btn btn-accent”>💬 WhatsApp</a>
<a href=”tel:+48728556677″ class=”btn btn-ghost”>📞 728 556 677</a>
</div>
<div class=”badge” aria-hidden=”true”>⭐️⭐️⭐️⭐️⭐️ Opinie pacjentów</div>
</div>
<noscript>
<img src=”https://sobieskiego12.pl/wp-content/uploads/2025/04/htb-tylko-pop-poster.jpg” alt=”Hygienic Titanium Bridge – Sobieski 12″ style=”width:100%;height:auto;display:block;”/>
</noscript>
</header>
<!– ===== WHY HTB ===== –>
<section aria-label=”Dlaczego HTB”>
<div class=”container grid grid-2″ style=”align-items:center”>
<div>
<div class=”kicker”>co zyskujesz</div>
<h2>Piękny uśmiech bez protezy</h2>
<h3>Alternatywa dla ALL-on-4 w naszym autorskim wydaniu</h3>
<ul class=”list”>
<li>Plan leczenia w 3D + szablony ASKLEPIOSguide</li>
<li>Stałe zęby nawet tego samego dnia</li>
<li>Wysoki komfort i łatwy serwis konstrukcji</li>
</ul>
<div class=”cta”>
<a href=”#kontakt” class=”btn btn-primary”>Zarezerwuj termin</a>
<a href=”https://sobieskiego12.pl/cennik/” class=”btn btn-ghost”>Zobacz cennik</a>
</div>
</div>
<div>
<video class=”video” controls playsinline preload=”metadata”
src=”https://sobieskiego12.pl/wp-content/uploads/2025/04/technologia-ma-znaczenie-strona.mp4″></video>
</div>
</div>
</section>
<!– ===== PROCESS ===== –>
<section style=”background:var(–sob-htb-bg)” aria-label=”Jak wygląda leczenie”>
<div class=”container grid grid-2″ style=”align-items:center”>
<div class=”card”>
<div class=”kicker”>3 kroki</div>
<h2>Jak wygląda leczenie HTB</h2>
<ol class=”list” style=”counter-reset:step”>
<li>Konsultacja + CBCT + cyfrowy plan 3D</li>
<li>Implantacja z użyciem szablonów chirurgicznych</li>
<li>Stałe zęby + instruktaż higieny</li>
</ol>
</div>
<div>
<h2>Chcesz poznać najlepszą opcję?</h2>
<p class=”muted”>Wyjaśnimy różnice i dopasujemy rozwiązanie do warunków kostnych, trybu życia i budżetu.</p>
<div class=”cta”>
<a class=”btn btn-accent” href=”https://wa.me/48728556677″>Napisz na WhatsApp</a>
<a class=”btn btn-ghost” href=”#faq”>Najczęstsze pytania</a>
</div>
</div>
</div>
</section>
<!– ===== SOCIAL PROOF ===== –>
<section aria-label=”Opinie i zaufanie”>
<div class=”container grid grid-2″ style=”align-items:center”>
<div>
<div class=”kicker”>dlaczego sobieski 12</div>
<h2>Doświadczenie + inżynieria stomatologiczna</h2>
<ul class=”list”>
<li>Setki planów leczenia pełnych łuków</li>
<li>Szablony chirurgiczne w standardzie</li>
<li>Rozwiązania przykręcane, łatwe w serwisie</li>
</ul>
</div>
<div>
<video class=”video” controls playsinline preload=”metadata”
src=”https://sobieskiego12.pl/wp-content/uploads/2025/04/dlaczego-sobieski.mp4″></video>
</div>
</div>
</section>
<!– ===== FAQ ===== –>
<section id=”faq” style=”background:var(–sob-htb-bg)” aria-label=”FAQ”>
<div class=”container”>
<div class=”kicker”>faq</div>
<h2>Najczęstsze pytania</h2>
<div class=”faq” style=”margin-top:14px”>
<details>
<summary>Czy zabieg jest bolesny?</summary>
<p>Nie – pracujemy w znieczuleniu i na podstawie szablonów, co skraca czas i poprawia komfort.</p>
</details>
<details>
<summary>Za ile dni mam stałe zęby?</summary>
<p>W wielu przypadkach tego samego dnia lub następnego – decyzję podejmujemy po planie 3D i CBCT.</p>
</details>
<details>
<summary>Czy mogę przyjechać z innego miasta / z zagranicy?</summary>
<p>Tak. Pomożemy zaplanować terminy i minimalizujemy liczbę wizyt dzięki planowaniu cyfrowemu.</p>
</details>
</div>
</div>
</section>
<!– ===== CONTACT / CTA ===== –>
<section id=”kontakt” aria-label=”Kontakt i rezerwacja”>
<div class=”container grid grid-2″ style=”align-items:center”>
<div class=”card”>
<h2>Umów konsultację HTB</h2>
<p class=”muted”>Podaj dane – oddzwonimy i zaproponujemy najbliższy termin.</p>
<form onsubmit=”event.preventDefault(); window.gtag && gtag(’event’,’form_submit’,{form_id:’htb’}); alert(’Dziękujemy! Skontaktujemy się niebawem.’);”>
<div class=”grid” style=”gap:10px”>
<input required type=”text” placeholder=”Imię” aria-label=”Imię” style=”padding:12px;border-radius:10px;border:1px solid #e5e7eb”>
<input required type=”tel” placeholder=”Telefon” aria-label=”Telefon” style=”padding:12px;border-radius:10px;border:1px solid #e5e7eb”>
<button class=”btn btn-primary” type=”submit”>Wyślij</button>
</div>
</form>
</div>
<div>
<h3 class=”muted”>Wolisz szybki kontakt?</h3>
<p>📞 <a href=”tel:+48728556677″>+48 728 556 677</a><br/>✉️ <a href=”mailto:recepcja@sobieskiego12.pl”>recepcja@sobieskiego12.pl</a></p>
<div class=”cta”>
<a class=”btn btn-accent” href=”https://wa.me/48728556677″>Napisz na WhatsApp</a>
<a class=”btn btn-ghost” href=”https://sobieskiego12.pl/cennik/”>Zobacz cennik</a>
</div>
</div>
</div>
</section>
<!– Sticky CTA –>
<div class=”sticky” aria-hidden=”true”>
<a class=”btn btn-accent” href=”https://wa.me/48728556677″>💬 WhatsApp</a>
<a class=”btn btn-ghost” href=”tel:+48728556677″>📞 Zadzwoń</a>
</div>
<footer role=”contentinfo”>
<div class=”container”>© 2025 Centrum Medycyny i Stomatologii Sobieski 12, Gliwice</div>
</footer>
<!– ===== GA4 EVENTS (bezpieczne – działa, nawet jeśli gtag nie jest wstrzyknięty) ===== –>
<script>
window.dataLayer = window.dataLayer || [];
window.gtag = window.gtag || function(){ dataLayer.push(arguments); };
(function(){
// WhatsApp clicks
document.querySelectorAll(’a[href*=”wa.me”]’).forEach(function(el){
el.addEventListener(’click’, function(){
gtag(’event’,’click_whatsapp’,{event_category:’engagement’,page:’htb’});
});
});
// Phone clicks
document.querySelectorAll(’a[href^=”tel:”]’).forEach(function(el){
el.addEventListener(’click’, function(){
gtag(’event’,’call_click’,{event_category:’engagement’,page:’htb’});
});
});
// Video quartiles
var videos = Array.from(document.querySelectorAll(’video’));
videos.forEach(function(v){
var fired = {start:0,q25:0,q50:0,q75:0,q100:0};
v.addEventListener(’play’, function(){
if(!fired.start){ fired.start=1; gtag(’event’,’video_start’,{page:’htb’,src:v.currentSrc||v.src}); }
});
v.addEventListener(’timeupdate’, function(){
if(!v.duration || isNaN(v.duration)) return;
var p = (v.currentTime / v.duration) * 100;
if(p>=25 && !fired.q25){ fired.q25=1; gtag(’event’,’video_progress’,{page:’htb’,progress:25}); }
if(p>=50 && !fired.q50){ fired.q50=1; gtag(’event’,’video_progress’,{page:’htb’,progress:50}); }
if(p>=75 && !fired.q75){ fired.q75=1; gtag(’event’,’video_progress’,{page:’htb’,progress:75}); }
if(p>=99 && !fired.q100){ fired.q100=1; gtag(’event’,’video_complete’,{page:’htb’}); }
});
});
// Reduced motion: w razie potrzeby zatrzymaj autoplay
if(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)’).matches){
videos.forEach(function(v){ try{ v.pause(); v.removeAttribute(’autoplay’); v.removeAttribute(’loop’); }catch(e){} });
}
})();
</script>
</body>
</html>