<header class="hero"> <svg class="hero-air" viewBox="0 0 1440 700" preserveAspectRatio="xMidYMid slice" aria-hidden="true"> <path class="flow" d="M-50 520 C 300 520,400 380,760 400 S 1200 260,1500 300" /> <path class="flow s" d="M-50 570 C 320 580,460 440,800 450 S 1220 330,1500 360" /> <path class="flow w" d="M-50 470 C 280 450,420 320,740 340 S 1180 200,1500 240" /> <path class="flow" d="M-50 420 C 260 380,440 260,720 280 S 1160 140,1500 180" /> </svg> <div class="container"> <div class="row align-items-center g-5"> <div class="col-lg-7"> <h1>Her mekânın havası doğru akmalı.</h1> <p class="lead fs-5 mt-4">Fabrika, mutfak, otopark ve ofisler için havalandırma sistemlerini projelendiriyor, kuruyor ve bakımını yapıyoruz.</p> <div class="d-flex flex-wrap gap-3 mt-4"> <a href="https://wa.me/905464437092?text=Merhaba%20Y%C3%B6ntem%20Havaland%C4%B1rma%2C%20projem%20i%C3%A7in%20fiyat%20teklifi%20almak%20istiyorum." class="btn btn-heat btn-lg">Ücretsiz keşif talep et</a> <a href="/tr/hizmetlerimiz" class="btn btn-outline-light btn-lg fw-semibold">Hizmetleri gör</a></div> </div> <div class="col-lg-5"> <div class="fan-wrap"><svg viewBox="0 0 400 400" role="img" aria-label="Havalandırma fanı"> <circle cx="200" cy="200" r="185" fill="#17333b" stroke="#3fb6b8" stroke-width="6" /> <circle cx="200" cy="200" r="165" fill="none" stroke="#2f4d56" stroke-width="2" /> <g class="fan-blades"> <path d="M200 200 C 215 120,285 70,330 105 C 300 150,250 190,200 200 Z" fill="#0b7f84" transform="rotate(0 200 200)" /> <path d="M200 200 C 215 120,285 70,330 105 C 300 150,250 190,200 200 Z" fill="#f26b3a" transform="rotate(60 200 200)" /> <path d="M200 200 C 215 120,285 70,330 105 C 300 150,250 190,200 200 Z" fill="#0b7f84" transform="rotate(120 200 200)" /> <path d="M200 200 C 215 120,285 70,330 105 C 300 150,250 190,200 200 Z" fill="#f26b3a" transform="rotate(180 200 200)" /> <path d="M200 200 C 215 120,285 70,330 105 C 300 150,250 190,200 200 Z" fill="#0b7f84" transform="rotate(240 200 200)" /> <path d="M200 200 C 215 120,285 70,330 105 C 300 150,250 190,200 200 Z" fill="#f26b3a" transform="rotate(300 200 200)" /> </g> <circle cx="200" cy="200" r="26" fill="#10242b" stroke="#fff" stroke-width="4" /> </svg></div> </div> </div> </div> </header> <div class="stat-bar py-4"> <div class="container"> <div class="row text-center g-3"> <div class="col-6 col-md-3"><strong>500+</strong><span>Tamamlanan proje</span></div> <div class="col-6 col-md-3"><strong>15 yıl</strong><span>Sektör deneyimi</span></div> <div class="col-6 col-md-3"><strong>7/24</strong><span>Arıza desteği</span></div> <div class="col-6 col-md-3"><strong>%100</strong><span>Yerinde keşif</span></div> </div> </div> </div> <section class="sec"> <div class="container"> <div class="d-flex flex-wrap justify-content-between align-items-end mb-4 gap-3"> <h2>Hizmetlerimiz</h2><a href="/tr/hizmetlerimiz" class="btn btn-line">Tüm hizmetler</a> </div> <div class="row g-4"> </div> </div> </section> <section class="sec process"> <div class="container"> <div class="row g-5 align-items-center"> <div class="col-lg-5"> <h2>İşe nasıl başlıyoruz?</h2> <p class="muted mt-3">Süreci baştan sona şeffaf yürütüyoruz.</p> <div class="ph tall mt-4 steel"> <img src="https://yontemhavalandirma.com/uploads/Files/1791408923_Havaland%C4%B1rma%20sahas%C4%B1nda%20lazer%20o%CC%88lc%CC%A7u%CC%88mu%CC%88%20(1)%20(1).png" class="img-fluid" /> </div> </div> <div class="col-lg-7"> <div class="step"><b>1</b> <h3>Yerinde keşif</h3> <p>Mekânı görür, ölçü alır ve ihtiyacınızı dinleriz.</p> </div> <div class="step"><b>2</b> <h3>Proje ve teklif</h3> <p>Hava debisi hesaplanır; ekipman ve fiyat net sunulur.</p> </div> <div class="step"><b>3</b> <h3>İmalat ve montaj</h3> <p>Kendi ekibimizle işletmenizi aksatmadan kurulum yaparız.</p> </div> <div class="step"><b>4</b> <h3>Devreye alma ve bakım</h3> <p>Test ve ayar sonrası teslim eder, bakım planına bağlarız.</p> </div> </div> </div> </div> </section>