<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Hometech Alpha Serisi, Rahat Çalışan, Yüksek Performans Ekran Değişimi Fiyatları 2026 - Perpa Teknik Servis</title>
<meta name="description" content="Hometech Alpha Serisi, Rahat Çalışan, Yüksek Performans laptop ekran değişimi Perpa şubemizde 60 dakikada yapılır. Yerinde servis ve kurye seçeneğiyle İstanbul genelinde 1 yıl garantili orijinal panel değişimi sağlar.">
<meta name="keywords" content="hometech laptop ekran değişimi, hometech ekran tamiri fiyatı, hometech alpha serisi ekran değişimi, hometech rahat çalışan ekran tamiri, hometech yüksek performans ekran değişimi, hometech notebook panel fiyatları, hometech laptop ekranı kırıldı, perpa hometech servisi, hometech ekran garantisi, hometech laptop tamiri istanbul">
<meta name="robots" content="index, follow, max-image-preview:large">
<meta name="author" content="FIRAT ATESOGLU">
<link rel="canonical" href="https://ekrantamiri.tr/hometech-ekran-degisimi">
<meta property="og:type" content="website">
<meta property="og:url" content="https://ekrantamiri.tr/hometech-ekran-degisimi">
<meta property="og:title" content="Hometech Laptop Ekran DeÄŸiÅŸimi | Alpha Serisi - 60 Dakikada Teslim">
<meta property="og:description" content="Hometech Alpha Serisi, Rahat Çalışan, Yüksek Performans modellerinde kırık, çatlak ekranlar için Perpa&#039;da orijinal panel değişimi. 1 yıl garanti, aynı gün teslim, İstanbul&#039;da uzman servis!">
<meta property="og:image" content="https://ekrantamiri.tr/images/hometech-ekran-degisimi.webp">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://ekrantamiri.tr/hometech-ekran-degisimi">
<meta name="twitter:title" content="Hometech Laptop Ekran DeÄŸiÅŸimi | Alpha Serisi - 60 Dakikada Teslim">
<meta name="twitter:description" content="Hometech Alpha Serisi, Rahat Çalışan, Yüksek Performans modellerinde kırık, çatlak ekranlar için Perpa&#039;da orijinal panel değişimi. 1 yıl garanti, aynı gün teslim, İstanbul&#039;da uzman servis!">
<meta name="twitter:image" content="https://ekrantamiri.tr/images/hometech-ekran-degisimi.webp">
<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"Hometech Alpha Serisi, Rahat Çalışan, Yüksek Performans Ekran Değişimi Fiyatları 2026 - Perpa Teknik Servis","url":"https://ekrantamiri.tr/hometech-ekran-degisimi","description":"Hometech Alpha Serisi, Rahat Çalışan, Yüksek Performans modellerinde kırık, çatlak ekranlar için Perpa'da orijinal panel değişimi. 1 yıl garanti, aynı gün teslim, İstanbul'da uzman servis!","inLanguage":"tr-TR","isPartOf":{"@type":"WebSite","name":"EkranTamiri.tr","url":"https://ekrantamiri.tr/"}}</script>

<link rel="icon" href="images/favicon.png" type="image/png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">

<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap');

*, *::before, *::after { box-sizing: border-box; }

.ust-ticker-bar, .pro-site-header { font-family: 'Inter', sans-serif; }

/* Ticker */
.ust-ticker-bar { background: #111827; color: #fff; padding: 10px 0; overflow: hidden; white-space: nowrap; border-bottom: 2px solid #fd7901; }
.ticker-wrap { display: inline-block; animation: ticker-anim 65s linear infinite; }
.ticker-wrap span { margin-right: 45px; font-size: 13px; font-weight: 600; }
.ticker-wrap i { color: #fd7901; margin-right: 6px; }
@keyframes ticker-anim { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* Header */
.pro-site-header { background: #fff; height: 85px; display: flex; align-items: center; box-shadow: 0 8px 30px rgba(0,0,0,0.08); position: sticky; top: 0; z-index: 99999; }
.h-container { width: 100%; max-width: 1350px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 0 25px; }
.h-logo { font-size: 26px; font-weight: 800; color: #111827; text-decoration: none; flex-shrink: 0; }
.h-logo span { color: #fd7901; }

/* Nav - Desktop */
.h-nav { display: flex; list-style: none; gap: 22px; align-items: center; margin: 0; padding: 0; }
.h-nav li { position: relative; height: 85px; display: flex; align-items: center; }
.h-nav a { text-decoration: none; color: #374151; font-weight: 700; font-size: 14.5px; transition: 0.3s; position: relative; white-space: nowrap; }
.h-nav a::after { content: ""; position: absolute; bottom: -6px; left: 0; width: 0; height: 2px; background: #fd7901; transition: 0.3s; }
.h-nav a:hover::after { width: 100%; }
.h-nav a:hover { color: #fd7901; }

/* MEGA MENU - Desktop hover */
.has-mega { position: static !important; }

.mega-drop {
    display: none;
    position: absolute;
    top: 85px;
    left: 0;
    width: 100vw;
    background: #fff;
    padding: 45px 60px;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    box-shadow: 0 30px 60px rgba(0,0,0,0.12);
    border-top: 4px solid #fd7901;
}

/* Desktop: hover ile aç */
@media (min-width: 1025px) {
    .has-mega:hover > .mega-drop {
        display: grid;
    }
}

.m-col h4 { color: #111827; font-size: 16px; font-weight: 800; margin-bottom: 20px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #f3f4f6; padding-bottom: 10px; }
.m-col h4 i { color: #fd7901; }
.m-col a { display: block; padding: 7px 0; color: #6b7280; font-size: 14px; transition: 0.25s; }
.m-col a:hover { color: #fd7901; transform: translateX(6px); }
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 10px; }
hr { border: 0; border-top: 1px solid #f3f4f6; margin: 15px 0; }

.m-box { background: linear-gradient(135deg, #fff7ed, #ffedd5); padding: 16px; border-radius: 10px; margin-top: 20px; border-left: 4px solid #fd7901; transition: 0.3s; }
.m-box:hover { transform: translateY(-3px); }
.m-box strong { display: block; font-size: 13px; color: #111827; }
.m-box p { font-size: 12px; color: #fd7901; margin: 5px 0 0; }

/* WhatsApp */
.wa-btn-pro { background: #22c55e; color: #fff !important; padding: 11px 20px; border-radius: 8px; display: flex; align-items: center; gap: 8px; font-weight: 700; box-shadow: 0 10px 20px rgba(34,197,94,0.25); transition: 0.3s; }
.wa-btn-pro:hover { background: #16a34a; transform: translateY(-3px); }
.wa-btn-pro::after { display: none !important; }

/* Hamburger */
.hamburger { display: none; flex-direction: column; justify-content: center; gap: 5px; background: none; border: none; cursor: pointer; padding: 8px; z-index: 100001; flex-shrink: 0; }
.hamburger span { display: block; width: 26px; height: 2.5px; background: #111827; border-radius: 2px; transition: 0.3s; }
.hamburger.open span:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity: 0; }
.hamburger.open span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }

/* ── MOBİL ── */
@media (max-width: 1024px) {
    .h-container { padding: 0 16px; }
    .hamburger { display: flex; }

    /* Nav panel */
    .h-nav {
        position: fixed;
        top: 0; right: 0;
        width: 100%;
        height: 100vh;
        background: #fff;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        padding: 90px 0 40px;
        gap: 0;
        overflow-y: auto;
        transform: translateX(100%);
        transition: transform 0.35s ease;
        z-index: 99998;
        box-shadow: -10px 0 40px rgba(0,0,0,0.15);
    }
    .h-nav.open { transform: translateX(0); }

    /* Her li tam geniÅŸlik */
    .h-nav li { height: auto; display: block; border-bottom: 1px solid #f3f4f6; }

    /* Ana linkler */
    .h-nav > li > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px 24px;
        font-size: 16px;
        color: #111827;
    }
    .h-nav > li > a:hover { color: #fd7901; background: #fff7ed; }
    .h-nav a::after { display: none; }

    /* Mega drop - mobilde accordion */
    .mega-drop {
        display: none !important;
        position: static !important;
        width: 100% !important;
        grid-template-columns: 1fr !important;
        padding: 0 24px 16px 24px !important;
        box-shadow: none !important;
        border-top: none !important;
        gap: 0 !important;
        background: #f8fafc;
    }
    .mega-drop.mobile-open {
        display: grid !important;
    }

    .m-col { padding: 12px 0; border-bottom: 1px solid #f1f5f9; }
    .m-col:last-child { border-bottom: none; }
    .m-col h4 { font-size: 13px; margin-bottom: 10px; }
    .m-col a { font-size: 14px; padding: 6px 0; }
    .m-col a:hover { transform: none; }
    .grid-2 { grid-template-columns: 1fr 1fr; }
    .m-box { display: none; }

    /* WA butonu mobilde tam geniÅŸlik */
    .h-nav li:last-child { border-bottom: none; padding: 16px 24px; }
    .wa-btn-pro { width: 100%; justify-content: center; border-radius: 12px; font-size: 16px; padding: 14px; }

    /* Chevron ikonu döndür */
    .has-mega > a .fa-chevron-down { transition: transform 0.3s; }
    .has-mega.submenu-open > a .fa-chevron-down { transform: rotate(180deg); }
}
</style>

<div class="ust-ticker-bar">
    <div class="ticker-wrap">
        <span><i class="fas fa-certificate"></i> Orijinal Ekran DesteÄŸi</span>
        <span><i class="fas fa-bolt"></i> 1 Saatte Hızlı Montaj</span>
        <span><i class="fas fa-shield-alt"></i> 1 Yıl Parça Garantisi</span>
        <span><i class="fas fa-map-marker-alt"></i> Perpa Ticaret Merkezi ÅžiÅŸli</span>
        <span><i class="fas fa-star"></i> %100 Müşteri Memnuniyeti</span>
        <span><i class="fas fa-laptop"></i> Ücretsiz Arıza Tespiti</span>
        <span><i class="fas fa-laptop"></i> Asus Laptop Ekran DeÄŸiÅŸimi</span>
        <span><i class="fas fa-laptop"></i> HP Laptop Ekran DeÄŸiÅŸimi</span>
        <span><i class="fas fa-laptop"></i> Lenovo Laptop Ekran DeÄŸiÅŸimi</span>
        <span><i class="fas fa-laptop"></i> Dell Laptop Ekran DeÄŸiÅŸimi</span>
        <span><i class="fas fa-laptop"></i> Acer Laptop Ekran DeÄŸiÅŸimi</span>
        <span><i class="fas fa-laptop"></i> MSI Laptop Ekran DeÄŸiÅŸimi</span>
        <span><i class="fas fa-laptop"></i> Monster Laptop Ekran DeÄŸiÅŸimi</span>
        <span><i class="fas fa-laptop"></i> Casper Laptop Ekran DeÄŸiÅŸimi</span>
        <span><i class="fas fa-laptop"></i> Apple MacBook Ekran DeÄŸiÅŸimi</span>
        <span><i class="fas fa-laptop"></i> Samsung Laptop Ekran DeÄŸiÅŸimi</span>
        <span><i class="fas fa-laptop"></i> Huawei Laptop Ekran DeÄŸiÅŸimi</span>
        <span><i class="fas fa-laptop"></i> Xiaomi Laptop Ekran DeÄŸiÅŸimi</span>
        <span><i class="fas fa-laptop"></i> Toshiba Laptop Ekran DeÄŸiÅŸimi</span>
        <span><i class="fas fa-laptop"></i> Sony Vaio Laptop Ekran DeÄŸiÅŸimi</span>
        <span><i class="fas fa-laptop"></i> Gigabyte Laptop Ekran DeÄŸiÅŸimi</span>
        <span><i class="fas fa-laptop"></i> Razer Laptop Ekran DeÄŸiÅŸimi</span>
        <span><i class="fas fa-laptop"></i> Fujitsu Laptop Ekran DeÄŸiÅŸimi</span>
        <span><i class="fas fa-laptop"></i> Packard Bell Laptop Ekran DeÄŸiÅŸimi</span>
        <span><i class="fas fa-laptop"></i> Grundig Laptop Ekran DeÄŸiÅŸimi</span>
        <span><i class="fas fa-laptop"></i> Exper Laptop Ekran DeÄŸiÅŸimi</span>
        <span><i class="fas fa-laptop"></i> LG Laptop Ekran DeÄŸiÅŸimi</span>
        <span><i class="fas fa-laptop"></i> Panasonic Laptop Ekran DeÄŸiÅŸimi</span>
        <span><i class="fas fa-laptop"></i> Medion Laptop Ekran DeÄŸiÅŸimi</span>
        <span><i class="fas fa-laptop"></i> Clevo Laptop Ekran DeÄŸiÅŸimi</span>
        <span><i class="fas fa-laptop"></i> Chuwi Laptop Ekran DeÄŸiÅŸimi</span>
    </div>
</div>

<header class="pro-site-header">
    <div class="h-container">
        <a href="/index" class="h-logo">EKRAN<span>TAMÄ°RÄ°.TR</span></a>

        <ul class="h-nav" id="mainNav">
            <li><a href="/index">Ana Sayfa</a></li>

            <li class="has-mega">
                <a href="#">Laptop Ekran DeÄŸiÅŸimi <i class="fas fa-chevron-down"></i></a>
                <div class="mega-drop">
                    <div class="m-col">
                        <h4><i class="fas fa-fire"></i> Popüler Markalar</h4>
                        <a href="/asus-ekran-degisimi">Asus Ekran DeÄŸiÅŸimi</a>
                        <a href="/hp-ekran-degisimi">HP Ekran DeÄŸiÅŸimi</a>
                        <a href="/lenovo-ekran-degisimi">Lenovo Ekran DeÄŸiÅŸimi</a>
                        <a href="/dell-ekran-degisimi">Dell Ekran DeÄŸiÅŸimi</a>
                        <a href="/acer-ekran-degisimi">Acer Ekran DeÄŸiÅŸimi</a>
                        <a href="/macbook-ekran-tamiri">MacBook Ekran Tamiri</a>
                        <a href="/monster-ekran-degisimi">Monster Ekran DeÄŸiÅŸimi</a>
                        <a href="/casper-ekran-degisimi">Casper Ekran DeÄŸiÅŸimi</a>
                    </div>
                    <div class="m-col">
                        <h4><i class="fas fa-list"></i> Tüm Markalar</h4>
                        <div class="grid-2">
                            <a href="/msi-ekran-degisimi">MSI</a> <a href="/toshiba-ekran-degisimi">Toshiba</a>
                            <a href="/samsung-ekran-degisimi">Samsung</a> <a href="/huawei-ekran-degisimi">Huawei</a>
                            <a href="/xiaomi-ekran-degisimi">Xiaomi</a> <a href="/sony-vaio-ekran-degisimi">Sony Vaio</a>
                            <a href="/gigabyte-ekran-degisimi">Gigabyte</a> <a href="/razer-ekran-degisimi">Razer</a>
                            <a href="/fujitsu-ekran-degisimi">Fujitsu</a> <a href="/packard-bell-ekran-degisimi">Packard Bell</a>
                            <a href="/grundig-ekran-degisimi">Grundig</a> <a href="/exper-ekran-degisimi">Exper</a>
                        </div>
                    </div>
                    <div class="m-col">
                        <h4><i class="fas fa-microchip"></i> Panel & Boyut</h4>
                        <a href="/15-6-slim-led-panel">15.6" Slim LED Panel</a>
                        <a href="/14-0-nanoedge-ekran">14.0" NanoEdge Ekran</a>
                        <a href="/17-3-gaming-ekran">17.3" Gaming Ekran</a>
                        <hr>
                        <a href="/ips-panel-degisimi">IPS Panel DeÄŸiÅŸimi</a>
                        <a href="/144hz-240hz-ekran">144Hz / 240Hz Ekran</a>
                        <a href="/oled-panel-tamiri">OLED Panel Tamiri</a>
                    </div>
                    <div class="m-col">
                        <h4><i class="fas fa-lira-sign"></i> Hızlı Erişim</h4>
                        <a href="/fiyatlar">Ekran Değişimi Fiyatları</a>
                        <a href="/kirik-ekran-onarimi">Kırık Ekran Onarımı</a>
                        <a href="/ayni-gun-teslimat">Aynı Gün Teslimat</a>
                        <div class="m-box">
                            <strong>Perpa Teknik Servis</strong>
                            <p>Ekranınızı 1 saatte değiştirip teslim ediyoruz.</p>
                        </div>
                    </div>
                </div>
            </li>

            <li class="has-mega">
                <a href="#">Hizmet Bölgeleri <i class="fas fa-chevron-down"></i></a>
                <div class="mega-drop">
                    <div class="m-col">
                        <h4><i class="fas fa-map-marked-alt"></i> Avrupa Yakası 1</h4>
                        <a href="/sisli-ekran-degisimi">ÅžiÅŸli Laptop Ekran DeÄŸiÅŸimi</a>
                        <a href="/besiktas-ekran-degisimi">BeÅŸiktaÅŸ Laptop Ekran DeÄŸiÅŸimi</a>
                        <a href="/sariyer-ekran-degisimi">Sarıyer Laptop Ekran Değişimi</a>
                        <a href="/kagithane-ekran-servisi">Kağıthane Laptop Ekran Değişimi</a>
                        <a href="/beyoglu-ekran-degisimi">BeyoÄŸlu Laptop Ekran DeÄŸiÅŸimi</a>
                        <a href="/eyupsultan-ekran-degisimi">Eyüpsultan Laptop Ekran Değişimi</a>
                    </div>
                    <div class="m-col">
                        <h4><i class="fas fa-map-marked-alt"></i> Avrupa Yakası 2</h4>
                        <a href="/bakirkoy-ekran-degisimi">Bakırköy Laptop Ekran Değişimi</a>
                        <a href="/bahcelievler-servisi">Bahçelievler Laptop Ekran Değişimi</a>
                        <a href="/avcilar-ekran-degisimi">Avcılar Laptop Ekran Değişimi</a>
                        <a href="/beylikduzu-ekran-degisimi">Beylikdüzü Laptop Ekran Değişimi</a>
                        <a href="/esenyurt-ekran-servisi">Esenyurt Laptop Ekran DeÄŸiÅŸimi</a>
                        <a href="/basaksehir-servisi">BaÅŸakÅŸehir Laptop Ekran DeÄŸiÅŸimi</a>
                    </div>
                    <div class="m-col">
                        <h4><i class="fas fa-map-marker-alt"></i> Anadolu Yakası</h4>
                        <a href="/kadikoy-ekran-degisimi">Kadıköy Laptop Ekran Değişimi</a>
                        <a href="/uskudar-ekran-degisimi">Üsküdar Laptop Ekran Değişimi</a>
                        <a href="/atasehir-ekran-servisi">AtaÅŸehir Laptop Ekran DeÄŸiÅŸimi</a>
                        <a href="/umraniye-ekran-degisimi">Ãœmraniye Laptop Ekran DeÄŸiÅŸimi</a>
                        <a href="/maltepe-ekran-degisimi">Maltepe Laptop Ekran DeÄŸiÅŸimi</a>
                        <a href="/kartal-ekran-degisimi">Kartal Laptop Ekran DeÄŸiÅŸimi</a>
                    </div>
                    <div class="m-col">
                        <h4><i class="fas fa-truck-moving"></i> Yerinde Servis</h4>
                        <p style="font-size: 13px; color: #666; line-height: 1.6;">İstanbul'un tüm ilçelerine <strong>adreste ekran değişimi</strong> veya kurye ile cihaz alımı yapıyoruz.</p>
                        <a href="/yerinde-servis" style="color: #fd7901; font-weight: bold; margin-top: 10px;">Tüm Bölgeleri Gör →</a>
                    </div>
                </div>
            </li>

            <li><a href="/fiyatlar">Fiyatlar</a></li>
            <li><a href="/rehber">Rehber</a></li>
            <li><a href="/iletisim">Ä°letiÅŸim</a></li>
            <li><a href="https://wa.me/+905467390670" class="wa-btn-pro"><i class="fab fa-whatsapp"></i> Fiyat Al</a></li>
        </ul>

        <button class="hamburger" id="hamburger" aria-label="Menü">
            <span></span>
            <span></span>
            <span></span>
        </button>
    </div>
</header>

<script>
(function() {
    var hamburger = document.getElementById('hamburger');
    var nav = document.getElementById('mainNav');

    // Hamburger aç/kapat
    hamburger.addEventListener('click', function() {
        hamburger.classList.toggle('open');
        nav.classList.toggle('open');
        document.body.style.overflow = nav.classList.contains('open') ? 'hidden' : '';
    });

    // Mobilde mega menü accordion
    var megaLinks = document.querySelectorAll('.has-mega > a');
    megaLinks.forEach(function(link) {
        link.addEventListener('click', function(e) {
            if (window.innerWidth <= 1024) {
                e.preventDefault();
                e.stopPropagation();
                var parentLi = link.closest('.has-mega');
                var drop = parentLi.querySelector('.mega-drop');
                var isOpen = drop.classList.contains('mobile-open');

                // Diğer açık menüleri kapat
                document.querySelectorAll('.mega-drop.mobile-open').forEach(function(d) {
                    d.classList.remove('mobile-open');
                });
                document.querySelectorAll('.has-mega.submenu-open').forEach(function(li) {
                    li.classList.remove('submenu-open');
                });

                // Bu menüyü aç (eğer kapalıysa)
                if (!isOpen) {
                    drop.classList.add('mobile-open');
                    parentLi.classList.add('submenu-open');
                }
            }
        });
    });

    // Dışarı tıklanınca menüyü kapat
    document.addEventListener('click', function(e) {
        if (window.innerWidth <= 1024) return;
        if (!e.target.closest('.pro-site-header')) {
            document.querySelectorAll('.mega-drop.mobile-open').forEach(function(d) {
                d.classList.remove('mobile-open');
            });
        }
    });
})();
</script>


<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Service",
  "serviceType": "Hometech Laptop Ekran DeÄŸiÅŸimi",
  "provider": {
    "@type": "LocalBusiness",
    "name": "EkranTamiri.tr",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "Perpa Ticaret Merkezi B-blok Kat:8 No:1261",
      "addressLocality": "ÅžiÅŸli",
      "addressRegion": "Ä°stanbul",
      "postalCode": "34384",
      "addressCountry": "TR"
    },
    "telephone": "+905467390670"
  },
  "areaServed": ["Türkiye", "İstanbul", "İstanbul"],
  "hasOfferCatalog": {
    "@type": "OfferCatalog",
    "name": "Hometech Ekran Tamiri",
    "itemListElement": [
      {
        "@type": "Offer",
        "itemOffered": { "@type": "Service", "name": "Hometech Alpha Serisi Ekran DeÄŸiÅŸimi" }
      },      {
        "@type": "Offer",
        "itemOffered": { "@type": "Service", "name": "Hometech Rahat Çalışan Ekran Değişimi" }
      },      {
        "@type": "Offer",
        "itemOffered": { "@type": "Service", "name": "Hometech Yüksek Performans Ekran Değişimi" }
      }    ]
  }
}
</script>

<main style="font-family: 'Inter', sans-serif; background: #ffffff; color: #0f172a;">
    <section style="position: relative; padding: 140px 0 100px; background: #0f172a; overflow: hidden; display: flex; align-items: center; justify-content: center;">
        <img src="https://ekrantamiri.tr/images/hometech-ekran-degisimi.webp" alt="Hometech Laptop Ekran DeÄŸiÅŸimi ve Tamiri - Perpa Ticaret Merkezi Ä°stanbul" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.95;">
        <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(15,23,42,0.75), rgba(15,23,42,0.97));"></div>

        <div style="position: relative; z-index: 10; max-width: 1100px; text-align: center; padding: 0 25px;">
            <span style="background: rgba(253, 121, 1, 0.2); color: #fd7901; padding: 8px 25px; border-radius: 50px; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; border: 1px solid rgba(253, 121, 1, 0.3); display: inline-block;">
                Hometech Laptop Uzman Teknik Servis & Panel Onarım
            </span>

            <h1 style="font-size: clamp(36px, 6vw, 60px); font-weight: 900; margin-top: 25px; color: #fff; line-height: 1.1; letter-spacing: -2px;">
                Hometech Laptop <span style="color: #fd7901;">Ekran Değişimi</span> ve Fiyatları
            </h1>

            <p style="font-size: clamp(16px, 2vw, 20px); color: rgba(255,255,255,0.8); margin: 30px auto; max-width: 860px; line-height: 1.6;">
                Yerli ve global laptop markalarında kırık, çatlak, piksel hatası, ölü alan, sararma, parazit ve dokunmatik arızalara 60 dakikada çözüm. <strong>İstanbul</strong> Perpa laboratuvarımızda ücretsiz arıza tespiti ve 1 yıl parça garantisi.
            </p>

            <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;">
                <a href="https://wa.me/+905467390670" title="Hometech Laptop Ekran Değişimi Fiyatı Al" style="background: #fd7901; color: #fff; padding: 18px 40px; border-radius: 12px; font-weight: 800; text-decoration: none; box-shadow: 0 15px 30px rgba(253,121,1,0.4); transition: 0.3s; font-size: 17px;">
                    <i class="fab fa-whatsapp" style="margin-right: 8px;"></i> Hemen Fiyat Al
                </a>
                <a href="#modeller" title="Hometech Uyumlu Modeller" style="background: rgba(255,255,255,0.1); color: #fff; padding: 18px 40px; border-radius: 12px; font-weight: 800; text-decoration: none; backdrop-filter: blur(10px); transition: 0.3s; border: 1px solid rgba(255,255,255,0.1); font-size: 17px;">
                    Uyumlu Modeller
                </a>
            </div>

            <div style="margin-top: 50px; display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 30px;">
                <div style="color: #fff; font-size: 14px; display: flex; align-items: center; gap: 10px;"><i class="fas fa-history" style="color: #fd7901;"></i> 60 Dakika Teslim</div>
                <div style="color: #fff; font-size: 14px; display: flex; align-items: center; gap: 10px;"><i class="fas fa-shield-check" style="color: #fd7901;"></i> 1 Yıl Parça Garantisi</div>
                <div style="color: #fff; font-size: 14px; display: flex; align-items: center; gap: 10px;"><i class="fas fa-microchip" style="color: #fd7901;"></i> Orijinal Panel Stok</div>
            </div>
        </div>
    </section>
</main>

<section style="padding: 100px 0; background: #0f172a; font-family: 'Inter', sans-serif; color: #fff;">
    <div style="max-width: 1200px; margin: 0 auto; padding: 0 25px;">
        <div style="text-align: center; margin-bottom: 70px;">
            <h2 style="font-size: 38px; font-weight: 900; letter-spacing: -2px;">Hometech Ekran Değişimi <span style="color: #fd7901;">Süreç Yönetimi</span></h2>
            <p style="color: #94a3b8; margin-top: 15px; font-size: 18px;">Perpa Teknik Laboratuvarımızda her aşama titizlikle ve belgelenmiş prosedürlerle uygulanır.</p>
        </div>
        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 25px;">
            <div style="background: rgba(255,255,255,0.03); padding: 40px 30px; border-radius: 25px; border: 1px solid rgba(255,255,255,0.1); position: relative; transition: 0.3s;" onmouseover="this.style.background='rgba(253, 121, 1, 0.05)'; this.style.borderColor='#fd7901'" onmouseout="this.style.background='rgba(255,255,255,0.03)'; this.style.borderColor='rgba(255,255,255,0.1)'">
                <div style="position: absolute; top: -20px; left: 30px; width: 45px; height: 45px; background: #fd7901; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 20px; box-shadow: 0 10px 20px rgba(253, 121, 1, 0.3);">1</div>
                <h4 style="font-size: 20px; font-weight: 800; margin-bottom: 15px; margin-top: 10px;">Arıza Tespiti</h4>
                <p style="color: #94a3b8; font-size: 15px; line-height: 1.6;">Panel kimlik kodu ve arka aydınlatma voltajları profesyonel ekipmanlarla analiz edilir. Tanı işlemi <b>tamamen ücretsizdir.</b></p>
            </div>
            <div style="background: rgba(255,255,255,0.03); padding: 40px 30px; border-radius: 25px; border: 1px solid rgba(255,255,255,0.1); position: relative; transition: 0.3s;" onmouseover="this.style.background='rgba(253, 121, 1, 0.05)'; this.style.borderColor='#fd7901'" onmouseout="this.style.background='rgba(255,255,255,0.03)'; this.style.borderColor='rgba(255,255,255,0.1)'">
                <div style="position: absolute; top: -20px; left: 30px; width: 45px; height: 45px; background: #fd7901; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 20px; box-shadow: 0 10px 20px rgba(253, 121, 1, 0.3);">2</div>
                <h4 style="font-size: 20px; font-weight: 800; margin-bottom: 15px; margin-top: 10px;">Güvenli Söküm</h4>
                <p style="color: #94a3b8; font-size: 15px; line-height: 1.6;">Statik elektriğe karşı korumalı ESD masalarda batarya devre dışı bırakılarak anakart ve bağlantı noktaları güvence altına alınır.</p>
            </div>
            <div style="background: rgba(255,255,255,0.03); padding: 40px 30px; border-radius: 25px; border: 1px solid rgba(255,255,255,0.1); position: relative; transition: 0.3s;" onmouseover="this.style.background='rgba(253, 121, 1, 0.05)'; this.style.borderColor='#fd7901'" onmouseout="this.style.background='rgba(255,255,255,0.03)'; this.style.borderColor='rgba(255,255,255,0.1)'">
                <div style="position: absolute; top: -20px; left: 30px; width: 45px; height: 45px; background: #fd7901; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 20px; box-shadow: 0 10px 20px rgba(253, 121, 1, 0.3);">3</div>
                <h4 style="font-size: 20px; font-weight: 800; margin-bottom: 15px; margin-top: 10px;">Panel Montajı</h4>
                <p style="color: #94a3b8; font-size: 15px; line-height: 1.6;">Onaylanan A+ Plus veya Hometech ile uyumlu orijinal panel, 60 dakika içinde hassas teknikle yerine uygulanır.</p>
            </div>
            <div style="background: rgba(255,255,255,0.03); padding: 40px 30px; border-radius: 25px; border: 1px solid rgba(255,255,255,0.1); position: relative; transition: 0.3s;" onmouseover="this.style.background='rgba(253, 121, 1, 0.05)'; this.style.borderColor='#fd7901'" onmouseout="this.style.background='rgba(255,255,255,0.03)'; this.style.borderColor='rgba(255,255,255,0.1)'">
                <div style="position: absolute; top: -20px; left: 30px; width: 45px; height: 45px; background: #fd7901; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 20px; box-shadow: 0 10px 20px rgba(253, 121, 1, 0.3);">4</div>
                <h4 style="font-size: 20px; font-weight: 800; margin-bottom: 15px; margin-top: 10px;">Test & Teslim</h4>
                <p style="color: #94a3b8; font-size: 15px; line-height: 1.6;">Piksel bütünlüğü ve dokunmatik sensör doğrulamaları tamamlandıktan sonra 1 yıl garanti belgesiyle cihazınız teslim edilir.</p>
            </div>
        </div>
    </div>
</section>

<!-- MODEL KARTI -->
<section id="modeller" style="padding: 100px 0; background: #f8fafc; font-family: 'Inter', sans-serif;">
    <div style="max-width: 1200px; margin: 0 auto; padding: 0 25px;">

        <div style="text-align: center; margin-bottom: 70px;">
            <span style="color: #fd7901; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; font-size: 13px;">Orijinal Yedek Parça Hattı</span>
            <h2 style="font-size: clamp(32px, 5vw, 42px); font-weight: 900; letter-spacing: -2px; color: #0f172a; margin-top: 10px;">
                Hometech <span style="color: #fd7901;">Ekran Değişimi</span> Çözümleri
            </h2>
            <p style="color: #64748b; margin-top: 15px; font-size: 18px; max-width: 620px; margin-left: auto; margin-right: auto;">
                Geniş panel envanterimiz ile Hometech model ailelerine aynı gün, 60 dakikada uzman müdahale sağlıyoruz.
            </p>
        </div>

        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px;">
                        <div style="background: #fff; padding: 40px; border-radius: 30px; border: 1px solid #e2e8f0; box-shadow: 0 15px 35px rgba(0,0,0,0.03); transition: 0.4s; position: relative;" onmouseover="this.style.borderColor='#fd7901'; this.style.transform='translateY(-10px)'" onmouseout="this.style.borderColor='#e2e8f0'; this.style.transform='translateY(0)';">
                <div style="width: 60px; height: 60px; background: rgba(253, 121, 1, 0.1); border-radius: 15px; display: flex; align-items: center; justify-content: center; margin-bottom: 30px;"><i class="fas fa-gamepad" style="color: #fd7901; font-size: 28px;"></i></div>
                <h3 style="font-weight: 900; font-size: 24px; margin-bottom: 15px; color: #0f172a;">Alpha Serisi Modeli</h3>
                <p style="color: #64748b; font-size: 15px; line-height: 1.7; margin-bottom: 25px;">Hometech Alpha Serisi için özel panel parça kodu bazlı eşleştirme, renk kalibrasyonu ve 144Hz–300Hz uyumlu değişim.</p>
                <ul style="list-style: none; padding: 0; margin-bottom: 30px; font-size: 14px; color: #475569;">
                    <li style="margin-bottom: 8px;"><i class="fas fa-check" style="color: #fd7901; margin-right: 8px;"></i> 144Hz / 165Hz / 240Hz panel seçenekleri</li>
                    <li style="margin-bottom: 8px;"><i class="fas fa-check" style="color: #fd7901; margin-right: 8px;"></i> IPS / OLED / Anti-Glare uyumlu montaj</li>
                </ul>
                <div style="display: flex; align-items: center; justify-content: space-between; padding-top: 25px; border-top: 1px solid #f1f5f9;">
                    <div><span style="font-size: 13px; color: #94a3b8; font-weight: 600; display: block;">Başlayan Fiyat</span><span style="font-size: 24px; font-weight: 900; color: #0f172a;">₺2.400 <small style="font-size: 14px; color: #64748b;">+KDV</small></span></div>
                    <a href="https://wa.me/+905467390670" style="background: #fd7901; color: #fff; width: 45px; height: 45px; border-radius: 12px; display: flex; align-items: center; justify-content: center; text-decoration: none;"><i class="fab fa-whatsapp"></i></a>
                </div>
            </div>
                        <div style="background: #fff; padding: 40px; border-radius: 30px; border: 1px solid #e2e8f0; box-shadow: 0 15px 35px rgba(0,0,0,0.03); transition: 0.4s; position: relative;" onmouseover="this.style.borderColor='#fd7901'; this.style.transform='translateY(-10px)'" onmouseout="this.style.borderColor='#e2e8f0'; this.style.transform='translateY(0)';">
                <div style="width: 60px; height: 60px; background: rgba(253, 121, 1, 0.1); border-radius: 15px; display: flex; align-items: center; justify-content: center; margin-bottom: 30px;"><i class="fas fa-gamepad" style="color: #fd7901; font-size: 28px;"></i></div>
                <h3 style="font-weight: 900; font-size: 24px; margin-bottom: 15px; color: #0f172a;">Rahat Çalışan Modeli</h3>
                <p style="color: #64748b; font-size: 15px; line-height: 1.7; margin-bottom: 25px;">Hometech Rahat Çalışan için özel panel parça kodu bazlı eşleştirme, renk kalibrasyonu ve 144Hz–300Hz uyumlu değişim.</p>
                <ul style="list-style: none; padding: 0; margin-bottom: 30px; font-size: 14px; color: #475569;">
                    <li style="margin-bottom: 8px;"><i class="fas fa-check" style="color: #fd7901; margin-right: 8px;"></i> 144Hz / 165Hz / 240Hz panel seçenekleri</li>
                    <li style="margin-bottom: 8px;"><i class="fas fa-check" style="color: #fd7901; margin-right: 8px;"></i> IPS / OLED / Anti-Glare uyumlu montaj</li>
                </ul>
                <div style="display: flex; align-items: center; justify-content: space-between; padding-top: 25px; border-top: 1px solid #f1f5f9;">
                    <div><span style="font-size: 13px; color: #94a3b8; font-weight: 600; display: block;">Başlayan Fiyat</span><span style="font-size: 24px; font-weight: 900; color: #0f172a;">₺2.400 <small style="font-size: 14px; color: #64748b;">+KDV</small></span></div>
                    <a href="https://wa.me/+905467390670" style="background: #fd7901; color: #fff; width: 45px; height: 45px; border-radius: 12px; display: flex; align-items: center; justify-content: center; text-decoration: none;"><i class="fab fa-whatsapp"></i></a>
                </div>
            </div>
                        <div style="background: #fff; padding: 40px; border-radius: 30px; border: 1px solid #e2e8f0; box-shadow: 0 15px 35px rgba(0,0,0,0.03); transition: 0.4s; position: relative;" onmouseover="this.style.borderColor='#fd7901'; this.style.transform='translateY(-10px)'" onmouseout="this.style.borderColor='#e2e8f0'; this.style.transform='translateY(0)';">
                <div style="width: 60px; height: 60px; background: rgba(253, 121, 1, 0.1); border-radius: 15px; display: flex; align-items: center; justify-content: center; margin-bottom: 30px;"><i class="fas fa-gamepad" style="color: #fd7901; font-size: 28px;"></i></div>
                <h3 style="font-weight: 900; font-size: 24px; margin-bottom: 15px; color: #0f172a;">Yüksek Performans Modeli</h3>
                <p style="color: #64748b; font-size: 15px; line-height: 1.7; margin-bottom: 25px;">Hometech Yüksek Performans için özel panel parça kodu bazlı eşleştirme, renk kalibrasyonu ve 144Hz–300Hz uyumlu değişim.</p>
                <ul style="list-style: none; padding: 0; margin-bottom: 30px; font-size: 14px; color: #475569;">
                    <li style="margin-bottom: 8px;"><i class="fas fa-check" style="color: #fd7901; margin-right: 8px;"></i> 144Hz / 165Hz / 240Hz panel seçenekleri</li>
                    <li style="margin-bottom: 8px;"><i class="fas fa-check" style="color: #fd7901; margin-right: 8px;"></i> IPS / OLED / Anti-Glare uyumlu montaj</li>
                </ul>
                <div style="display: flex; align-items: center; justify-content: space-between; padding-top: 25px; border-top: 1px solid #f1f5f9;">
                    <div><span style="font-size: 13px; color: #94a3b8; font-weight: 600; display: block;">Başlayan Fiyat</span><span style="font-size: 24px; font-weight: 900; color: #0f172a;">₺2.400 <small style="font-size: 14px; color: #64748b;">+KDV</small></span></div>
                    <a href="https://wa.me/+905467390670" style="background: #fd7901; color: #fff; width: 45px; height: 45px; border-radius: 12px; display: flex; align-items: center; justify-content: center; text-decoration: none;"><i class="fab fa-whatsapp"></i></a>
                </div>
            </div>
                    </div>
    </div>
</section>

<div style="background: #0f172a; padding: 20px 0; overflow: hidden; position: relative; border-top: 2px solid #fd7901; border-bottom: 2px solid #fd7901;">
    <div class="marquee-container" style="display: flex; white-space: nowrap; animation: marquee 9s linear infinite;">
        <span style="color: #fff; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 16px; margin-right: 50px; text-transform: uppercase;">
            <i class="fas fa-bolt" style="color: #fd7901; margin-right: 10px;"></i> Hometech Alpha Serisi        </span>
        <span style="color: #fff; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 16px; margin-right: 50px; text-transform: uppercase;">
            <i class="fas fa-bolt" style="color: #fd7901; margin-right: 10px;"></i> Hometech Rahat Çalışan        </span>
        <span style="color: #fff; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 16px; margin-right: 50px; text-transform: uppercase;">
            <i class="fas fa-bolt" style="color: #fd7901; margin-right: 10px;"></i> Hometech Yüksek Performans        </span>
        <span style="color: #fff; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 16px; margin-right: 50px; text-transform: uppercase;">
            <i class="fas fa-bolt" style="color: #fd7901; margin-right: 10px;"></i> Hometech Alpha Serisi        </span>
        <span style="color: #fff; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 16px; margin-right: 50px; text-transform: uppercase;">
            <i class="fas fa-bolt" style="color: #fd7901; margin-right: 10px;"></i> Hometech Rahat Çalışan        </span>
        <span style="color: #fff; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 16px; margin-right: 50px; text-transform: uppercase;">
            <i class="fas fa-bolt" style="color: #fd7901; margin-right: 10px;"></i> Hometech Yüksek Performans        </span>
        <span style="color: #fff; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 16px; margin-right: 50px; text-transform: uppercase;">
            <i class="fas fa-bolt" style="color: #fd7901; margin-right: 10px;"></i> Hometech Alpha Serisi        </span>
        <span style="color: #fff; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 16px; margin-right: 50px; text-transform: uppercase;">
            <i class="fas fa-bolt" style="color: #fd7901; margin-right: 10px;"></i> Hometech Rahat Çalışan        </span>
        <span style="color: #fff; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 16px; margin-right: 50px; text-transform: uppercase;">
            <i class="fas fa-bolt" style="color: #fd7901; margin-right: 10px;"></i> Hometech Yüksek Performans        </span>
        <span style="color: #fff; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 16px; margin-right: 50px; text-transform: uppercase;">
            <i class="fas fa-bolt" style="color: #fd7901; margin-right: 10px;"></i> Hometech Alpha Serisi        </span>
        <span style="color: #fff; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 16px; margin-right: 50px; text-transform: uppercase;">
            <i class="fas fa-bolt" style="color: #fd7901; margin-right: 10px;"></i> Hometech Rahat Çalışan        </span>
        <span style="color: #fff; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 16px; margin-right: 50px; text-transform: uppercase;">
            <i class="fas fa-bolt" style="color: #fd7901; margin-right: 10px;"></i> Hometech Yüksek Performans        </span>
    </div>
</div>
<style>
@keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
.marquee-container:hover { animation-play-state: paused; }
</style>

<!-- UZMANLIK BLOÄžU -->
<section style="padding: 100px 0; background: #ffffff; font-family: 'Inter', sans-serif; color: #334155; overflow: hidden;">
    <div style="max-width: 1200px; margin: 0 auto; padding: 0 25px;">
        <div style="display: flex; flex-wrap: wrap; gap: 60px; align-items: center;">
            <div style="flex: 1.2; min-width: 350px;">
                <span style="background: rgba(253, 121, 1, 0.1); color: #fd7901; padding: 8px 20px; border-radius: 50px; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px;">Teknik Uzmanlık Bloğu</span>
                <h2 style="font-size: clamp(32px, 5vw, 42px); font-weight: 900; letter-spacing: -2px; color: #0f172a; margin-top: 15px; line-height: 1.1;">
                    Hometech Laptop <span style="color: #fd7901;">Ekran Tamiri</span> Hakkında Bilmeniz Gerekenler
                </h2>
                <p style="margin-top: 25px; font-size: 17px; line-height: 1.8; color: #64748b;">
                    Hometech ekranlarında fiyatı belirleyen üç ana etken panel yenileme hızı, çözünürlük ve parça kalitesidir. Hasarlı modellerde ilk tespit, menteşe hasarı ve eDP kablo durumu öncelikli olarak incelenir.
                </p>
                <p style="margin-top: 20px; font-size: 16px; line-height: 1.8; color: #64748b;">
                    Perpa servisimizde iki seçenek sunuyoruz: bütçe odaklı A+ Plus uyumlu paneller veya sıfır orijinal marka montaj; her ikisi de 1 yıl parça garantilidir.
                </p>

                <div style="margin-top: 35px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; border-top: 1px dashed #e2e8f0; padding-top: 25px;">
                    <div style="font-size: 14px; font-weight: 700; color: #0f172a; display: flex; align-items: center; gap: 10px;"><i class="fas fa-check-circle" style="color: #22c55e;"></i> %100 Orijinal Parça Garantisi</div>
                    <div style="font-size: 14px; font-weight: 700; color: #0f172a; display: flex; align-items: center; gap: 10px;"><i class="fas fa-check-circle" style="color: #22c55e;"></i> 60 Dakikada Profesyonel Montaj</div>
                    <div style="font-size: 14px; font-weight: 700; color: #0f172a; display: flex; align-items: center; gap: 10px;"><i class="fas fa-check-circle" style="color: #22c55e;"></i> 1 Yıl Resmi Servis Garantisi</div>
                    <div style="font-size: 14px; font-weight: 700; color: #0f172a; display: flex; align-items: center; gap: 10px;"><i class="fas fa-check-circle" style="color: #22c55e;"></i> Ücretsiz Arıza Tespiti (ESD Ortam)</div>
                </div>
            </div>

            <div style="flex: 1; min-width: 350px; background: #fff; border-radius: 40px; padding: 15px; border: 1px solid #e2e8f0; box-shadow: 0 20px 40px rgba(0,0,0,0.05);">
                <div style="background: url('https://ekrantamiri.tr/images/hometech-ekran-degisimi.webp') center/cover; width: 100%; height: 500px; border-radius: 30px;"></div>
            </div>

        </div>
    </div>
</section>

<!-- GARANTILER -->
<section style="padding: 100px 0; background: #0f172a; font-family: 'Inter', sans-serif; overflow: hidden; position: relative;">
    <div style="position: absolute; top: -100px; right: -100px; width: 300px; height: 300px; background: radial-gradient(circle, rgba(253, 121, 1, 0.08) 0%, transparent 70%);"></div>
    <div style="max-width: 1200px; margin: 0 auto; padding: 0 25px;">
        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px;">
            <div style="background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.1); padding: 45px 35px; border-radius: 35px; transition: all 0.4s ease; cursor: default; text-align: center;"
                 onmouseover="this.style.transform='translateY(-10px)'; this.style.borderColor='#fd7901'; this.style.background='rgba(253, 121, 1, 0.05)'"
                 onmouseout="this.style.transform='translateY(0)'; this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.background='rgba(255, 255, 255, 0.03)'">
                <div style="width: 70px; height: 70px; background: rgba(253, 121, 1, 0.15); border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 25px; border: 1px solid rgba(253, 121, 1, 0.3);">
                    <i class="fas fa-microchip" style="color: #fd7901; font-size: 30px;"></i>
                </div>
                <h4 style="font-size: 20px; font-weight: 800; color: #fff; margin-bottom: 15px; letter-spacing: -0.5px;">Orijinal Panel Garantisi</h4>
                <p style="color: #94a3b8; font-size: 15px; line-height: 1.6;">Hometech modellerinde <strong>model numarasıyla eşleşen</strong>, fabrika çıkış standartlarında A+ kalite onaylı paneller kullanıyoruz.</p>
            </div>
            <div style="background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.1); padding: 45px 35px; border-radius: 35px; transition: all 0.4s ease; cursor: default; text-align: center;"
                 onmouseover="this.style.transform='translateY(-10px)'; this.style.borderColor='#fd7901'; this.style.background='rgba(253, 121, 1, 0.05)'"
                 onmouseout="this.style.transform='translateY(0)'; this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.background='rgba(255, 255, 255, 0.03)'">
                <div style="width: 70px; height: 70px; background: rgba(253, 121, 1, 0.15); border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 25px; border: 1px solid rgba(253, 121, 1, 0.3);">
                    <i class="fas fa-shield-check" style="color: #fd7901; font-size: 30px;"></i>
                </div>
                <h4 style="font-size: 20px; font-weight: 800; color: #fff; margin-bottom: 15px; letter-spacing: -0.5px;">Resmi Servis Güvencesi</h4>
                <p style="color: #94a3b8; font-size: 15px; line-height: 1.6;">Gerçekleştirilen tüm panel değişimleri, kullanıcı kaynaklı hasar dışında <strong>12 ay boyunca</strong> koşulsuz parça değişim garantisi kapsamındadır.</p>
            </div>
            <div style="background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.1); padding: 45px 35px; border-radius: 35px; transition: all 0.4s ease; cursor: default; text-align: center;"
                 onmouseover="this.style.transform='translateY(-10px)'; this.style.borderColor='#fd7901'; this.style.background='rgba(253, 121, 1, 0.05)'"
                 onmouseout="this.style.transform='translateY(0)'; this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.background='rgba(255, 255, 255, 0.03)'">
                <div style="width: 70px; height: 70px; background: rgba(253, 121, 1, 0.15); border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 25px; border: 1px solid rgba(253, 121, 1, 0.3);">
                    <i class="fas fa-bolt" style="color: #fd7901; font-size: 30px;"></i>
                </div>
                <h4 style="font-size: 20px; font-weight: 800; color: #fff; margin-bottom: 15px; letter-spacing: -0.5px;">60 Dakikada Teslim</h4>
                <p style="color: #94a3b8; font-size: 15px; line-height: 1.6;">Perpa Ticaret Merkezi laboratuvarımızda Hometech ekran onarımları, teknik süreç ne kadar kompleks olursa olsun <strong>aynı gün içinde</strong> tamamlanır.</p>
            </div>
        </div>
    </div>
</section>

<section style="padding: 110px 0; background: #ffffff; font-family: 'Inter', sans-serif; overflow: hidden; position: relative;">
    <div style="position: absolute; inset: 0; background-image: radial-gradient(#e2e8f0 1px, transparent 1px); background-size: 30px 30px; opacity: 0.4; pointer-events: none;"></div>
    <div style="max-width: 1200px; margin: 0 auto; padding: 0 25px; position: relative; z-index: 2;">

        <div style="text-align: center; margin-bottom: 80px;">
            <span style="display: inline-block; background: rgba(253,121,1,0.1); color: #fd7901; padding: 8px 22px; border-radius: 50px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; border: 1px solid rgba(253,121,1,0.2);">Servis Sürecimiz</span>
            <h2 style="font-size: clamp(30px, 5vw, 44px); font-weight: 900; letter-spacing: -2px; color: #0f172a; margin-top: 18px; line-height: 1.1;">
                Hometech Laptop Ekran Değişimi<br><span style="color: #fd7901;">Adım Adım Nasıl Yapılır?</span>
            </h2>
            <p style="color: #64748b; margin-top: 18px; font-size: 16px; max-width: 680px; margin-left: auto; margin-right: auto; line-height: 1.75;">
                Perpa Ticaret Merkezi'ndeki servis noktamızda her Hometech ekran değişimi aşağıdaki standart prosedürle gerçekleştirilir. Şeffaflık ilkemiz gereği tüm süreci belgeliyoruz.
            </p>
        </div>

        <div style="display: flex; flex-direction: column; gap: 0;">

            <div style="display: flex; flex-wrap: wrap; align-items: stretch; gap: 0; border-radius: 28px 28px 0 0; overflow: hidden; border: 1px solid #e2e8f0; border-bottom: none;">
                <div style="flex: 1; min-width: 300px; position: relative; min-height: 380px; overflow: hidden;">
                    <img src="images/Ekrandegisimikasasökümü.webp"
                         alt="Hometech Laptop Kasa Çerçeve Sökümü Ekran Değişimi"
                         style="width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transition: transform 0.5s ease;"
                         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'">
                    <div style="position: absolute; top: 24px; left: 24px; background: #fd7901; color: #fff; font-size: 13px; font-weight: 900; padding: 8px 18px; border-radius: 20px; letter-spacing: 0.5px; box-shadow: 0 6px 16px rgba(253,121,1,0.4);">Adım 01</div>
                    <div style="position: absolute; bottom: 24px; left: 24px; background: rgba(15,23,42,0.8); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.1); color: #fff; font-size: 12px; font-weight: 700; padding: 8px 16px; border-radius: 10px; display: flex; align-items: center; gap: 8px;">
                        <i class="fas fa-tools" style="color: #fd7901; font-size: 13px;"></i> Spudger — Plastik Açma Aleti
                    </div>
                </div>
                <div style="flex: 1; min-width: 300px; background: #0f172a; padding: 55px 50px; display: flex; flex-direction: column; justify-content: center;">
                    <div style="display: flex; align-items: center; gap: 14px; margin-bottom: 22px;">
                        <div style="width: 48px; height: 48px; background: rgba(253,121,1,0.15); border-radius: 14px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(253,121,1,0.3); flex-shrink: 0;">
                            <i class="fas fa-border-all" style="color: #fd7901; font-size: 20px;"></i>
                        </div>
                        <div>
                            <div style="font-size: 12px; color: #64748b; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px;">Kasa Çerçeve Ayrıştırma</div>
                            <h3 style="font-size: 22px; font-weight: 900; color: #fff; letter-spacing: -0.5px; margin: 4px 0 0;">Ekran Kasası Güvenli Söküm</h3>
                        </div>
                    </div>
                    <p style="color: #64748b; font-size: 15px; line-height: 1.8; margin-bottom: 28px;">
                        Hometech laptop ekran değişiminin ilk aşamasında, özel plastik spudger ile ekran çerçevesi klipleri model bazlı sırada ve hasarsız açılır. Gaming, ince kasa ve klasik gövde yapılarında klip düzeni farklıdır; yanlış sıra kasa kırılmasına yol açabilir. Teknisyenlerimiz Hometech kasa yapısına uygun söküm haritası uygular.
                    </p>
                    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 12px;">
                        <div style="background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07); border-radius: 12px; padding: 14px 16px;">
                            <div style="font-size: 12px; color: #64748b; font-weight: 600; margin-bottom: 4px;">Kullanılan Alet</div>
                            <div style="font-size: 14px; color: #fff; font-weight: 800;">Plastik Spudger</div>
                        </div>
                        <div style="background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07); border-radius: 12px; padding: 14px 16px;">
                            <div style="font-size: 12px; color: #64748b; font-weight: 600; margin-bottom: 4px;">Risk Seviyesi</div>
                            <div style="font-size: 14px; color: #4ade80; font-weight: 800;">Düşük — Uzman Ellerde</div>
                        </div>
                        <div style="background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07); border-radius: 12px; padding: 14px 16px;">
                            <div style="font-size: 12px; color: #64748b; font-weight: 600; margin-bottom: 4px;">Süre</div>
                            <div style="font-size: 14px; color: #fff; font-weight: 800;">~5 Dakika</div>
                        </div>
                        <div style="background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07); border-radius: 12px; padding: 14px 16px;">
                            <div style="font-size: 12px; color: #64748b; font-weight: 600; margin-bottom: 4px;">Hedef</div>
                            <div style="font-size: 14px; color: #fff; font-weight: 800;">Çerçeve Bütünlüğü</div>
                        </div>
                    </div>
                </div>
            </div>

            <div style="display: flex; justify-content: center; align-items: center; height: 52px; background: linear-gradient(to bottom, #0f172a, #0c1629); border-left: 1px solid #e2e8f0; border-right: 1px solid #e2e8f0; position: relative; z-index: 1;">
                <div style="width: 36px; height: 36px; background: #fd7901; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(253,121,1,0.4);">
                    <i class="fas fa-chevron-down" style="color: #fff; font-size: 14px;"></i>
                </div>
            </div>

            <div style="display: flex; flex-wrap: wrap; align-items: stretch; gap: 0; overflow: hidden; border: 1px solid #e2e8f0; border-top: none; border-bottom: none;">
                <div style="flex: 1; min-width: 300px; background: #060d1a; padding: 55px 50px; display: flex; flex-direction: column; justify-content: center; order: 1;">
                    <div style="display: flex; align-items: center; gap: 14px; margin-bottom: 22px;">
                        <div style="width: 48px; height: 48px; background: rgba(253,121,1,0.15); border-radius: 14px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(253,121,1,0.3); flex-shrink: 0;">
                            <i class="fas fa-screwdriver" style="color: #fd7901; font-size: 20px;"></i>
                        </div>
                        <div>
                            <div style="font-size: 12px; color: #64748b; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px;">MenteÅŸe & Vida Ä°ÅŸlemi</div>
                            <h3 style="font-size: 22px; font-weight: 900; color: #fff; letter-spacing: -0.5px; margin: 4px 0 0;">Menteşe Vidaları ve eDP Kablo Sökümü</h3>
                        </div>
                    </div>
                    <p style="color: #64748b; font-size: 15px; line-height: 1.8; margin-bottom: 22px;">
                        Menteşe vidaları sökülürken Wi-Fi anten kabloları ve ekran veri kablosu (eDP) eş zamanlı olarak serbest bırakılır. Bazı Hometech modellerinde arka aydınlatma ve eDP ayrı konnektörlerdedir; her iki bağlantı da kontrollü şekilde yönetilir. Zorla çekme kablo kopmasına neden olabilir.
                    </p>
                    <div style="background: rgba(253,121,1,0.07); border: 1px solid rgba(253,121,1,0.2); border-radius: 14px; padding: 16px 20px; display: flex; gap: 12px; align-items: flex-start; margin-bottom: 22px;">
                        <i class="fas fa-exclamation-triangle" style="color: #fd7901; margin-top: 2px; flex-shrink: 0;"></i>
                        <p style="color: #94a3b8; font-size: 13px; line-height: 1.65; margin: 0;"><strong style="color: #fff;">İnce kasa uyarısı:</strong> Ultra-slim Hometech modellerinde eDP güzergâhı dardır; özel kılavuz tel kullanılır, kablo kesinlikle çekilmez.</p>
                    </div>
                    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 12px;">
                        <div style="background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07); border-radius: 12px; padding: 14px 16px;">
                            <div style="font-size: 12px; color: #64748b; font-weight: 600; margin-bottom: 4px;">Kullanılan Alet</div>
                            <div style="font-size: 14px; color: #fff; font-weight: 800;">Hassas Tornavida Seti</div>
                        </div>
                        <div style="background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07); border-radius: 12px; padding: 14px 16px;">
                            <div style="font-size: 12px; color: #64748b; font-weight: 600; margin-bottom: 4px;">Risk Seviyesi</div>
                            <div style="font-size: 14px; color: #f59e0b; font-weight: 800;">Orta — Kablo Hassasiyeti</div>
                        </div>
                        <div style="background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07); border-radius: 12px; padding: 14px 16px;">
                            <div style="font-size: 12px; color: #64748b; font-weight: 600; margin-bottom: 4px;">Süre</div>
                            <div style="font-size: 14px; color: #fff; font-weight: 800;">~10 Dakika</div>
                        </div>
                        <div style="background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07); border-radius: 12px; padding: 14px 16px;">
                            <div style="font-size: 12px; color: #64748b; font-weight: 600; margin-bottom: 4px;">Kontrol Noktası</div>
                            <div style="font-size: 14px; color: #fd7901; font-weight: 800;">MenteÅŸe + eDP Kablo</div>
                        </div>
                    </div>
                </div>
                <div style="flex: 1; min-width: 300px; position: relative; min-height: 380px; overflow: hidden; order: 2;">
                    <img src="images/Ekrandegisimividalarınsökümü.webp"
                         alt="Hometech Laptop Menteşe ve eDP Kablo Sökümü"
                         style="width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transition: transform 0.5s ease;"
                         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'">
                    <div style="position: absolute; top: 24px; left: 24px; background: #fd7901; color: #fff; font-size: 13px; font-weight: 900; padding: 8px 18px; border-radius: 20px; letter-spacing: 0.5px; box-shadow: 0 6px 16px rgba(253,121,1,0.4);">Adım 02</div>
                    <div style="position: absolute; bottom: 24px; right: 24px; background: rgba(15,23,42,0.8); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.1); color: #fff; font-size: 12px; font-weight: 700; padding: 8px 16px; border-radius: 10px; display: flex; align-items: center; gap: 8px;">
                        <i class="fas fa-screwdriver" style="color: #fd7901; font-size: 13px;"></i> Menteşe & eDP Kablo Görünümü
                    </div>
                </div>
            </div>

            <div style="display: flex; justify-content: center; align-items: center; height: 52px; background: linear-gradient(to bottom, #060d1a, #0f172a); border-left: 1px solid #e2e8f0; border-right: 1px solid #e2e8f0; position: relative; z-index: 1;">
                <div style="width: 36px; height: 36px; background: #fd7901; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(253,121,1,0.4);">
                    <i class="fas fa-chevron-down" style="color: #fff; font-size: 14px;"></i>
                </div>
            </div>

            <div style="display: flex; flex-wrap: wrap; align-items: stretch; gap: 0; border-radius: 0 0 28px 28px; overflow: hidden; border: 1px solid #e2e8f0; border-top: none;">
                <div style="flex: 1; min-width: 300px; position: relative; min-height: 380px; overflow: hidden;">
                    <img src="images/ekrandegisimiekransökümü.webp"
                         alt="Hometech Laptop Panel Montajı ve Ekran Değişimi"
                         style="width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transition: transform 0.5s ease;"
                         onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'">
                    <div style="position: absolute; top: 24px; left: 24px; background: #22c55e; color: #fff; font-size: 13px; font-weight: 900; padding: 8px 18px; border-radius: 20px; letter-spacing: 0.5px; box-shadow: 0 6px 16px rgba(34,197,94,0.4);">Adım 03</div>
                    <div style="position: absolute; bottom: 24px; left: 24px; background: rgba(15,23,42,0.8); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.1); color: #fff; font-size: 12px; font-weight: 700; padding: 8px 16px; border-radius: 10px; display: flex; align-items: center; gap: 8px;">
                        <i class="fas fa-check-circle" style="color: #22c55e; font-size: 13px;"></i> Panel Kasadan Ayrılıyor
                    </div>
                </div>
                <div style="flex: 1; min-width: 300px; background: #0f172a; padding: 55px 50px; display: flex; flex-direction: column; justify-content: center;">
                    <div style="display: flex; align-items: center; gap: 14px; margin-bottom: 22px;">
                        <div style="width: 48px; height: 48px; background: rgba(34,197,94,0.15); border-radius: 14px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(34,197,94,0.3); flex-shrink: 0;">
                            <i class="fas fa-tv" style="color: #22c55e; font-size: 20px;"></i>
                        </div>
                        <div>
                            <div style="font-size: 12px; color: #64748b; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px;">Panel Çıkarımı & Montaj</div>
                            <h3 style="font-size: 22px; font-weight: 900; color: #fff; letter-spacing: -0.5px; margin: 4px 0 0;">Eski Panel Çıkar, Yeni Panel Tak</h3>
                        </div>
                    </div>
                    <p style="color: #64748b; font-size: 15px; line-height: 1.8; margin-bottom: 28px;">
                        eDP kablosu serbest bırakıldıktan sonra hasarlı panel çıkarılır. Yerine modelinizin çözünürlük, Hz ve renk profiliyle tam eşleşen panel takılır. Hometech cihazınızda parlaklık, yenileme hızı ve dokunmatik (varsa) ayrı ayrı doğrulanır; onay sonrası kasa kapatılır.
                    </p>
                    <div style="display: flex; flex-direction: column; gap: 10px; margin-bottom: 28px;">
                        <div style="display: flex; align-items: center; gap: 12px; font-size: 14px; color: #e2e8f0;">
                            <i class="fas fa-check-circle" style="color: #22c55e; flex-shrink: 0;"></i> Piksel bütünlüğü testi tamamlandı
                        </div>
                        <div style="display: flex; align-items: center; gap: 12px; font-size: 14px; color: #e2e8f0;">
                            <i class="fas fa-check-circle" style="color: #22c55e; flex-shrink: 0;"></i> Hz ve renk profili doğrulandı
                        </div>
                        <div style="display: flex; align-items: center; gap: 12px; font-size: 14px; color: #e2e8f0;">
                            <i class="fas fa-check-circle" style="color: #22c55e; flex-shrink: 0;"></i> Kasa klipleri ve vidalar yeniden monte edildi
                        </div>
                        <div style="display: flex; align-items: center; gap: 12px; font-size: 14px; color: #e2e8f0;">
                            <i class="fas fa-check-circle" style="color: #22c55e; flex-shrink: 0;"></i> 1 yıl garanti belgesi düzenlendi
                        </div>
                    </div>
                    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 12px;">
                        <div style="background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07); border-radius: 12px; padding: 14px 16px;">
                            <div style="font-size: 12px; color: #64748b; font-weight: 600; margin-bottom: 4px;">Toplam Süre</div>
                            <div style="font-size: 14px; color: #fd7901; font-weight: 800;">~60 Dakika</div>
                        </div>
                        <div style="background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07); border-radius: 12px; padding: 14px 16px;">
                            <div style="font-size: 12px; color: #64748b; font-weight: 600; margin-bottom: 4px;">Garanti</div>
                            <div style="font-size: 14px; color: #22c55e; font-weight: 800;">12 Ay Parça</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div style="margin-top: 50px; background: linear-gradient(135deg, #0f172a, #1e293b); border: 1px solid rgba(253,121,1,0.2); border-radius: 24px; padding: 40px 45px; display: flex; align-items: center; justify-content: space-between; gap: 30px; flex-wrap: wrap;">
            <div style="display: flex; align-items: center; gap: 20px; flex-wrap: wrap;">
                <div style="width: 60px; height: 60px; background: rgba(253,121,1,0.15); border-radius: 16px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(253,121,1,0.3); flex-shrink: 0;"><i class="fas fa-search" style="color: #fd7901; font-size: 24px;"></i></div>
                <div>
                    <div style="font-size: 18px; font-weight: 900; color: #fff;">Ücretsiz Arıza Tespiti — Perpa'ya Gelin</div>
                    <div style="font-size: 14px; color: #64748b; margin-top: 5px;">Hometech modelinizi getirin, yukarıdaki süreci canlı izleyin. Tanı, fiyat teklifi ve menteşe kontrolü tamamen ücretsiz.</div>
                </div>
            </div>
            <div style="display: flex; gap: 12px; flex-wrap: wrap; flex-shrink: 0;">
                <a href="https://wa.me/+905467390670" style="background: #fd7901; color: #fff; padding: 16px 32px; border-radius: 12px; font-weight: 800; text-decoration: none; font-size: 15px; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 8px 20px rgba(253,121,1,0.35); white-space: nowrap;"><i class="fab fa-whatsapp"></i> WhatsApp Fiyat Al</a>
                <a href="tel:+902122105008" style="background: rgba(255,255,255,0.07); color: #fff; padding: 16px 32px; border-radius: 12px; font-weight: 800; text-decoration: none; font-size: 15px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(255,255,255,0.1); white-space: nowrap;"><i class="fas fa-phone"></i> Hemen Ara</a>
            </div>
        </div>
    </div>
</section>

<!-- ARIZA BELIRTILER --><!-- ARIZA BELIRTILER -->
<section style="padding: 100px 0; background: #0f172a; font-family: 'Inter', sans-serif;">
    <div style="max-width: 1200px; margin: 0 auto; padding: 0 25px;">
        <div style="text-align: center; margin-bottom: 65px;">
            <span style="color: #fd7901; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; font-size: 13px;">Kendi Arızanızı Tanıyın</span>
            <h2 style="font-size: clamp(30px, 5vw, 40px); font-weight: 900; letter-spacing: -2px; color: #fff; margin-top: 10px;">Hometech Ekran <span style="color: #fd7901;">Arıza Belirtileri</span> ve Nedenleri</h2>
            <p style="color: #94a3b8; margin-top: 12px; font-size: 17px; max-width: 600px; margin-left: auto; margin-right: auto;">Cihazınızdaki semptomu tanımlayarak tamir öncesinde doğru tespit alabilirsiniz.</p>
        </div>

        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 22px;">
                        <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 22px; padding: 32px 28px; transition: 0.3s;" onmouseover="this.style.borderColor='#fd7901'; this.style.background='rgba(253,121,1,0.05)'" onmouseout="this.style.borderColor='rgba(255,255,255,0.08)'; this.style.background='rgba(255,255,255,0.03)';">
                <div style="width: 52px; height: 52px; background: rgba(239,68,68,0.1); border-radius: 14px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;"><i class="fas fa-wrench" style="color: #ef4444; font-size: 22px;"></i></div>
                <h4 style="font-size: 17px; font-weight: 800; color: #fff; margin-bottom: 10px;">Ekranda Çatlak veya Kırık</h4>
                <p style="color: #94a3b8; font-size: 14px; line-height: 1.65; margin-bottom: 14px;">Görüntü deforme olmuş, cam katmanında çatlak veya siyah mürekkep lekesi var.</p>
                <div style="background: rgba(239,68,68,0.1); border-radius: 10px; padding: 10px 14px; font-size: 13px; color: #000; font-weight: 700;"><i class="fas fa-wrench" style="margin-right: 6px;"></i> Panel deÄŸiÅŸimi gerekli</div>
            </div>
                        <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 22px; padding: 32px 28px; transition: 0.3s;" onmouseover="this.style.borderColor='#fd7901'; this.style.background='rgba(253,121,1,0.05)'" onmouseout="this.style.borderColor='rgba(255,255,255,0.08)'; this.style.background='rgba(255,255,255,0.03)';">
                <div style="width: 52px; height: 52px; background: rgba(234,179,8,0.1); border-radius: 14px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;"><i class="fas fa-wrench" style="color: #fde68a; font-size: 22px;"></i></div>
                <h4 style="font-size: 17px; font-weight: 800; color: #fff; margin-bottom: 10px;">Ekran Soluk, Loş veya Karanlık</h4>
                <p style="color: #94a3b8; font-size: 14px; line-height: 1.65; margin-bottom: 14px;">Arka aydınlatma yetersiz veya titreşim var; resim sadece ışıkla görünür.</p>
                <div style="background: rgba(234,179,8,0.1); border-radius: 10px; padding: 10px 14px; font-size: 13px; color: #000; font-weight: 700;"><i class="fas fa-wrench" style="margin-right: 6px;"></i> Arka aydınlatma / panel arızası</div>
            </div>
                        <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 22px; padding: 32px 28px; transition: 0.3s;" onmouseover="this.style.borderColor='#fd7901'; this.style.background='rgba(253,121,1,0.05)'" onmouseout="this.style.borderColor='rgba(255,255,255,0.08)'; this.style.background='rgba(255,255,255,0.03)';">
                <div style="width: 52px; height: 52px; background: rgba(168,85,247,0.1); border-radius: 14px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;"><i class="fas fa-wrench" style="color: #d8b4fe; font-size: 22px;"></i></div>
                <h4 style="font-size: 17px; font-weight: 800; color: #fff; margin-bottom: 10px;">Dikey veya Yatay Çizgiler</h4>
                <p style="color: #94a3b8; font-size: 14px; line-height: 1.65; margin-bottom: 14px;">Ekranda sabit renkli şeritler var, harici monitörde sorun yok.</p>
                <div style="background: rgba(168,85,247,0.1); border-radius: 10px; padding: 10px 14px; font-size: 13px; color: #000; font-weight: 700;"><i class="fas fa-wrench" style="margin-right: 6px;"></i> LCD panel bozulması</div>
            </div>
                        <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 22px; padding: 32px 28px; transition: 0.3s;" onmouseover="this.style.borderColor='#fd7901'; this.style.background='rgba(253,121,1,0.05)'" onmouseout="this.style.borderColor='rgba(255,255,255,0.08)'; this.style.background='rgba(255,255,255,0.03)';">
                <div style="width: 52px; height: 52px; background: rgba(59,130,246,0.1); border-radius: 14px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;"><i class="fas fa-wrench" style="color: #93c5fd; font-size: 22px;"></i></div>
                <h4 style="font-size: 17px; font-weight: 800; color: #fff; margin-bottom: 10px;">Görüntü Yok / Siyah Ekran</h4>
                <p style="color: #94a3b8; font-size: 14px; line-height: 1.65; margin-bottom: 14px;">Laptop açılıyor, ses geliyor ama ekran siyah.</p>
                <div style="background: rgba(59,130,246,0.1); border-radius: 10px; padding: 10px 14px; font-size: 13px; color: #000; font-weight: 700;"><i class="fas fa-wrench" style="margin-right: 6px;"></i> Kablo veya panel bağlantısı</div>
            </div>
                        <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 22px; padding: 32px 28px; transition: 0.3s;" onmouseover="this.style.borderColor='#fd7901'; this.style.background='rgba(253,121,1,0.05)'" onmouseout="this.style.borderColor='rgba(255,255,255,0.08)'; this.style.background='rgba(255,255,255,0.03)';">
                <div style="width: 52px; height: 52px; background: rgba(20,184,166,0.1); border-radius: 14px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;"><i class="fas fa-wrench" style="color: #99f6e4; font-size: 22px;"></i></div>
                <h4 style="font-size: 17px; font-weight: 800; color: #fff; margin-bottom: 10px;">Sıvı Sonrası Ekran Bozukluğu</h4>
                <p style="color: #94a3b8; font-size: 14px; line-height: 1.65; margin-bottom: 14px;">Sıvı dökme sonrası leke, renk kayması veya noktalar var.</p>
                <div style="background: rgba(20,184,166,0.1); border-radius: 10px; padding: 10px 14px; font-size: 13px; color: #000; font-weight: 700;"><i class="fas fa-wrench" style="margin-right: 6px;"></i> Panel + kablo inceleme</div>
            </div>
                        <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 22px; padding: 32px 28px; transition: 0.3s;" onmouseover="this.style.borderColor='#fd7901'; this.style.background='rgba(253,121,1,0.05)'" onmouseout="this.style.borderColor='rgba(255,255,255,0.08)'; this.style.background='rgba(255,255,255,0.03)';">
                <div style="width: 52px; height: 52px; background: rgba(253,121,1,0.1); border-radius: 14px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;"><i class="fas fa-wrench" style="color: #fed7aa; font-size: 22px;"></i></div>
                <h4 style="font-size: 17px; font-weight: 800; color: #fff; margin-bottom: 10px;">Hz Değeri Düşük Algılanıyor</h4>
                <p style="color: #94a3b8; font-size: 14px; line-height: 1.65; margin-bottom: 14px;">240Hz model 60Hz görüyor; oyun performansı düşüyor.</p>
                <div style="background: rgba(253,121,1,0.1); border-radius: 10px; padding: 10px 14px; font-size: 13px; color: #000; font-weight: 700;"><i class="fas fa-wrench" style="margin-right: 6px;"></i> Panel eDP sinyal hattı veya sürücü arızası</div>
            </div>
                    </div>

        <div style="text-align: center; margin-top: 50px;"><a href="https://wa.me/+905467390670" style="background: #fd7901; color: #fff; padding: 18px 45px; border-radius: 14px; font-weight: 800; text-decoration: none; font-size: 16px; box-shadow: 0 15px 30px rgba(253,121,1,0.35); display: inline-block;"><i class="fab fa-whatsapp" style="margin-right: 10px;"></i> Arızamı Ücretsiz Teşhis Ettir</a></div>
    </div>
</section>

<!-- RAKAMLAR -->
<section style="padding: 90px 0; background: #ffffff; font-family: 'Inter', sans-serif;">
    <div style="max-width: 1200px; margin: 0 auto; padding: 0 25px;">
        <div style="text-align: center; margin-bottom: 60px;">
            <span style="color: #fd7901; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; font-size: 13px;">Neden EkranTamiri.tr?</span>
            <h2 style="font-size: clamp(30px, 5vw, 40px); font-weight: 900; letter-spacing: -2px; color: #0f172a; margin-top: 10px;">Rakamlar <span style="color: #fd7901;">KonuÅŸsun</span></h2>
        </div>

        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0; border: 1px solid #e2e8f0; border-radius: 28px; overflow: hidden; box-shadow: 0 15px 40px rgba(0,0,0,0.05);">
                        <div style="padding: 45px 30px; text-align: center; border-right: 1px solid #e2e8f0; transition: 0.3s;" onmouseover="this.style.background='#fff7ed'" onmouseout="this.style.background='#fff'">
                <div style="font-size: 52px; font-weight: 900; color: #fd7901; letter-spacing: -3px; line-height: 1;">3.530+</div>
                <div style="font-size: 14px; font-weight: 700; color: #64748b; margin-top: 10px; text-transform: uppercase; letter-spacing: 1px;">Tamamlanan Ä°ÅŸlem</div>
            </div>
                        <div style="padding: 45px 30px; text-align: center; border-right: 1px solid #e2e8f0; transition: 0.3s;" onmouseover="this.style.background='#fff7ed'" onmouseout="this.style.background='#fff'">
                <div style="font-size: 52px; font-weight: 900; color: #fd7901; letter-spacing: -3px; line-height: 1;">60dk</div>
                <div style="font-size: 14px; font-weight: 700; color: #64748b; margin-top: 10px; text-transform: uppercase; letter-spacing: 1px;">Ortalama Teslim Süresi</div>
            </div>
                        <div style="padding: 45px 30px; text-align: center; border-right: 1px solid #e2e8f0; transition: 0.3s;" onmouseover="this.style.background='#fff7ed'" onmouseout="this.style.background='#fff'">
                <div style="font-size: 52px; font-weight: 900; color: #fd7901; letter-spacing: -3px; line-height: 1;">%98</div>
                <div style="font-size: 14px; font-weight: 700; color: #64748b; margin-top: 10px; text-transform: uppercase; letter-spacing: 1px;">Müşteri Memnuniyeti</div>
            </div>
                        <div style="padding: 45px 30px; text-align: center; border-right: 1px solid #e2e8f0; transition: 0.3s;" onmouseover="this.style.background='#fff7ed'" onmouseout="this.style.background='#fff'">
                <div style="font-size: 52px; font-weight: 900; color: #fd7901; letter-spacing: -3px; line-height: 1;">12ay</div>
                <div style="font-size: 14px; font-weight: 700; color: #64748b; margin-top: 10px; text-transform: uppercase; letter-spacing: 1px;">Parça Garantisi</div>
            </div>
                        <div style="padding: 45px 30px; text-align: center; border-right: none; transition: 0.3s;" onmouseover="this.style.background='#fff7ed'" onmouseout="this.style.background='#fff'">
                <div style="font-size: 52px; font-weight: 900; color: #fd7901; letter-spacing: -3px; line-height: 1;">₺0</div>
                <div style="font-size: 14px; font-weight: 700; color: #64748b; margin-top: 10px; text-transform: uppercase; letter-spacing: 1px;">Arıza Tespit Ücreti</div>
            </div>
                    </div>
    </div>
</section>

<!-- MÜŞTERİ YORUMLARI -->
<section style="padding: 100px 0; background: #0f172a; font-family: 'Inter', sans-serif;">
    <div style="max-width: 1200px; margin: 0 auto; padding: 0 25px;">
        <div style="text-align: center; margin-bottom: 65px;">
            <span style="color: #fd7901; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; font-size: 13px;">Gerçek Kullanıcı Deneyimleri</span>
            <h2 style="font-size: clamp(30px, 5vw, 40px); font-weight: 900; letter-spacing: -2px; color: #fff; margin-top: 10px;">Hometech Kullanıcıları <span style="color: #fd7901;">Ne Diyor?</span></h2>
        </div>

        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 25px;">
                        <div style="background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 24px; padding: 35px; transition: 0.3s;" onmouseover="this.style.borderColor='#fd7901'" onmouseout="this.style.borderColor='rgba(255,255,255,0.08)';">
                <div style="display: flex; gap: 4px; margin-bottom: 18px;">
                                        <i class="fas fa-star" style="color: #fd7901; font-size: 15px;"></i>
                                        <i class="fas fa-star" style="color: #fd7901; font-size: 15px;"></i>
                                        <i class="fas fa-star" style="color: #fd7901; font-size: 15px;"></i>
                                        <i class="fas fa-star" style="color: #fd7901; font-size: 15px;"></i>
                                        <i class="fas fa-star" style="color: #fd7901; font-size: 15px;"></i>
                                    </div>
                <p style="color: #cbd5e1; font-size: 15px; line-height: 1.75; margin-bottom: 25px; font-style: italic;">"Hometech Alpha Serisi'nin ekranı kırıldı. Perpa'ya gittim, 45 dakikada tamir edildi. Uygun fiyat."</p>
                <div style="display: flex; align-items: center; gap: 14px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.07);">
                    <div style="width: 44px; height: 44px; background: linear-gradient(135deg, #fd7901, #e06400); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; color: #fff; font-size: 17px;">Ä</div>
                    <div><div style="font-weight: 800; color: #fff; font-size: 15px;">İzzet K.</div><div style="font-size: 13px; color: #64748b;">Alpha Serisi — İstanbul</div></div>
                </div>
            </div>
                        <div style="background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 24px; padding: 35px; transition: 0.3s;" onmouseover="this.style.borderColor='#fd7901'" onmouseout="this.style.borderColor='rgba(255,255,255,0.08)';">
                <div style="display: flex; gap: 4px; margin-bottom: 18px;">
                                        <i class="fas fa-star" style="color: #fd7901; font-size: 15px;"></i>
                                        <i class="fas fa-star" style="color: #fd7901; font-size: 15px;"></i>
                                        <i class="fas fa-star" style="color: #fd7901; font-size: 15px;"></i>
                                        <i class="fas fa-star" style="color: #fd7901; font-size: 15px;"></i>
                                        <i class="fas fa-star" style="color: #fd7901; font-size: 15px;"></i>
                                    </div>
                <p style="color: #cbd5e1; font-size: 15px; line-height: 1.75; margin-bottom: 25px; font-style: italic;">"Rahat Çalışan'da ekran sorunu vardı. Garantili değişim yapıldı, memnun kaldım."</p>
                <div style="display: flex; align-items: center; gap: 14px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.07);">
                    <div style="width: 44px; height: 44px; background: linear-gradient(135deg, #fd7901, #e06400); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; color: #fff; font-size: 17px;">G</div>
                    <div><div style="font-weight: 800; color: #fff; font-size: 15px;">Gizem M.</div><div style="font-size: 13px; color: #64748b;">Rahat Çalışan — Bursa</div></div>
                </div>
            </div>
                        <div style="background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 24px; padding: 35px; transition: 0.3s;" onmouseover="this.style.borderColor='#fd7901'" onmouseout="this.style.borderColor='rgba(255,255,255,0.08)';">
                <div style="display: flex; gap: 4px; margin-bottom: 18px;">
                                        <i class="fas fa-star" style="color: #fd7901; font-size: 15px;"></i>
                                        <i class="fas fa-star" style="color: #fd7901; font-size: 15px;"></i>
                                        <i class="fas fa-star" style="color: #fd7901; font-size: 15px;"></i>
                                        <i class="fas fa-star" style="color: #fd7901; font-size: 15px;"></i>
                                        <i class="fas fa-star" style="color: #fd7901; font-size: 15px;"></i>
                                    </div>
                <p style="color: #cbd5e1; font-size: 15px; line-height: 1.75; margin-bottom: 25px; font-style: italic;">"Yüksek Performans'ın ekranı çatladı. Hızlı servis, tavsiye ederim."</p>
                <div style="display: flex; align-items: center; gap: 14px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.07);">
                    <div style="width: 44px; height: 44px; background: linear-gradient(135deg, #fd7901, #e06400); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; color: #fff; font-size: 17px;">H</div>
                    <div><div style="font-weight: 800; color: #fff; font-size: 15px;">Halil N.</div><div style="font-size: 13px; color: #64748b;">Yüksek Performans — İzmir</div></div>
                </div>
            </div>
                    </div>
    </div>
</section>

<!-- ADRES & CTA -->
<section style="padding: 100px 0; background: #f8fafc; font-family: 'Inter', sans-serif;">
    <div style="max-width: 1100px; margin: 0 auto; padding: 0 25px;">
        <div style="display: flex; flex-wrap: wrap; gap: 40px; align-items: stretch;">
            <div style="flex: 1; min-width: 300px; background: #0f172a; border-radius: 30px; padding: 50px 40px; color: #fff;">
                <span style="background: rgba(253,121,1,0.2); color: #fd7901; padding: 7px 18px; border-radius: 30px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px;">Neredeyiz?</span>
                <h3 style="font-size: 28px; font-weight: 900; margin-top: 20px; letter-spacing: -1px;">Perpa Ticaret Merkezi</h3>
                <p style="color: #94a3b8; font-size: 15px; line-height: 1.7; margin-top: 10px;">Perpa Ticaret Merkezi B-Blok Kat:8 ÅžiÅŸli / Ä°stanbul</p>

                <div style="margin-top: 35px; display: flex; flex-direction: column; gap: 18px;">
                    <div style="display: flex; align-items: center; gap: 15px;"><div style="width: 42px; height: 42px; background: rgba(253,121,1,0.15); border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><i class="fas fa-subway" style="color: #fd7901;"></i></div><div><div style="font-weight: 700; font-size: 14px; color: #fff;">Metrobüs ile Ulaşım</div><div style="font-size: 13px; color: #64748b;">Perpa Durağı (5 dk yürüyüş)</div></div></div>
                    <div style="display: flex; align-items: center; gap: 15px;"><div style="width: 42px; height: 42px; background: rgba(253,121,1,0.15); border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><i class="fas fa-clock" style="color: #fd7901;"></i></div><div><div style="font-weight: 700; font-size: 14px; color: #fff;">Çalışma Saatleri</div><div style="font-size: 13px; color: #64748b;">Pazartesi – Cumartesi · 09:00 – 18:30</div></div></div>
                    <div style="display: flex; align-items: center; gap: 15px;"><div style="width: 42px; height: 42px; background: rgba(253,121,1,0.15); border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><i class="fas fa-phone" style="color: #fd7901;"></i></div><div><div style="font-weight: 700; font-size: 14px; color: #fff;">Telefon</div><div style="font-size: 13px; color: #64748b;">+90 212 210 50 08</div><div style="font-size: 13px; color: #64748b;">+90 546 739 06 70</div></div></div>
                </div>
            </div>
            <div style="flex: 1; min-width: 300px; display: flex; flex-direction: column; gap: 20px;">
                <div style="background: linear-gradient(135deg, #fd7901, #e06400); border-radius: 28px; padding: 40px; color: #fff; flex: 1;">
                    <i class="fab fa-whatsapp" style="font-size: 36px; opacity: 0.9; margin-bottom: 18px; display: block;"></i>
                    <h4 style="font-size: 22px; font-weight: 900; margin-bottom: 10px; letter-spacing: -0.5px;">WhatsApp ile Anlık Fiyat Alın</h4>
                    <p style="font-size: 14px; line-height: 1.65; opacity: 0.9; margin-bottom: 25px;">Hometech modelinizi ve arızayı yazın; 5 dakika içinde net fiyatla geri dönüş sağlanır.</p>
                    <a href="https://wa.me/+905467390670" style="background: #fff; color: #fd7901; padding: 14px 30px; border-radius: 12px; font-weight: 800; text-decoration: none; font-size: 15px; display: inline-block; box-shadow: 0 8px 20px rgba(0,0,0,0.15);">Şimdi Yaz →</a>
                </div>
                <div style="background: #fff; border: 2px solid #e2e8f0; border-radius: 28px; padding: 35px; display: flex; align-items: center; gap: 20px;">
                    <div style="width: 58px; height: 58px; background: rgba(253,121,1,0.1); border-radius: 16px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><i class="fas fa-truck" style="color: #fd7901; font-size: 24px;"></i></div>
                    <div><h4 style="font-size: 17px; font-weight: 900; color: #0f172a; margin-bottom: 6px;">Kargo ile Gönder</h4><p style="font-size: 14px; color: #64748b; line-height: 1.55; margin: 0;">Türkiye geneli kargo ile cihazınızı güvenle gönderebilirsiniz.</p></div>
                </div>
            </div>
        </div>
    </div>
</section>

<footer class="ekran-footer">
<section class="footer-cta-orange">
    <div class="cta-inner">
        <div class="cta-text-content">
            <span class="cta-mini-title">Hızlı Çözüm Merkeziniz</span>
            <h2>
                Laptop Ekranınız mı Kırıldı? <br>
                <span>Perpa'da 60 Dakikada Orijinal Panelle DeÄŸiÅŸim!</span>
            </h2>
            <p>
                <strong>Asus, HP, Lenovo, Dell, MacBook ve 20+ marka</strong> için 
                orijinal ekran stoklarımız hazır. İstanbul'un neresinde olursanız olun, 
                <strong>yerinde servis veya kurye</strong> ile cihazınızı alır ve aynı gün teslim ederiz.
            </p>
            <div class="cta-location-tags">
                <a href="/sisli-ekran-degisimi"><span>ÅžiÅŸli</span></a>
                <a href="/besiktas-ekran-degisimi"><span>BeÅŸiktaÅŸ</span></a>
                <a href="/kadikoy-ekran-degisimi"><span>Kadıköy</span></a>
                <a href="/bakirkoy-ekran-tamiri"><span>Bakırköy</span></a>
                <a href="/atasehir-ekran-degisimi"><span>AtaÅŸehir</span></a>
                <a href="/beylikduzu-laptop-tamiri"><span>Beylikdüzü</span></a>
                <a href="/uskudar-laptop-tamiri"><span>Üsküdar</span></a>
            </div>
        </div>

        <div class="cta-action-area">
            <div class="cta-price-tag">
                <span>İstanbul Laptop Ekran Değişimi Fiyatları</span>
                <strong>Ücretsiz Arıza Tespiti &amp; 1 Yıl Garanti</strong>
            </div>
            <a href="https://wa.me/905467390670?text=Merhaba%2C%20laptop%20ekran%20de%C4%9Fi%C5%9Fimi%20i%C3%A7in%20fiyat%20teklifi%20almak%20istiyorum." class="cta-big-btn">
                <i class="fab fa-whatsapp"></i> Fiyat Teklifi Al &amp; Randevu OluÅŸtur
            </a>
            <p class="cta-sub-text">*Tüm değişimlerde orijinal parça ve 1 yıl birebir garanti.</p>
            <div class="cta-visual"></div>
        </div>
    </div>
</section>

<style>
.footer-cta-orange {
    background: linear-gradient(135deg, #fd800f, #ffb347);
    padding: 60px 20px;
    position: relative;
    overflow: hidden;
    color: #fff;
    border-radius: 20px;
}
.footer-cta-orange::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: url('https://www.transparenttextures.com/patterns/carbon-fibre.png');
    opacity: 0.08;
}
.cta-inner {
    max-width: 1300px;
    margin: auto;
    display: flex;
    align-items: center;
    gap: 50px;
    position: relative;
    z-index: 2;
}
.cta-text-content { flex: 1.5; }
.cta-mini-title {
    background: #0f172a; color: #fff; padding: 5px 14px;
    border-radius: 6px; font-size: 13px; font-weight: 800;
    text-transform: uppercase; letter-spacing: 1px;
}
.cta-text-content h2 {
    font-size: 40px; font-weight: 900; margin: 20px 0;
    line-height: 1.1; color: #0f172a;
}
.cta-text-content h2 span { color: #fff; }
.cta-text-content p { font-size: 17px; line-height: 1.6; margin-bottom: 25px; color: #fff; }
.cta-location-tags { display: flex; flex-wrap: wrap; gap: 10px; }
.cta-location-tags a { text-decoration: none; }
.cta-location-tags span {
    background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.3);
    padding: 5px 12px; border-radius: 6px; font-size: 13px; font-weight: 600;
    color: #fff; display: inline-block; transition: background 0.2s;
}
.cta-location-tags a:hover span { background: rgba(255,255,255,0.3); }
.cta-action-area { flex: 1; text-align: center; display: flex; flex-direction: column; align-items: center; }
.cta-price-tag { margin-bottom: 20px; }
.cta-price-tag span { display: block; font-size: 14px; opacity: 0.9; }
.cta-price-tag strong { font-size: 24px; font-weight: 900; color: #0f172a; text-transform: uppercase; }
.cta-big-btn {
    display: flex; align-items: center; justify-content: center; gap: 12px;
    background: #0f172a; color: #fff !important; padding: 18px 28px;
    border-radius: 14px; font-size: 18px; font-weight: 800;
    text-decoration: none; transition: 0.3s;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}
.cta-big-btn:hover { background: #1e293b; transform: translateY(-4px); }
.cta-sub-text { font-size: 12px; margin-top: 12px; opacity: 0.85; font-style: italic; }
.cta-visual img { margin-top: 20px; max-width: 220px; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.25); }
@media (max-width: 992px) {
    .cta-inner { flex-direction: column; text-align: center; }
    .cta-location-tags { justify-content: center; }
    .cta-text-content h2 { font-size: 30px; }
    .cta-visual img { max-width: 180px; }
}
</style>

    <div class="f-container">

        <div class="f-col brand-info">
            <a href="/index" class="f-logo-link">
                <h2 class="f-logo">EKRAN<span>TAMÄ°RÄ°</span></h2>
            </a>
            <p>
                İstanbul'un kalbi <strong>Perpa Ticaret Merkezi</strong>'nde, tüm laptop markaları için
                A+ kalite panellerle <strong>garantili ekran değişimi</strong> yapıyoruz.
                Cihazınızı bugün getirin, 60 dakikada teslim alın.
            </p>
            <div class="f-badges">
                <span><i class="fas fa-check"></i> Orijinal Panel</span>
                <span><i class="fas fa-clock"></i> 60 Dakika Montaj</span>
                <span><i class="fas fa-shield-alt"></i> 1 Yıl Garanti</span>
                <span><i class="fas fa-truck"></i> Kurye Servisi</span>
                <span><i class="fas fa-tools"></i> Ücretsiz Arıza Tespiti</span>
            </div>
            <div class="f-trust">
                <div class="trust-item">
                    <i class="fas fa-star"></i>
                    <div>
                        <strong>4.9 / 5</strong>
                        <span>Google Yorumları</span>
                    </div>
                </div>
                <div class="trust-item">
                    <i class="fas fa-laptop"></i>
                    <div>
                        <strong>+12.000</strong>
                        <span>Tamamlanan Onarım</span>
                    </div>
                </div>
            </div>
        </div>

        <div class="f-col">
            <h4>Kurumsal</h4>
            <ul class="f-links">
                <li><a href="/index"><i class="fas fa-home"></i> Ana Sayfa</a></li>
                <li><a href="/hakkimizda"><i class="fas fa-building"></i> Hakkımızda</a></li>
                <li><a href="/fiyatlar"><i class="fas fa-tags"></i> Fiyat Listesi</a></li>
                <li><a href="/servisler"><i class="fas fa-clipboard-list"></i> Servisler</a></li>
                <li><a href="/blog"><i class="fas fa-newspaper"></i> Blog &amp; Haberler</a></li>
                <li><a href="/rehber"><i class="fas fa-question-circle"></i> Sıkça Sorulan Sorular</a></li>
                <li><a href="/iletisim"><i class="fas fa-envelope"></i> Ä°letiÅŸim</a></li>
            </ul>
        </div>

        <div class="f-col">
            <h4>Ekran Hizmetleri</h4>
            <ul class="f-links">
                <li><a href="/laptop-ekran-degisimi">Laptop Ekran DeÄŸiÅŸimi</a></li>
                <li><a href="/macbook-ekran-tamiri">MacBook Ekran Tamiri</a></li>
                <li><a href="/gaming-laptop-ekran-degisimi">Gaming (144Hz) Panel</a></li>
                <li><a href="/ips-panel-degisimi">IPS Ekran Yükseltme</a></li>
                <li><a href="/dokunmatik-ekran-degisimi">Dokunmatik Panel DeÄŸiÅŸimi</a></li>
                <li><a href="/oled-panel-tamiri">4K &amp; OLED Panel DeÄŸiÅŸimi</a></li>
                <li><a href="/kirik-ekran-onarimi">Ekran Çerçeve Tamiri</a></li>
                <li><a href="/backlight-tamiri">Backlight Tamiri</a></li>
                <li><a href="/ekran-kablosu-degisimi">Ekran Kablosu DeÄŸiÅŸimi</a></li>
            </ul>
        </div>

        <div class="f-col">
            <h4>Popüler Markalar</h4>
            <ul class="f-links">
                <li><a href="/asus-ekran-degisimi">Asus Ekran DeÄŸiÅŸimi</a></li>
                <li><a href="/hp-ekran-degisimi">HP Panel DeÄŸiÅŸimi</a></li>
                <li><a href="/lenovo-ekran-degisimi">Lenovo Ekran Tamiri</a></li>
                <li><a href="/dell-ekran-degisimi">Dell Ekran DeÄŸiÅŸimi</a></li>
                <li><a href="/monster-ekran-degisimi">Monster Servis</a></li>
                <li><a href="/macbook-ekran-tamiri">Apple MacBook Ekran</a></li>
                <li><a href="/msi-ekran-degisimi">MSI Ekran DeÄŸiÅŸimi</a></li>
                <li><a href="/acer-ekran-degisimi">Acer Ekran Tamiri</a></li>
                <li><a href="/samsung-ekran-degisimi">Samsung Ekran DeÄŸiÅŸimi</a></li>
                <li><a href="/casper-ekran-degisimi">Casper Ekran Tamiri</a></li>
            </ul>
        </div>

        <div class="f-col contact-info">
            <h4>Bize Ulaşın</h4>
            <div class="c-item">
                <i class="fas fa-map-marker-alt"></i>
                <span>Perpa Ticaret Merkezi B-Blok Kat:8 No:1261, ÅžiÅŸli / Ä°stanbul</span>
            </div>
            <div class="c-item">
                <i class="fas fa-clock"></i>
                <span>Pazartesi – Cumartesi: 09:00 – 19:00</span>
            </div>
            <div class="c-item">
                <i class="fas fa-phone-alt"></i>
                <a href="tel:+902122105008" style="color:inherit; text-decoration:none;">0 (212) 210 50 08</a>
            </div>
            <div class="c-item">
                <i class="fab fa-whatsapp"></i>
                <a href="https://wa.me/905467390670" style="color:inherit; text-decoration:none;">0 546 739 06 70</a>
            </div>
            <a href="https://wa.me/905467390670?text=Merhaba%2C%20ekran%20de%C4%9Fi%C5%9Fimi%20hakk%C4%B1nda%20bilgi%20almak%20istiyorum." class="f-wa-btn">
                <i class="fab fa-whatsapp"></i> WhatsApp Destek
            </a>
            <a href="tel:+902122105008" class="f-call-btn">
                <i class="fas fa-phone-alt"></i> Hemen Ara
            </a>
            <a href="https://www.google.com/maps/place/Mx+Store/@41.0604439,28.9675976,17z/data=!4m6!3m5!1s0x14cab79b072ad021:0xecedc5cff2425ed8!8m2!3d41.060622!4d28.9701457!16s%2Fg%2F11n4wdphbf?entry=ttu&g_ep=EgoyMDI2MDQwMS4wIKXMDSoASAFQAw%3D%3D" class="f-map-btn">
                <i class="fas fa-map-marked-alt"></i> Google Haritada Gör
            </a>
        </div>

    </div>

    <div class="f-brand-cloud">
        <div class="cloud-inner">
            <a href="/macbook-ekran-tamiri"><span>Apple</span></a>
            <a href="/asus-ekran-degisimi"><span>Asus</span></a>
            <a href="/hp-ekran-degisimi"><span>HP</span></a>
            <a href="/dell-ekran-degisimi"><span>Dell</span></a>
            <a href="/lenovo-ekran-degisimi"><span>Lenovo</span></a>
            <a href="/acer-ekran-degisimi"><span>Acer</span></a>
            <a href="/msi-ekran-degisimi"><span>MSI</span></a>
            <a href="/monster-ekran-degisimi"><span>Monster</span></a>
            <a href="/samsung-ekran-degisimi"><span>Samsung</span></a>
            <a href="/casper-ekran-degisimi"><span>Casper</span></a>
            <a href="/huawei-ekran-degisimi"><span>Huawei</span></a>
            <a href="/toshiba-ekran-degisimi"><span>Toshiba</span></a>
            <a href="/sony-vaio-ekran-degisimi"><span>Sony</span></a>
            <a href="/gigabyte-ekran-degisimi"><span>Gigabyte</span></a>
            <a href="/razer-ekran-degisimi"><span>Razer</span></a>
            <a href="/xiaomi-ekran-degisimi"><span>Xiaomi</span></a>
        </div>
    </div>

    <div class="f-bottom">
        <div class="bottom-container">
            <p>© 2026 <strong>EkranTamiri.tr</strong> | Tüm Hakları Saklıdır.</p>
            <div class="f-bottom-links">
                <a href="/rehber">Gizlilik Politikası</a>
                <a href="/rehber">Kullanım Koşulları</a>
                <a href="/rehber">Çerez Politikası</a>
            </div>
            <div class="f-social">
                <a href="https://www.instagram.com/ekrantamiri" target="_blank" rel="noopener noreferrer" aria-label="Instagram">
                    <i class="fab fa-instagram"></i>
                </a>
                <a href="https://www.facebook.com/ekrantamiri" target="_blank" rel="noopener noreferrer" aria-label="Facebook">
                    <i class="fab fa-facebook"></i>
                </a>
                <a href="https://www.youtube.com/@ekrantamiri" target="_blank" rel="noopener noreferrer" aria-label="YouTube">
                    <i class="fab fa-youtube"></i>
                </a>
                <a href="https://www.tiktok.com/@ekrantamiri" target="_blank" rel="noopener noreferrer" aria-label="TikTok">
                    <i class="fab fa-tiktok"></i>
                </a>
            </div>
        </div>
    </div>
</footer>

<style>
.ekran-footer {
    background: #0f172a;
    color: #94a3b8;
    padding-top: 70px;
    font-family: 'Inter', -apple-system, sans-serif;
    border-top: 4px solid #fd800f;
}
.f-container {
    max-width: 1300px;
    margin: auto;
    display: grid;
    grid-template-columns: 1.5fr 0.8fr 1fr 1fr 1.2fr;
    gap: 40px;
    padding: 0 20px 60px;
}
.f-logo-link { text-decoration: none; }
.f-logo { color: #fff; font-size: 28px; font-weight: 800; margin-bottom: 20px; letter-spacing: -1px; }
.f-logo span { color: #fd800f; }
.brand-info p { font-size: 14px; line-height: 1.7; color: #cbd5e1; }
.f-badges { margin-top: 20px; display: flex; flex-wrap: wrap; gap: 8px; }
.f-badges span {
    background: #1e293b; color: #fff; padding: 6px 12px;
    border-radius: 6px; font-size: 11px; font-weight: 600;
    border: 1px solid #334155; display: flex; align-items: center; gap: 6px;
}
.f-badges i { color: #fd800f; }
.f-trust { margin-top: 20px; display: flex; gap: 16px; }
.trust-item {
    display: flex; align-items: center; gap: 10px;
    background: #1e293b; border: 1px solid #334155;
    border-radius: 8px; padding: 10px 14px; flex: 1;
}
.trust-item i { color: #fd800f; font-size: 20px; }
.trust-item strong { display: block; color: #fff; font-size: 15px; font-weight: 700; }
.trust-item span { font-size: 11px; color: #64748b; }
.f-col h4 { color: #fff; font-size: 17px; font-weight: 700; margin-bottom: 25px; position: relative; padding-bottom: 10px; }
.f-col h4::after { content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 2px; background: #fd800f; }
.f-links { list-style: none; padding: 0; margin: 0; }
.f-links li { margin-bottom: 12px; }
.f-links a {
    color: #94a3b8; text-decoration: none; font-size: 14px;
    transition: 0.25s; display: flex; align-items: center; gap: 8px;
}
.f-links a i { font-size: 12px; color: #475569; transition: 0.25s; width: 14px; }
.f-links a:hover { color: #fd800f; padding-left: 4px; }
.f-links a:hover i { color: #fd800f; }
.c-item { display: flex; gap: 12px; margin-bottom: 15px; font-size: 14px; align-items: flex-start; }
.c-item i { color: #fd800f; margin-top: 3px; min-width: 16px; }
.f-wa-btn, .f-call-btn, .f-map-btn {
    display: flex; align-items: center; justify-content: center; gap: 10px;
    width: 100%; padding: 13px;
    border-radius: 10px; font-weight: 800; text-decoration: none; transition: 0.3s;
    margin-top: 10px; font-size: 14px;
}
.f-wa-btn { background: #fd800f; color: #fff !important; box-shadow: 0 4px 15px rgba(253,128,15,0.3); }
.f-wa-btn:hover { background: #e6730d; transform: translateY(-2px); }
.f-call-btn { background: #1e293b; color: #fff !important; border: 1px solid #334155; }
.f-call-btn:hover { background: #293548; transform: translateY(-2px); }
.f-map-btn { background: transparent; color: #94a3b8 !important; border: 1px solid #334155; font-size: 13px; font-weight: 600; }
.f-map-btn:hover { color: #fd800f !important; border-color: #fd800f; }
.f-brand-cloud { padding: 30px 20px; background: #131c2e; border-top: 1px solid #1e293b; }
.cloud-inner { max-width: 1200px; margin: auto; text-align: center; }
.cloud-inner a { text-decoration: none; }
.cloud-inner span {
    display: inline-block; color: #64748b; font-size: 12px; font-weight: 600;
    margin: 5px 12px; text-transform: uppercase; letter-spacing: 1px; transition: 0.3s;
}
.cloud-inner a:hover span { color: #fd800f; }
.f-bottom { background: #0b1120; padding: 20px 0; border-top: 1px solid #1e293b; }
.bottom-container {
    max-width: 1300px; margin: auto;
    display: flex; justify-content: space-between; align-items: center;
    padding: 0 20px; flex-wrap: wrap; gap: 12px;
}
.f-bottom p { font-size: 13px; margin: 0; }
.f-bottom p strong { color: #fd800f; }
.f-bottom-links { display: flex; gap: 20px; }
.f-bottom-links a { color: #475569; font-size: 12px; text-decoration: none; transition: 0.2s; }
.f-bottom-links a:hover { color: #fd800f; }
.f-social { display: flex; gap: 20px; }
.f-social a { color: #64748b; font-size: 18px; transition: 0.3s; }
.f-social a:hover { color: #fd800f; transform: translateY(-2px); }
@media (max-width: 1100px) {
    .f-container { grid-template-columns: 1fr 1fr 1fr; }
    .brand-info { grid-column: span 3; }
}
@media (max-width: 768px) {
    .f-container { grid-template-columns: 1fr 1fr; }
    .brand-info { grid-column: span 2; }
    .contact-info { grid-column: span 2; }
    .f-trust { flex-direction: column; }
    .bottom-container { flex-direction: column; text-align: center; }
    .f-bottom-links { justify-content: center; }
}
@media (max-width: 480px) {
    .f-container { grid-template-columns: 1fr; }
    .brand-info, .contact-info { grid-column: span 1; }
}
</style>