PageSourceSearch

https://yalniz.net/

html yalniz.net collected 2026-10-08 08:06:57 UTC 183,803 bytes, 1,912 lines download raw bytes

1<!DOCTYPE html>
2<html lang="tr">
3<head>
4  <meta charset="UTF-8" />
5  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6  <title>İşletmeniz İçin Hızlı ve Güvenli Sunucu Çözümleri | Yalnız Net</title>
7  <meta name="description" content="Yalnız Bilişim Teknolojileri ile NVMe SSD tabanlı web hosting, VPS, VDS ve fiziksel sunucu hizmetleri. Türkiye veri merkezinde %99.9 uptime, ücretsiz…" />
8  <meta name="keywords" content="hosting, web hosting, vps, vds, fiziksel sunucu, dedicated server, nvme hosting, türkiye hosting, alan adı, domain, yalnız bilişim" />
9  <meta name="robots" content="index, follow" />
10  <link rel="canonical" href="https://yalniz.net/" />
11  <meta property="og:type" content="website" />
12  <meta property="og:title" content="Yalnız Bilişim Teknolojileri — Hosting, VPS & Sunucu" />
13  <meta property="og:description" content="NVMe SSD, %99.9 uptime, ücretsiz DDoS koruması, 7/24 Türkçe destek. Türkiye veri merkezi." />
14  <meta property="og:url" content="https://yalniz.net/" />
15  <meta property="og:locale" content="tr_TR" />
16  <meta property="og:site_name" content="Yalnız Bilişim Teknolojileri" />
17  <meta property="og:image" content="https://yalniz.net/og-image.png" />
18  <meta name="twitter:card" content="summary_large_image" />
19  <meta name="twitter:title" content="Yalnız Bilişim Teknolojileri" />
20  <meta name="twitter:description" content="Hızlı VDS, VPS, Web Hosting & Fiziksel Sunucu. 2022'den bu yana güvenilir hizmet, 7/24 Türkçe destek." />
21  <meta name="twitter:image" content="https://yalniz.net/og-image.png" />
22  <meta name="theme-color" content="#2F6FBE" />
23  <link rel="icon" type="image/svg+xml" href="assets/img/favicon.svg" />
24  
24<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Yalnız Bilişim Teknolojileri","legalName":"Yalnız Bilişim Teknolojileri Tic. Ltd. Şti.","url":"https://yalniz.net/","logo":"https://yalniz.net/assets/img/logo.png","email":"[email protected]","telephone":"+90-850-309-4486","foundingDate":"2022","taxID":"9341167044","description":"2022'den bu yana Türkiye, Amerika ve Almanya lokasyonlu hosting, VPS, VDS ve sunucu çözümleri sunan Yalnız Bilişim Teknolojileri. Hizmete göre NVMe, kontrol paneli, yedekleme ve Türkçe teknik destek seçenekleri sunulur.","areaServed":["TR","US","DE"],"address":{"@type":"PostalAddress","streetAddress":"Turgut Özal Mah. 2192. Sk. 4D/12 Yenimahalle","addressLocality":"Ankara","addressRegion":"Ankara","addressCountry":"TR"},"contactPoint":{"@type":"ContactPoint","telephone":"+90-850-309-4486","email":"[email protected]","contactType":"customer support","availableLanguage":["Turkish","English"]},"sameAs":["https://www.instagram.com/yalniznet/","https://www.facebook.com/yalnizbilisim","https://www.youtube.com/@yalniznet","https://www.r10.net/yalnizbilisim"],"@id":"https://yalniz.net/#organization"}</script>
24
25  
25<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Yalnız Bilişim Teknolojileri","url":"https://yalniz.net/","inLanguage":"tr-TR","@id":"https://yalniz.net/#website"}</script>
25
26
27  <link rel="preconnect" href="https://fonts.googleapis.com" />
28  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
29  <!-- Fontlar render'i bloklamadan yuklenir; display=swap ile metin ilk
30       karede yedek fontla gorunur, font gelince degisir. -->
vendor: 139 bytes, lines 30-31
30
31  <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="d4b4b2a9eaff6dedabfacb06-|49"></script>
31<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;700&display=swap"
32        onload="this.onload=null;this.rel='stylesheet'" />
33  <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;700&display=swap" /></noscript>
34
35  <link rel="stylesheet" href="assets/tailwind.css?v=2" />
36
37  <link rel="stylesheet" href="assets/theme.css?v=12" />
38  
38<script type="d4b4b2a9eaff6dedabfacb06-text/javascript">window.YLZ_YEDEK_KUR = 47.60;</script>
38
39  
39<script src="assets/pricing.js?v=2" defer type="d4b4b2a9eaff6dedabfacb06-text/javascript"></script>
39
40  
40<script src="assets/anim.js?v=1" defer type="d4b4b2a9eaff6dedabfacb06-text/javascript"></script>
40
41  
41<script src="assets/premium.js?v=3" defer type="d4b4b2a9eaff6dedabfacb06-text/javascript"></script>
41
42  
42<script src="assets/cookie.js?v=2" defer type="d4b4b2a9eaff6dedabfacb06-text/javascript"></script>
42
43  
43<script src="assets/slider.js?v=2" defer type="d4b4b2a9eaff6dedabfacb06-text/javascript"></script>
43
44  
44<script src="assets/nav.js?v=1" defer type="d4b4b2a9eaff6dedabfacb06-text/javascript"></script>
44
45  
45<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Hosting hesabım ne kadar sürede aktif olur?","acceptedAnswer":{"@type":"Answer","text":"Ödemeniz onaylandıktan sonra hesabınız otomatik olarak dakikalar içinde aktifleştirilir ve giriş bilgileriniz e-posta ile gönderilir."}},{"@type":"Question","name":"Para iade garantisi var mı?","acceptedAnswer":{"@type":"Answer","text":"Evet. Tüm hosting paketlerimizde 30 günlük ticari iade imkânı sunuyoruz. Koşullar ve kapsam dışı kalemler Hizmet ve İade Sözleşmesi'nde açıklanır."}},{"@type":"Question","name":"Sitemi sizin sunucularınıza taşımak ücretli mi?","acceptedAnswer":{"@type":"Answer","text":"Hayır. Mevcut sitenizi, e-postalarınızı ve veritabanlarınızı uzman ekibimiz ön kontrol sonrasında ücretsiz taşır; DNS ve veri eşitleme adımlarıyla kesinti riski azaltılır."}},{"@type":"Question","name":"Paketimi sonradan yükseltebilir miyim?","acceptedAnswer":{"@type":"Answer","text":"Elbette. İhtiyaçlarınız büyüdükçe müşteri panelinden tek tıkla daha yüksek bir pakete geçebilir, yalnızca fark ücretini ödersiniz."}},{"@type":"Question","name":"Sunucularınız nerede bulunuyor?","acceptedA
45nswer":{"@type":"Answer","text":"Türkiye, Almanya ve Amerika lokasyon seçenekleri sunuyoruz. Lokasyonu hedef kitlenizin ağırlığına, ölçülen ağ gecikmesine ve veri işleme gereksinimlerine göre seçin; sunucu konumu tek başına SEO, KVKK, GDPR veya pazaryeri hesabı sonucu garantisi vermez."}},{"@type":"Question","name":"Hangi ödeme yöntemlerini kabul ediyorsunuz?","acceptedAnswer":{"@type":"Answer","text":"Visa, Mastercard ve Troy kredi/banka kartları ile havale/EFT ödemelerini kabul ediyoruz. Tüm işlemler SSL ile şifrelenir."}},{"@type":"Question","name":"Fiyatlar neden dolar olarak belirtiliyor?","acceptedAnswer":{"@type":"Answer","text":"Sunucu donanımı, lisanslar ve veri merkezi maliyetleri döviz üzerinden oluştuğu için fiyatlarımız USD tabanlıdır. Ödemenizi güncel kurla Türk Lirası olarak yaparsınız. Sayfanın üst kısmındaki ₺/$ düğmesiyle iki para biriminde de görebilirsiniz."}},{"@type":"Question","name":"Hosting mi, VPS mi, VDS mi almalıyım?","acceptedAnswer":{"@type":"Answer","text":"Tek bir site veya blog için web hosting yeterlidir; sunucu yönetimiyle uğraşmazsınız. Kendi yazılımınızı kurmanız gerekiyorsa ve bütçe önceliğinizse VPS , kaynakların yalnızca size ayrılmasını istiyorsanız VDS uygundur."}}]}</script>
45
46  <meta name="author" content="Yalnız Bilişim Teknolojileri" />
47  <meta name="publisher" content="Yalnız Bilişim Teknolojileri Tic. Ltd. Şti." />
48  <meta http-equiv="content-language" content="tr-TR" />
49<meta property="og:image:alt" content="Yalnız Net hosting ve sunucu çözümleri" />
50  <meta name="twitter:site" content="@yalniznet" />
51  
51<script type="application/ld+json" data-ylz-schema="webpage">{"@context":"https://schema.org","@type":"WebPage","@id":"https://yalniz.net/#webpage","url":"https://yalniz.net/","name":"İşletmeniz İçin Hızlı ve Güvenli Sunucu Çözümleri | Yalnız Net","description":"Yalnız Bilişim Teknolojileri ile NVMe SSD tabanlı web hosting, VPS, VDS ve fiziksel sunucu hizmetleri. Türkiye veri merkezinde %99.9 uptime, ücretsiz…","inLanguage":"tr-TR","isPartOf":{"@type":"WebSite","@id":"https://yalniz.net/#website","url":"https://yalniz.net/","name":"Yalnız Net"},"publisher":{"@type":"Organization","@id":"https://yalniz.net/#organization","name":"Yalnız Bilişim Teknolojileri"},"primaryImageOfPage":{"@type":"ImageObject","url":"https://yalniz.net/og-image.png"},"dateModified":"2026-08-26"}</script>
51
52</head>
53<body class="site-page page-home">
54<!-- Klavye kullanicilari icin: menuyu atlayip dogrudan icerige gecer -->
55<a href="#icerik" class="sr-only focus:not-sr-only focus:absolute focus:top-3 focus:left-3 focus:z-[100] focus:px-4 focus:py-2.5 focus:rounded-lg focus:bg-brand-600 focus:text-white focus:font-semibold focus:shadow-lg">İçeriğe geç</a>
56
57
58<!-- ============================================================
59     LOGO — yeniden kullanılabilir inline SVG (marka degradesi)
60     Resmi SVG/PNG dosyası kullanılacaksa aşağıdaki sembol yerine erişilebilir
61     alt metne sahip gerçek marka görseli eklenebilir.
62     ============================================================ -->
63<svg width="0" height="0" class="hidden" aria-hidden="true">
64  <defs>
65    <linearGradient id="ylzGrad" x1="0" y1="0" x2="1" y2="1">
66      <stop offset="0" stop-color="#46BEE6"/>
67      <stop offset="1" stop-color="#2C6CBC"/>
68    </linearGradient>
69    <symbol id="ylz-mark" viewBox="0 0 48 48">
70      <g transform="rotate(45 24 24)" fill="url(#ylzGrad)">
71        <rect x="18" y="18" width="13" height="13" rx="3"/>
72        <rect x="19" y="3"  width="10" height="10" rx="2.5" opacity="0.92"/>
73        <rect x="3"  y="19" width="9"  height="9"  rx="2.5" opacity="0.8"/>
74        <rect x="35" y="20" width="8"  height="8"  rx="2.5" opacity="0.85"/>
75        <rect x="19" y="35" width="8"  height="8"  rx="2"   opacity="0.78"/>
76        <rect x="38" y="4"  width="4"  height="4"  rx="1"   opacity="0.7"/>
77      </g>
78    </symbol>
79  </defs>
80</svg>
81
82<!-- ============================================================
83     TOPBAR
84     ============================================================ -->
85<div class="bg-soft border-b border-[#E3EDF5] text-[13px] text-ink-600 py-2 px-4 hidden md:block">
86  <div class="max-w-7xl mx-auto flex justify-between items-center">
87    <div class="flex items-center gap-6">
88      <a href="tel:+908503094486" class="flex items-center gap-1.5 hover:text-brand-600 transition-colors duration-200">
89        <svg viewBox="0 0 24 24" class="w-4 h-4 fill-current" aria-hidden="true"><path d="M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1-9.4 0-17-7.6-17-17 0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z"/></svg>
90        0850 309 44 86
91      </a>
92      <a href="/cdn-cgi/l/email-protection#6900070f062910080507001347070c1d" class="flex items-center gap-1.5 hover:text-brand-600 transition-colors duration-200">
93        <svg viewBox="0 0 24 24" class="w-4 h-4 fill-current" aria-hidden="true"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
94        <span class="__cf_email__" data-cfemail="026b6c646d427b636e6c6b782c6c6776">[email&#160;protected]</span>
95      </a>
96    </div>
97    <div class="flex items-center gap-4">
98      <a href="https://status.yalniz.net" target="_blank" rel="noopener" class="inline-flex items-center gap-1.5 hover:text-brand-600 transition-colors duration-200">
99        <span class="w-2 h-2 bg-emerald-500 rounded-full pulse-dot" aria-hidden="true"></span>
100        Sistem Durumu
101      </a>
102      <a href="https://lg.yalniz.net" target="_blank" rel="noopener" class="hover:text-brand-600 transition-colors duration-200">Looking Glass</a>
103      <a href="/blog" class="hover:text-brand-600 transition-colors duration-200">Blog</a>
104      <span class="text-[#CFE2F1]">|</span>
105      <div class="inline-flex items-center rounded-full border border-[#CFE2F1] overflow-hidden text-[12px]" role="group" aria-label="Para birimi seçimi">
106        <button type="button" data-cur="TRY" class="ylz-cur-btn px-2.5 py-0.5 font-semibold transition-colors text-ink-600 hover:bg-brand-50">₺ TL</button>
107        <button type="button" data-cur="USD" class="ylz-cur-btn px-2.5 py-0.5 font-semibold transition-colors text-ink-600 hover:bg-brand-50">$ USD</button>
108      </div>
109    </div>
110  </div>
111</div>
112
113<!-- ============================================================
114     HEADER & NAVIGASYON
115     ============================================================ -->
116<header class="sticky top-0 z-50 glass" role="banner">
117  <nav class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between gap-4" aria-label="Ana n
117avigasyon">
118
119    <!-- Logo -->
120    <a href="/" class="flex items-center flex-shrink-0" aria-label="Yalnız Bilişim Teknolojileri ana sayfa">
121      <picture>
122        <source srcset="assets/img/logo.webp" type="image/webp">
123        <img src="assets/img/logo.png" alt="Yalnız Bilişim Teknolojileri" class="h-10 md:h-12 w-auto" width="360" height="99" fetchpriority="high" decoding="async" />
124      </picture>
125    </a>
126
127    <!-- Menü (desktop) -->
128    <ul class="hidden xl:flex items-center gap-1 text-[15px] font-medium text-ink-700" role="list">
129      
130      <li><a href="https://my.yalniz.net/alan-adi" class="block px-3 py-2 rounded-lg whitespace-nowrap hover:text-brand-600 hover:bg-brand-50 transition-all duration-200">Alan Adı</a></li>
131      <li class="nav-item">
132        <button class="flex items-center gap-1 px-3 py-2 rounded-lg whitespace-nowrap hover:text-brand-600 hover:bg-brand-50 transition-all duration-200" aria-haspopup="true">
133          Web Hosting
134          <svg viewBox="0 0 24 24" class="w-3.5 h-3.5 fill-current opacity-60" aria-hidden="true"><path d="M7 10l5 5 5-5z"/></svg>
135        </button>
136        <!-- MEGA MENÜ — Web Hosting (lokasyona göre) -->
137        <div class="dropdown absolute top-full left-1/2 -translate-x-1/2 pt-3 w-[820px] max-w-[calc(100vw-2rem)]">
138          <div class="card !rounded-2xl p-5 shadow-2xl">
139            <div class="grid grid-cols-3 gap-5">
140
141              <!-- TÜRKİYE LOKASYON -->
142              <div>
143                <div class="flex items-center gap-2 mb-2 px-1.5">
144                  <span class="inline-block w-6 h-4 rounded-[3px] overflow-hidden shadow-sm flex-shrink-0">
145                    <svg viewBox="0 0 24 16" class="w-full h-full" preserveAspectRatio="none" aria-hidden="true"><rect width="24" height="16" fill="#E30A17"/><circle cx="9.2" cy="8" r="3.6" fill="#fff"/><circle cx="10.6" cy="8" r="2.9" fill="#E30A17"/><path transform="translate(14.4 8) scale(1.1)" fill="#fff" d="M0,-2 0.588,-0.618 1.902,-0.618 0.951,0.236 1.176,1.618 0,0.8 -1.176,1.618 -0.951,0.236 -1.902,-0.618 -0.588,-0.618Z"/></svg>
146                  </span>
147                  <p class="text-xs font-bold tracking-widest uppercase text-brand-600">Türkiye Lokasyon</p>
148                </div>
149                <div class="space-y-0.5">
150                  <a href="/web-hosting" class="mega-item flex items-center gap-3 p-2.5 rounded-lg hover:bg-brand-50 transition-colors duration-200">
151                    <span class="icon-box !w-9 !h-9 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M12 2a10 10 0 100 20 10 10 0 000-20zm6.93 6h-2.95a15.7 15.7 0 00-1.38-3.56A8.03 8.03 0 0118.93 8zM12 4c.83 1.2 1.48 2.53 1.91 4h-3.82c.43-1.47 1.08-2.8 1.91-4zM4.26 14a7.96 7.96 0 010-4h3.38a16.6 16.6 0 000 4H4.26zm.81 2h2.95c.32 1.25.78 2.45 1.38 3.56A8.03 8.03 0 015.07 16zm2.95-8H5.07a8.03 8.03 0 014.33-3.56A15.7 15.7 0 008.02 8zM12 20c-.83-1.2-1.48-2.53-1.91-4h3.82A13.4 13.4 0 0112 20zm2.34-6H9.66a14.7 14.7 0 010-4h4.68a14.7 14.7 0 010 4z"/></svg></span>
152                    <span class="mega-title text-ink-900 text-sm font-semibold whitespace-nowrap">Web Hosting</span>
153                  </a>
154                  <a href="/wordpress-hosting" class="mega-item flex items-center gap-3 p-2.5 rounded-lg hover:bg-brand-50 transition-colors duration-200">
155                    <span class="icon-box !w-9 !h-9 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M21.47 6.83c.84 1.54 1.32 3.3 1.32 5.17 0 3.98-2.16 7.46-5.36 9.33l3.29-9.53c.62-1.54.82-2.77.82-3.86 0-.4-.03-.78-.07-1.11zM12 22.78c-1.06 0-2.08-.15-3.05-.44l3.24-9.4 3.31 9.08c.02.06.05.1.08.15-1.12.39-2.32.61-3.58.61zM1.21 12C1.21 7.04 5.04 3 9.99 2.18L3.41 17.71A9.94 9.94 0 011.21 12zM12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0z"/></svg></span>
156                    <span class="mega-title text-ink-900 text-sm font-semibold whitespace-nowrap">WordPress Hosting</span>
157                  </a>
158                  <a href="/premium-hosting" class="mega-item flex items-center gap-3 p-2.5 rounded-lg hover:bg-brand-50 transition-colors duration-200">
159                    <span class="icon-box !w-9 !h-9 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M6 2l-4 6 10 14L22 8l-4-6H6zm.24 2h11.52l2.4 3.6H3.84L6.24 4z"/></svg></span>
160                    <span class="mega-title text-ink-900 text-sm font-semibold whitespace-nowrap">Premium Hosting</span>
161                  </a>
162                  <a href="/limitsiz-hosting" class="mega-item flex items-center gap-3 p-2.5 rounded-lg hover:bg-brand-50 transition-colors duration-200">
163                    <span class="icon-box !w-9 !h-9 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M18.6 6.62c-1.44 0-2.8.56-3.77 1.53L7.8 15.18c-.64.64-1.49.99-2.4.99a3.4 3.4 0 010-6.8c.91 0 1.76.35 2.44 1.03l1.13 1 1.51-1.34-1.27-1.11A5.34 5.34 0 005.4 6.62a5.38 5.38 0 100 10.76c1.44 0 2.8-.56 3.77-1.53l7.03-7.03c.64-.64 1.49-.99 2.4-.99a3.4 3.4 0 010 6.8c-.91 0-1.76-.35-2.44-1.03l-1.14-1.01-1.51 1.34 1.27 1.12a5.34 5.34 0 003.82 1.57 5.38 5.38 0 100-10.76z"/></svg></span>
164                    <span class="mega-title text-ink-900 text-sm font-semibold whitespace-nowrap">Limitsiz Hosting</span>
165                  </a>
166                </div>
167              </div>
168
169              <!-- AMERİKA LOKASYON -->
170              <div>
171                <div class="flex items-center gap-2 mb-2 px-1.5">
172                  <span class="inline-block w-6 h-4 rounded-[3px] overflow-hidden shadow-sm flex-shrink-0">
173                    <svg viewBox="0 0 24 16" class="w-full h-full" preserveAspectRatio="none" aria-hidden="true"><rect width="24" height="16" fill="#fff"/><g fill="#B22234"><rect y="0" width="24" height="1.23"/><rect y="2.46" width="24" height="1.23"/><rect y="4.92" width="24" height="1.23"/><rect y="7.38" width="24" height="1.23"/><rect y="9.85" width="24" height="1.23"/><rect y="12.31" width="24" height="1.23"/><rect y="14.77" width="24" height="1.23"/></g><rect width="10" height="8.62" fill="#3C3B6E"/><g fill="#fff"><circle cx="2" cy="2" r="0.6"/><circle cx="5" cy="2" r="0.6"/><circle cx="8" cy="2" r="0.6"/><circle cx="3.5" cy="4.3" r="0.6"/><circle cx="6.5" cy="4.3" r="0.6"/><circle cx="2" cy="6.6" r="0.6"/><circle cx="5" cy="6.6" r="0.6"/><circle cx="8" cy="6.6" r="0.6"/></g></svg>
174                  </span>
175                  <p class="text-xs font-bold tracking-widest uppercase text-brand-600">Amerika Lokasyon</p>
176                </div>
177                <div class="space-y-0.5">
178                  <a href="/web-hosting-usa" class="mega-item flex items-center gap-3 p-2.5 rounded-lg hover:bg-brand-50 transition-colors duration-200">
179                    <span class="icon-box !w-9 !h-9 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M12 2a10 10 0 100 20 10 10 0 000-20zm6.93 6h-2.95a15.7 15.7 0 00-1.38-3.56A8.03 8.03 0 0118.93 8zM12 4c.83 1.2 1.48 2.53 1.91 4h-3.82c.43-1.47 1.08-2.8 1.91-4zM4.26 14a7.96 7.96 0 010-4h3.38a16.6 16.6 0 000 4H4.26zm.81 2h2.95c.32 1.25.78 2.45 1.38 3.56A8.03 8.03 0 015.07 16zm2.95-8H5.07a8.03 8.03 0 014.33-3.56A15.7 15.7 0 008.02 8zM12 20c-.83-1.2-1.48-2.53-1.91-4h3.82A13.4 13.4 0 0112 20zm2.34-6H9.66a14.7 14.7 0 010-4h4.68a14.7 14.7 0 010 4z"/></svg></span>
180                    <span class="mega-title text-ink-900 text-sm font-semibold whitespace-nowrap">USA - Web Hosting</span>
181                  </a>
182                  <a href="/wordpress-hosting-usa" class="mega-item flex items-center gap-3 p-2.5 rounded-lg hover:bg-brand-50 transition-colors duration-200">
183                    <span class="icon-box !w-9 !h-9 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M21.47 6.83c.84 1.54 1.32 3.3 1.32 5.17 0 3.98-2.16 7.46-5.36 9.33l3.29-9.53c.62-1.54.82-2.77.82-3.86 0-.4-.03-.78-.07-1.11zM12 22.78c-1.06 0-2.08-.15-3.05-.44l3.24-9.4 3.31 9.08c.02.06.05.1.08.15-1.12.39-2.32.61-3.58.61zM1.21 12C1.21 7.04 5.04 3 9.99 2.18L3.41 17.71A9.94 9.94 0 011.21 12zM12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0z"/></svg></span>
184                    <span class="mega-title text-ink-900 text-sm font-semibold whitespace-nowrap">USA - WordPress Hosting</span>
185                  </a>
186                  <a href="/premium-hosting-usa" class="mega-item flex items-center gap-3 p-2.5 rounded-lg hover:bg-brand-50 transition-colors duration-200">
187                    <span class="icon-box !w-9 !h-9 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M6 2l-4 6 10 14L22 8l-4-6H6zm.24 2h11.52l2.4 3.6H3.84L6.24 4z"/></svg></span>
188                    <span class="mega-title text-ink-900 text-sm font-semibold whitespace-nowrap">USA - Premium Hosting</span>
189                  </a>
190                  <a href="/limitsiz-hosting-usa" class="mega-item flex items-center gap-3 p-2.5 rounded-lg hover:bg-brand-50 transition-colors duration-200">
191                    <span class="icon-box !w-9 !h-9 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M18.6 6.62c-1.44 0-2.8.56-3.77 1.53L7.8 15.18c-.64.64-1.49.99-2.4.99a3.4 3.4 0 010-6.8c.91 0 1.76.35 2.44 1.03l1.13 1 1.51-1.34-1.27-1.11A5.34 5.34 0 005.4 6.62a5.38 5.38 0 100 10.76c1.44 0 2.8-.56 3.77-1.53l7.03-7.03c.64-.64 1.49-.99 2.4-.99a3.4 3.4 0 010 6.8c-.91 0-1.76-.35-2.44-1.03l-1.14-1.01-1.51 1.34 1.27 1.12a5.34 5.34 0 003.82 1.57 5.38 5.38 0 100-10.76z"/></svg></span>
192                    <span class="mega-title text-ink-900 text-sm font-semibold whitespace-nowrap">USA - Limitsiz Hosting</span>
193                  </a>
194                </div>
195              </div>
196
197              <!-- ALMANYA LOKASYON -->
198              <div>
199                <div class="flex items-center gap-2 mb-2 px-1.5">
200                  <span class="inline-block w-6 h-4 rounded-[3px] overflow-hidden shadow-sm flex-shrink-0">
201                    <svg viewBox="0 0 24 16" class="w-full h-full" preserveAspectRatio="none" aria-hidden="true"><rect y="0" width="24" height="5.33" fill="#000"/><rect y="5.33" width="24" height="5.34" fill="#DD0000"/><rect y="10.67" width="24" height="5.33" fill="#FFCE00"/></svg>
202                  </span>
203                  <p class="text-xs font-bold tracking-widest uppercase text-brand-600">Almanya Lokasyon</p>
204                </div>
205                <div class="space-y-0.5">
206                  <a href="/web-hosting-almanya" class="mega-item flex items-center gap-3 p-2.5 rounded-lg hover:bg-brand-50 transition-colors duration-200">
207                    <span class="icon-box !w-9 !h-9 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M12 2a10 10 0 100 20 10 10 0 000-20zm6.93 6h-2.95a15.7 15.7 0 00-1.38-3.56A8.03 8.03 0 0118.93 8zM12 4c.83 1.2 1.48 2.53 1.91 4h-3.82c.43-1.47 1.08-2.8 1.91-4zM4.26 14a7.96 7.96 0 010-4h3.38a16.6 16.6 0 000 4H4.26zm.81 2h2.95c.32 1.25.78 2.45 1.38 3.56A8.03 8.03 0 015.07 16zm2.95-8H5.07a8.03 8.03 0 014.33-3.56A15.7 15.7 0 008.02 8zM12 20c-.83-1.2-1.48-2.53-1.91-4h3.82A13.4 13.4 0 0112 20zm2.34-6H9.66a14.7 14.7 0 010-4h4.68a14.7 14.7 0 010 4z"/></svg></span>
208                    <span class="mega-title text-ink-900 text-sm font-semibold whitespace-nowrap">DE - Web Hosting</span>
209                  </a>
210                  <a href="/wordpress-hosting-almanya" class="mega-item flex items-center gap-3 p-2.5 rounded-lg hover:bg-brand-50 transition-colors duration-200">
211                    <span class="icon-box !w-9 !h-9 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M21.47 6.83c.84 1.54 1.32 3.3 1.32 5.17 0 3.98-2.16 7.46-5.36 9.33l3.29-9.53c.62-1.54.82-2.77.82-3.86 0-.4-.03-.78-.07-1.11zM12 22.78c-1.06 0-2.08-.15-3.05-.44l3.24-9.4 3.31 9.08c.02.06.05.1.08.15-1.12.39-2.32.61-3.58.61zM1.21 12C1.21 7.04 5.04 3 9.99 2.18L3.41 17.71A9.94 9.94 0 011.21 12zM12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0z"/></svg></span>
212                    <span class="mega-title text-ink-900 text-sm font-semibold whitespace-nowrap">DE - WordPress Hosting</span>
213                  </a>
214                  <a href="/premium-hosting-almanya" class="mega-item flex items-center gap-3 p-2.5 rounded-lg hover:bg-brand-50 transition-colors duration-200">
215                    <span class="icon-box !w-9 !h-9 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M6 2l-4 6 10 14L22 8l-4-6H6zm.24 2h11.52l2.4 3.6H3.84L6.24 4z"/></svg></span>
216                    <span class="mega-title text-ink-900 text-sm font-semibold whitespace-nowrap">DE - Premium Hosting</span>
217                  </a>
218                  <a href="/limitsiz-hosting-almanya" class="mega-item flex items-center gap-3 p-2.5 rounded-lg hover:bg-brand-50 transition-colors duration-200">
219                    <span class="icon-box !w-9 !h-9 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M18.6 6.62c-1.44 0-2.8.56-3.77 1.53L7.8 15.18c-.64.64-1.49.99-2.4.99a3.4 3.4 0 010-6.8c.91 0 1.76.35 2.44 1.03l1.13 1 1.51-1.34-1.27-1.11A5.34 5.34 0 005.4 6.62a5.38 5.38 0 100 10.76c1.44 0 2.8-.56 3.77-1.53l7.03-7.03c.64-.64 1.49-.99 2.4-.99a3.4 3.4 0 010 6.8c-.91 0-1.76-.35-2.44-1.03l-1.14-1.01-1.51 1.34 1.27 1.12a5.34 5.34 0 003.82 1.57 5.38 5.38 0 100-10.76z"/></svg></span>
220                    <span class="mega-title text-ink-900 text-sm font-semibold whitespace-nowrap">DE - Limitsiz Hosting</span>
221                  </a>
222                </div>
223              </div>
224            </div>
225
226            <!-- Alt çubuk -->
227            <div class="mt-4 pt-3 px-1.5 border-t border-[#E3EDF5] flex items-center justify-between gap-3">
228              <a href="#fiyatlandirma" class="text-sm font-semibold text-brand-600 inline-flex items-center gap-1.5 hover:gap-2.5 transition-all">
229                Tüm hosting paketlerini gör
230                <svg viewBox="0 0 24 24" class="w-4 h-4 fill-current" aria-hidden="true"><path d="M4 11h12.2l-5.6-5.6L12 4l8 8-8 8-1.4-1.4 5.6-5.6H4z"/></svg>
231              </a>
232              <a href="#iletisim" class="text-xs font-medium text-ink-500 hover:text-brand-600 transition-colors whitespace-nowrap">Hangi lokasyon bana uygun?</a>
233            </div>
234          </div>
235        </div>
236      </li>
237
238      <li class="nav-item">
239        <button class="flex items-center gap-1 px-3 py-2 rounded-lg whitespace-nowrap hover:text-brand-600 hover:bg-brand-50 transition-all duration-200" aria-haspopup="true">
240          Reseller Hosting
241          <svg viewBox="0 0 24 24" class="w-3.5 h-3.5 fill-current opacity-60" aria-hidden="true"><path d="M7 10l5 5 5-5z"/></svg>
242        </button>
243        <!-- MEGA MENÜ — Reseller Hosting (lokasyona göre) -->
244        <div class="dropdown absolute top-full left-1/2 -translate-x-1/2 pt-3 w-[940px] max-w-[calc(100vw-2rem)]">
245          <div class="card !rounded-2xl p-5 shadow-2xl">
246            <div class="grid grid-cols-3 gap-5">
247
248              <!-- TÜRKİYE LOKASYON -->
249              <div>
250                <div class="flex items-center gap-2 mb-2 px-1.5">
251                  <span class="inline-block w-6 h-4 rounded-[3px] overflow-hidden shadow-sm flex-shrink-0">
252                    <svg viewBox="0 0 24 16" class="w-full h-full" preserveAspectRatio="none" aria-hidden="true"><rect width="24" height="16" fill="#E30A17"/><circle cx="9.2" cy="8" r="3.6" fill="#fff"/><circle cx="10.6" cy="8" r="2.9" fill="#E30A17"/><path transform="translate(14.4 8) scale(1.1)" fill="#fff" d="M0,-2 0.588,-0.618 1.902,-0.618 0.951,0.236 1.176,1.618 0,0.8 -1.176,1.618 -0.951,0.236 -1.902,-0.618 -0.588,-0.618Z"/></svg>
253                  </span>
254                  <p class="text-xs font-bold tracking-widest uppercase text-brand-600">Türkiye Lokasyon</p>
255                </div>
256                <div class="space-y-0.5">
257                  <a href="/reseller-hosting" class="mega-item flex items-center gap-3 p-2.5 rounded-lg hover:bg-brand-50 transition-colors duration-200">
258                    <span class="icon-box !w-9 !h-9 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg></span>
259                    <span class="mega-title text-ink-900 text-sm font-semibold whitespace-nowrap">Reseller Hosting</span>
260                  </a>
261                  <a href="/premium-reseller-hosting" class="mega-item flex items-center gap-3 p-2.5 rounded-lg hover:bg-brand-50 transition-colors duration-200">
262                    <span class="icon-box !w-9 !h-9 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M5 16L3 5l5.5 5L12 4l3.5 6L21 5l-2 11H5zm0 2h14v2H5v-2z"/></svg></span>
263                    <span class="mega-title text-ink-900 text-sm font-semibold whitespace-nowrap">Premium Reseller Hosting</span>
264                  </a>
265                </div>
266              </div>
267
268              <!-- AMERİKA LOKASYON -->
269              <div>
270                <div class="flex items-center gap-2 mb-2 px-1.5">
271                  <span class="inline-block w-6 h-4 rounded-[3px] overflow-hidden shadow-sm flex-shrink-0">
272                    <svg viewBox="0 0 24 16" class="w-full h-full" preserveAspectRatio="none" aria-hidden="true"><rect width="24" height="16" fill="#fff"/><g fill="#B22234"><rect y="0" width="24" height="1.23"/><rect y="2.46" width="24" height="1.23"/><rect y="4.92" width="24" height="1.23"/><rect y="7.38" width="24" height="1.23"/><rect y="9.85" width="24" height="1.23"/><rect y="12.31" width="24" height="1.23"/><rect y="14.77" width="24" height="1.23"/></g><rect width="10" height="8.62" fill="#3C3B6E"/><g fill="#fff"><circle cx="2" cy="2" r="0.6"/><circle cx="5" cy="2" r="0.6"/><circle cx="8" cy="2" r="0.6"/><circle cx="3.5" cy="4.3" r="0.6"/><circle cx="6.5" cy="4.3" r="0.6"/><circle cx="2" cy="6.6" r="0.6"/><circle cx="5" cy="6.6" r="0.6"/><circle cx="8" cy="6.6" r="0.6"/></g></svg>
273                  </span>
274                  <p class="text-xs font-bold tracking-widest uppercase text-brand-600">Amerika Lokasyon</p>
275                </div>
276                <div class="space-y-0.5">
277                  <a href="/reseller-hosting-usa" class="mega-item flex items-center gap-3 p-2.5 rounded-lg hover:bg-brand-50 transition-colors duration-200">
278                    <span class="icon-box !w-9 !h-9 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg></span>
279                    <span class="mega-title text-ink-900 text-sm font-semibold whitespace-nowrap">USA - Reseller Hosting</span>
280                  </a>
281                  <a href="/premium-reseller-hosting-usa" class="mega-item flex items-center gap-3 p-2.5 rounded-lg hover:bg-brand-50 transition-colors duration-200">
282                    <span class="icon-box !w-9 !h-9 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M5 16L3 5l5.5 5L12 4l3.5 6L21 5l-2 11H5zm0 2h14v2H5v-2z"/></svg></span>
283                    <span class="mega-title text-ink-900 text-sm font-semibold whitespace-nowrap">USA - Premium Reseller Hosting</span>
284                  </a>
285                </div>
286              </div>
287
288              <!-- ALMANYA LOKASYON -->
289              <div>
290                <div class="flex items-center gap-2 mb-2 px-1.5">
291                  <span class="inline-block w-6 h-4 rounded-[3px] overflow-hidden shadow-sm flex-shrink-0">
292                    <svg viewBox="0 0 24 16" class="w-full h-full" preserveAspectRatio="none" aria-hidden="true"><rect y="0" width="24" height="5.33" fill="#000"/><rect y="5.33" width="24" height="5.34" fill="#DD0000"/><rect y="10.67" width="24" height="5.33" fill="#FFCE00"/></svg>
293                  </span>
294                  <p class="text-xs font-bold tracking-widest uppercase text-brand-600">Almanya Lokasyon</p>
295                </div>
296                <div class="space-y-0.5">
297                  <a href="/reseller-hosting-almanya" class="mega-item flex items-center gap-3 p-2.5 rounded-lg hover:bg-brand-50 transition-colors duration-200">
298                    <span class="icon-box !w-9 !h-9 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg></span>
299                    <span class="mega-title text-ink-900 text-sm font-semibold whitespace-nowrap">DE - Reseller Hosting</span>
300                  </a>
301                  <a href="/premium-reseller-hosting-almanya" class="mega-item flex items-center gap-3 p-2.5 rounded-lg hover:bg-brand-50 transition-colors duration-200">
302                    <span class="icon-box !w-9 !h-9 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M5 16L3 5l5.5 5L12 4l3.5 6L21 5l-2 11H5zm0 2h14v2H5v-2z"/></svg></span>
303                    <span class="mega-title text-ink-900 text-sm font-semibold whitespace-nowrap">DE - Premium Reseller Hosting</span>
304                  </a>
305                </div>
306              </div>
307            </div>
308
309            <!-- Alt çubuk -->
310            <div class="mt-4 pt-3 px-1.5 border-t border-[#E3EDF5] flex items-center justify-between gap-3">
311              <a href="#fiyatlandirma" class="text-sm font-semibold text-brand-600 inline-flex items-center gap-1.5 hover:gap-2.5 transition-all">
312                Bayilik paketlerini incele
313                <svg viewBox="0 0 24 24" class="w-4 h-4 fill-current" aria-hidden="true"><path d="M4 11h12.2l-5.6-5.6L12 4l8 8-8 8-1.4-1.4 5.6-5.6H4z"/></svg>
314              </a>
315              <a href="#iletisim" class="text-xs font-medium text-ink-500 hover:text-brand-600 transition-colors whitespace-nowrap">Bayi olmak için iletişime geç</a>
316            </div>
317          </div>
318        </div>
319      </li>
320
321      <li><a href="/kurumsal-eposta" class="block px-3 py-2 rounded-lg whitespace-nowrap hover:text-brand-600 hover:bg-brand-50 transition-all duration-200">E-Mail</a></li>
322      <li class="nav-item">
323        <button class="flex items-center gap-1 px-3 py-2 rounded-lg whitespace-nowrap hover:text-brand-600 hover:bg-brand-50 transition-all duration-200" aria-haspopup="true">
324          Sunucu
325          <svg viewBox="0 0 24 24" class="w-3.5 h-3.5 fill-current opacity-60" aria-hidden="true"><path d="M7 10l5 5 5-5z"/></svg>
326        </button>
327        <!-- MEGA MENÜ -->
328        <div class="dropdown absolute top-full left-1/2 -translate-x-1/2 pt-3 w-[880px] max-w-[calc(100vw-2rem)]">
329          <div class="card !rounded-2xl p-5 shadow-2xl grid lg:grid-cols-[1fr_250px] gap-5">
330            <!-- Sol: kategori grid'i -->
331            <div>
332              <p class="flex items-center gap-2 text-xs font-bold tracking-widest uppercase text-brand-600 mb-2 px-2">
333                <span class="w-5 h-px bg-brand-400"></span> Sunucu Kategorileri
334              </p>
335              <div class="grid grid-cols-2 gap-1">
336                <a href="/vps-sunucu" class="mega-item flex items-center gap-3 p-3 rounded-xl hover:bg-brand-50 transition-colors duration-200">
337                  <span class="icon-box !w-10 !h-10 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M4 5h16v6H4zm0 8h16v6H4zm3-5.5a1 1 0 100 2 1 1 0 000-2zm0 8a1 1 0 100 2 1 1 0 000-2z"/></svg></span>
338                  <span class="min-w-0 flex-1"><span class="mega-title block text-ink-900 text-sm font-semibold whitespace-nowrap">VPS Sunucu</span><span class="block text-ink-500 text-xs leading-snug">Uygun fiyatlı paketler.</span></span>
339                </a>
340                <a href="/vds-sunucu" class="mega-item flex items-center gap-3 p-3 rounded-xl hover:bg-brand-50 transition-colors duration-200">
341                  <span class="icon-box !w-10 !h-10 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z"/></svg></span>
342                  <span class="min-w-0 flex-1"><span class="mega-title block text-ink-900 text-sm font-semibold whitespace-nowrap">VDS Sunucu</span><span class="block text-ink-500 text-xs leading-snug">Uygun fiyatlı çözümler.</span></span>
343                </a>
344                <a href="/premium-vds-sunucu" class="mega-item flex items-center gap-3 p-3 rounded-xl hover:bg-brand-50 transition-colors duration-200">
345                  <span class="icon-box !w-10 !h-10 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M6 2l-4 6 10 14L22 8l-4-6H6zm.24 2h11.52l2.4 3.6H3.84L6.24 4z"/></svg></span>
346                  <span class="min-w-0 flex-1"><span class="mega-title block text-ink-900 text-sm font-semibold whitespace-nowrap">Premium VDS Sunucu</span><span class="block text-ink-500 text-xs leading-snug">Intel Xeon Platinum, Enterprise NVMe.</span></span>
347                </a>
348                <a href="/amd-ryzen-vds" class="mega-item flex items-center gap-3 p-3 rounded-xl hover:bg-brand-50 transition-colors duration-200">
349                  <span class="icon-box !w-10 !h-10 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M13 2L3 14h7v8l10-12h-7z"/></svg></span>
350                  <span class="min-w-0 flex-1"><span class="mega-title block text-ink-900 text-sm font-semibold whitespace-nowrap">AMD Ryzen 9 5950X VDS</span><span class="block text-ink-500 text-xs leading-snug">Yüksek performans ve hız.</span></span>
351                </a>
352                <a href="/plesk-vds" class="mega-item flex items-center gap-3 p-3 rounded-xl hover:bg-brand-50 transition-colors duration-200">
353                  <span class="icon-box !w-10 !h-10 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M4 4h4v4H4zm6 0h4v4h-4zm6 0h4v4h-4zM4 10h4v4H4zm6 0h4v4h-4zm6 0h4v4h-4zM4 16h4v4H4zm6 0h4v4h-4zm6 0h4v4h-4z"/></svg></span>
354                  <span class="min-w-0 flex-1"><span class="mega-title block text-ink-900 text-sm font-semibold whitespace-nowrap">Plesk VDS</span><span class="block text-ink-500 text-xs leading-snug">Otomatik Plesk kurulumu, lisans seçenekleri.</span></span>
355                </a>
356                <a href="/cpanel-vds" class="mega-item flex items-center gap-3 p-3 rounded-xl hover:bg-brand-50 transition-colors duration-200">
357                  <span class="icon-box !w-10 !h-10 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z"/></svg></span>
358                  <span class="min-w-0 flex-1"><span class="mega-title block text-ink-900 text-sm font-semibold whitespace-nowrap">cPanel VDS</span><span class="block text-ink-500 text-xs leading-snug">cPanel/WHM kurulumlu VDS seçenekleri.</span></span>
359                </a>
360                <a href="/almanya-lokasyon-sunucu" class="mega-item flex items-center gap-3 p-3 rounded-xl hover:bg-brand-50 transition-colors duration-200">
361                  <span class="icon-box !w-10 !h-10 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1112 6.5a2.5 2.5 0 010 5z"/></svg></span>
362                  <span class="min-w-0 flex-1"><span class="mega-title block text-ink-900 text-sm font-semibold whitespace-nowrap">Almanya Lokasyon Sunucu</span><span class="block text-ink-500 text-xs leading-snug">Avrupa lokasyon, düşük gecikme.</span></span>
363                </a>
364                <a href="/amerika-lokasyon-sunucu" class="mega-item flex items-center gap-3 p-3 rounded-xl hover:bg-brand-50 transition-colors duration-200">
365                  <span class="icon-box !w-10 !h-10 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M12 2a10 10 0 100 20 10 10 0 000-20zm6.93 6h-2.95a15.7 15.7 0 00-1.38-3.56A8.03 8.03 0 0118.93 8zM12 4c.83 1.2 1.48 2.53 1.91 4h-3.82c.43-1.47 1.08-2.8 1.91-4zM4.26 14a7.96 7.96 0 010-4h3.38a16.6 16.6 0 000 4H4.26zm.81 2h2.95c.32 1.25.78 2.45 1.38 3.56A8.03 8.03 0 015.07 16zm2.95-8H5.07a8.03 8.03 0 014.33-3.56A15.7 15.7 0 008.02 8zM12 20c-.83-1.2-1.48-2.53-1.91-4h3.82A13.4 
36513.4 0 0112 20zm2.34-6H9.66a14.7 14.7 0 010-4h4.68a14.7 14.7 0 010 4zm.27 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 01-4.33 3.56zM16.36 14a16.6 16.6 0 000-4h3.38a7.96 7.96 0 010 4h-3.38z"/></svg></span>
366                  <span class="min-w-0 flex-1"><span class="mega-title block text-ink-900 text-sm font-semibold whitespace-nowrap">Amerika Lokasyon Sunucu</span><span class="block text-ink-500 text-xs leading-snug">ABD lokasyon VDS / VPS.</span></span>
367                </a>
368                <a href="/etsy-vds" class="mega-item flex items-center gap-3 p-3 rounded-xl hover:bg-brand-50 transition-colors duration-200">
369                  <span class="icon-box !w-10 !h-10 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M6 2l-2 4v14a2 2 0 002 2h12a2 2 0 002-2V6l-2-4H6zm0 2h12l1 2H5l1-2zm6 8a3 3 0 01-3-3h6a3 3 0 01-3 3z"/></svg></span>
370                  <span class="min-w-0 flex-1"><span class="mega-title block text-ink-900 text-sm font-semibold whitespace-nowrap">ETSY VDS</span><span class="block text-ink-500 text-xs leading-snug">ETSY için optimize sunucular.</span></span>
371                </a>
372                <a href="/amazon-vds" class="mega-item flex items-center gap-3 p-3 rounded-xl hover:bg-brand-50 transition-colors duration-200">
373                  <span class="icon-box !w-10 !h-10 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M7 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM7.16 14h9.69c.75 0 1.41-.41 1.75-1.03l3.24-5.88A1 1 0 0021 5.66H5.21l-.94-2H1v2h2l3.6 7.59-1.35 2.44C3.52 16.37 4.48 18 6 18h13v-2H7.16z"/></svg></span>
374                  <span class="min-w-0 flex-1"><span class="mega-title block text-ink-900 text-sm font-semibold whitespace-nowrap">AMAZON VDS</span><span class="block text-ink-500 text-xs leading-snug">Amazon iş yükleri için hazır.</span></span>
375                </a>
376                <a href="/turkiye-fiziksel-sunucu" class="mega-item flex items-center gap-3 p-3 rounded-xl hover:bg-brand-50 transition-colors duration-200">
377                  <span class="icon-box !w-10 !h-10 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M20 4H4c-1.1 0-2 .9-2 2v3c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7 9H5V7h2v2zm13-3h-2v2h2V6zM4 13h16c1.1 0 2 .9 2 2v3c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2v-3c0-1.1.9-2 2-2zm3 4H5v-2h2v2zm13-2h-2v2h2v-2z"/></svg></span>
378                  <span class="min-w-0 flex-1"><span class="mega-title block text-ink-900 text-sm font-semibold whitespace-nowrap">Türkiye Fiziksel Sunucu</span><span class="block text-ink-500 text-xs leading-snug">Dedicated, İstanbul lokasyon.</span></span>
379                </a>
380                <a href="/almanya-fiziksel-sunucu" class="mega-item flex items-center gap-3 p-3 rounded-xl hover:bg-brand-50 transition-colors duration-200">
381                  <span class="icon-box !w-10 !h-10 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M20 4H4c-1.1 0-2 .9-2 2v3c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7 9H5V7h2v2zm13-3h-2v2h2V6zM4 13h16c1.1 0 2 .9 2 2v3c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2v-3c0-1.1.9-2 2-2zm3 4H5v-2h2v2zm13-2h-2v2h2v-2z"/></svg></span>
382                  <span class="min-w-0 flex-1"><span class="mega-title block text-ink-900 text-sm font-semibold whitespace-nowrap">Almanya Fiziksel Sunucu</span><span class="block text-ink-500 text-xs leading-snug">Dedicated, Frankfurt lokasyon.</span></span>
383                </a>
384              </div>
385              <div class="mt-3 pt-3 px-2 border-t border-[#E3EDF5] flex items-center justify-between gap-3">
386                <a href="#fiyatlandirma" class="text-sm font-semibold text-brand-600 inline-flex items-center gap-1.5 hover:gap-2.5 transition-all">
387                  Tüm sunucu paketlerini karşılaştır
388                  <svg viewBox="0 0 24 24" class="w-4 h-4 fill-current" aria-hidden="true"><path d="M4 11h12.2l-5.6-5.6L12 4l8 8-8 8-1.4-1.4 5.6-5.6H4z"/></svg>
389                </a>
390                <a href="#iletisim" class="text-xs font-medium text-ink-500 hover:text-brand-600 transition-colors whitespace-nowrap">Özel teklif al →</a>
391              </div>
392            </div>
393
394            <!-- Sağ: kampanya kartı -->
395            <div class="feature-promo rounded-xl p-6 flex flex-col relative overflow-hidden">
396              <div class="absolute -top-8 -right-8 w-32 h-32 bg-white/10 rounded-full blur-2xl pointer-events-none" aria-hidden="true"></div>
397              <span class="relative inline-flex items-center gap-1.5 self-start bg-white/15 text-white text-[11px] font-bold tracking-wide px-2.5 py-1 rounded-full mb-4">
398                <svg viewBox="0 0 24 24" class="w-3 h-3 fill-current" aria-hidden="true"><path d="M13 2L3 14h7v8l10-12h-7z"/></svg>
399                KAMPANYA
400              </span>
401              <h4 class="relative text-lg font-extrabold text-white leading-snug mb-2">Yıllık Ödemede 1 Ay Avantaj</h4>
402              <p class="relative text-white/85 text-xs leading-relaxed mb-5">11 ay öde, 12 ay kullan avantajı. Yıllık tutar, güncel aylık USD fiyatın 11 katı üzerinden ödeme anındaki kurla hesaplanır.</p>
403              <a href="#fiyatlandirma" class="relative mt-auto inline-flex items-center justify-center gap-2 bg-white text-brand-700 hover:bg-brand-50 font-bold text-sm px-4 py-2.5 rounded-lg transition-colors duration-200">
404                Paketleri Gör
405                <svg viewBox="0 0 24 24" class="w-4 h-4 fill-current" aria-hidden="true"><path d="M4 11h12.2l-5.6-5.6L12 4l8 8-8 8-1.4-1.4 5.6-5.6H4z"/></svg>
406              </a>
407            </div>
408          </div>
409        </div>
410      </li>
411
412      <li><a href="/veri-merkezi" class="block px-3 py-2 rounded-lg whitespace-nowrap hover:text-brand-600 hover:bg-brand-50 transition-all duration-200">Veri Merkezi</a></li>
413
414      <li class="nav-item relative">
415        <button class="flex items-center gap-1 px-3 py-2 rounded-lg whitespace-nowrap hover:text-brand-600 hover:bg-brand-50 transition-all duration-200" aria-haspopup="true">
416          Kurumsal
417          <svg viewBox="0 0 24 24" class="w-3.5 h-3.5 fill-current opacity-60" aria-hidden="true"><path d="M7 10l5 5 5-5z"/></svg>
418        </button>
419        <!-- MEGA MENÜ — Kurumsal & Sözleşmeler -->
420        <div class="dropdown absolute top-full right-0 pt-3 w-[600px] max-w-[calc(100vw-2rem)]">
421          <div class="card !rounded-2xl p-5 shadow-2xl">
422            <p class="flex items-center gap-2 text-xs font-bold tracking-widest uppercase text-brand-600 mb-2 px-1.5">
423              <span class="w-5 h-px bg-brand-400"></span> Kurumsal &amp; Sözleşmeler
424            </p>
425            <div class="grid grid-cols-2 gap-x-4 gap-y-0.5">
426              <a href="/firmamiz-hakkinda" class="mega-item flex items-start gap-3 p-2.5 rounded-lg hover:bg-brand-50 transition-colors duration-200">
427                <span class="icon-box !w-9 !h-9 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"/></svg></span>
428                <span class="min-w-0"><span class="mega-title block text-ink-900 text-sm font-semibold whitespace-nowrap">Firmamız Hakkında</span><span class="block text-ink-500 text-xs leading-snug">Firmamız hakkında bilgiler.</span></span>
429              </a>
430              <a href="/banka-hesap-numaralari" class="mega-item flex items-start gap-3 p-2.5 rounded-lg hover:bg-brand-50 transition-colors duration-200">
431                <span class="icon-box !w-9 !h-9 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M11.5 1L2 6v2h19V6l-9.5-5zM4 10v7H2v2h19v-2h-2v-7h-2v7h-3v-7h-2v7h-3v-7H6v7H4v-7z"/></svg></span>
432                <span class="min-w-0"><span class="mega-title block text-ink-900 text-sm font-semibold whitespace-nowrap">Banka Hesap Numaraları</span><span class="block text-ink-500 text-xs leading-snug">Banka hesap numaralarımız.</span></span>
433              </a>
434              <a href="/acik-riza-metni" class="mega-item flex items-start gap-3 p-2.5 rounded-lg hover:bg-brand-50 transition-colors duration-200">
435                <span class="icon-box !w-9 !h-9 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/></svg></span>
436                <span class="min-w-0"><span class="mega-title block text-ink-900 text-sm font-semibold whitespace-nowrap">Açık Rıza Metni</span><span class="block text-ink-500 text-xs leading-snug">Açık Rıza Metnimiz.</span></span>
437              </a>
438              <a href="/hizmet-iade-sozlesmesi" class="mega-item flex items-start gap-3 p-2.5 rounded-lg hover:bg-brand-50 transition-colors duration-200">
439                <span class="icon-box !w-9 !h-9 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a1 1 0 000-1.41l-2.34-2.34a1 1 0 00-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg></span>
440                <span class="min-w-0"><span class="mega-title block text-ink-900 text-sm font-semibold whitespace-nowrap">Hizmet ve İade Sözleşmesi</span><span class="block text-ink-500 text-xs leading-snug">Hizmet ve İade Sözleşmemiz.</span></span>
441              </a>
442              <a href="/gizlilik-sozlesmesi" class="mega-item flex items-start gap-3 p-2.5 rounded-lg hover:bg-brand-50 transition-colors duration-200">
443                <span class="icon-box !w-9 !h-9 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M18 8h-1V6A5 5 0 007 6v2H6a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V10a2 2 0 00-2-2zm-6 9a2 2 0 110-4 2 2 0 010 4zm3-9H9V6a3 3 0 016 0v2z"/></svg></span>
444                <span class="min-w-0"><span class="mega-title block text-ink-900 text-sm font-semibold whitespace-nowrap">Gizlilik Sözleşmesi</span><span class="block text-ink-500 text-xs leading-snug">Gizlilik Sözleşmemiz.</span></span>
445              </a>
446              <a href="/kvkk-metni" class="mega-item flex items-start gap-3 p-2.5 rounded-lg hover:bg-brand-50 transition-colors duration-200">
447                <span class="icon-box !w-9 !h-9 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z"/></svg></span>
448                <span class="min-w-0"><span class="mega-title block text-ink-900 text-sm font-semibold whitespace-nowrap">KVKK Metni</span><span class="block text-ink-500 text-xs leading-snug">KVKK Aydınlatma Metnimiz.</span></span>
449              </a>
450              <a href="/mesafeli-satis-sozlesmesi" class="mega-item flex items-start gap-3 p-2.5 rounded-lg hover:bg-brand-50 transition-colors duration-200">
451                <span class="icon-box !w-9 !h-9 !rounded-lg flex-shrink-0"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a1 1 0 000-1.41l-2.34-2.34a1 1 0 00-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg></span>
452                <span class="min-w-0"><span class="mega-title block text-ink-900 text-sm font-semibold whitespace-nowrap">Mesafeli Satış Sözleşmesi</span><span class="block text-ink-500 text-xs leading-snug">Mesafeli Satış Sözleşmemiz.</span></span>
453              </a>
454            </div>
455          </div>
456        </div>
457      </li>
458    </ul>
459
460    <!-- Müşteri Paneli (WHMCS) — vurgulu -->
461    <div class="flex items-center gap-2">
462      <!-- WHMCS Müşteri Paneli -->
463      <a href="https://my.yalniz.net" class="btn-primary inline-flex items-center gap-2 font-semibold text-sm px-4 py-2.5 rounded-xl whitespace-nowrap">
464        <svg viewBox="0 0 24 24" class="w-4 h-4 fill-current" aria-hidden="true"><path d="M11 7L9.6 8.4l2.6 2.6H2v2h10.2l-2.6 2.6L11 17l5-5-5-5zm9 12h-8v2h8c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-8v2h8v14z"/></svg>
465        <span>Müşteri Paneli</span>
466      </a>
467      <!-- WHMCS Sepet -->
468      <a href="https://my.yalniz.net" aria-label="Sepet" class="hidden md:inline-flex items-center justify-center w-11 h-11 rounded-xl btn-ghost">
469        <svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M7 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM7.16 14h9.69c.75 0 1.41-.41 1.75-1.03l3.24-5.88A1 1 0 0021 5.66H5.21l-.94-2H1v2h2l3.6 7.59-1.35 2.44C3.52 16.37 4.48 18 6 18h13v-2H7.16z"/></svg>
470      </a>
471      <!-- Hamburger (mobil) -->
472      <button id="menuToggle" class="xl:hidden p-2 rounded-lg text-ink-700 hover:bg-brand-50 transition-colors" aria-label="Menüyü aç/kapat" aria-expanded="false" aria-controls="mobileMenu">
473        <svg viewBox="0 0 24 24" class="w-6 h-6 fill-current" aria-hidden="true"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
474      </button>
475    </div>
476  </nav>
477
478  <!-- Mobil menü -->
479  <div id="mobileMenu" class="xl:hidden border-t border-[#E3EDF5] bg-white px-2 py-3 max-h-[80vh] overflow-y-auto">
480    
481    <a href="https://my.yalniz.net/alan-adi" class="block px-3 py-2.5 rounded-lg hover:bg-brand-50 font-medium text-ink-700">Alan Adı</a>
482
483    <details class="m-sub">
484      <summary class="flex items-center justify-between px-3 py-2.5 rounded-lg hover:bg-brand-50 font-medium text-ink-700">Web Hosting <svg viewBox="0 0 24 24" class="m-chev w-4 h-4 fill-ink-500 flex-shrink-0" aria-hidden="true"><path d="M7 10l5 5 5-5z"/></svg></summary>
485      <div class="pl-3 pb-2">
486        <p class="px-3 pt-2 pb-0.5 text-[11px] font-bold uppercase tracking-wider text-brand-600">Türkiye</p>
487        <a href="/web-hosting" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">Web Hosting</a>
488        <a href="/wordpress-hosting" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">WordPress Hosting</a>
489        <a href="/premium-hosting" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">Premium Hosting</a>
490        <a href="/limitsiz-hosting" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">Limitsiz Hosting</a>
491        <p class="px-3 pt-2 pb-0.5 text-[11px] font-bold uppercase tracking-wider text-brand-600">Amerika</p>
492        <a href="/web-hosting-usa" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">USA - Web Hosting</a>
493        <a href="/wordpress-hosting-usa" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">USA - WordPress Hosting</a>
494        <a href="/premium-hosting-usa" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">USA - Premium Hosting</a>
495        <a href="/limitsiz-hosting-usa" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">USA - Limitsiz Hosting</a>
496        <p class="px-3 pt-2 pb-0.5 text-[11px] font-bold uppercase tracking-wider text-brand-600">Almanya</p>
497        <a href="/web-hosting-almanya" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">DE - Web Hosting</a>
498        <a href="/wordpress-hosting-almanya" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">DE - WordPress Hosting</a>
499        <a href="/premium-hosting-almanya" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">DE - Premium Hosting</a>
500        <a href="/limitsiz-hosting-almanya" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">DE - Limitsiz Hosting</a>
501      </div>
502    </details>
503
504    <details class="m-sub">
505      <summary class="flex items-center justify-between px-3 py-2.5 rounded-lg hover:bg-brand-50 font-medium text-ink-700">Reseller Hosting <svg viewBox="0 0 24 24" class="m-chev w-4 h-4 fill-ink-500 flex-shrink-0" aria-hidden="true"><path d="M7 10l5 5 5-5z"/></svg></summary>
506      <div class="pl-3 pb-2">
507        <p class="px-3 pt-2 pb-0.5 text-[11px] font-bold uppercase tracking-wider text-brand-600">Türkiye</p>
508        <a href="/reseller-hosting" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">Reseller Hosting</a>
509        <a href="/premium-reseller-hosting" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">Premium Reseller Hosting</a>
510        <p class="px-3 pt-2 pb-0.5 text-[11px] font-bold uppercase tracking-wider text-brand-600">Amerika</p>
511        <a href="/reseller-hosting-usa" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">USA - Reseller Hosting</a>
512        <a href="/premium-reseller-hosting-usa" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">USA - Premium Reseller Hosting</a>
513        <p class="px-3 pt-2 pb-0.5 text-[11px] font-bold uppercase tracking-wider text-brand-600">Almanya</p>
514        <a href="/reseller-hosting-almanya" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">DE - Reseller Hosting</a>
515        <a href="/premium-reseller-hosting-almanya" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">DE - Premium Reseller Hosting</a>
516      </div>
517    </details>
518
519    <a href="/kurumsal-eposta" class="block px-3 py-2.5 rounded-lg hover:bg-brand-50 font-medium text-ink-700">E-Mail</a>
520
521    <details class="m-sub">
522      <summary class="flex items-center justify-between px-3 py-2.5 rounded-lg hover:bg-brand-50 font-medium text-ink-700">Sunucu <svg viewBox="0 0 24 24" class="m-chev w-4 h-4 fill-ink-500 flex-shrink-0" aria-hidden="true"><path d="M7 10l5 5 5-5z"/></svg></summary>
523      <div class="pl-3 pb-2">
524        <a href="/vps-sunucu" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">VPS Sunucu</a>
525        <a href="/vds-sunucu" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">VDS Sunucu</a>
526        <a href="/premium-vds-sunucu" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">Premium VDS Sunucu</a>
527        <a href="/amd-ryzen-vds" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">AMD Ryzen 9 5950X VDS</a>
528        <a href="/plesk-vds" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">Plesk VDS</a>
529        <a href="/cpanel-vds" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">cPanel VDS</a>
530        <a href="/almanya-lokasyon-sunucu" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">Almanya Lokasyon Sunucu</a>
531        <a href="/amerika-lokasyon-sunucu" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">
531Amerika Lokasyon Sunucu</a>
532        <a href="/etsy-vds" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">ETSY VDS</a>
533        <a href="/amazon-vds" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">AMAZON VDS</a>
534        <a href="/turkiye-fiziksel-sunucu" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">Türkiye Fiziksel Sunucu</a>
535        <a href="/almanya-fiziksel-sunucu" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">Almanya Fiziksel Sunucu</a>
536      </div>
537    </details>
538
539    <a href="/veri-merkezi" class="block px-3 py-2.5 rounded-lg hover:bg-brand-50 font-medium text-ink-700">Veri Merkezi</a>
540
541    <details class="m-sub">
542      <summary class="flex items-center justify-between px-3 py-2.5 rounded-lg hover:bg-brand-50 font-medium text-ink-700">Kurumsal <svg viewBox="0 0 24 24" class="m-chev w-4 h-4 fill-ink-500 flex-shrink-0" aria-hidden="true"><path d="M7 10l5 5 5-5z"/></svg></summary>
543      <div class="pl-3 pb-2">
544        <a href="/firmamiz-hakkinda" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">Firmamız Hakkında</a>
545        <a href="/banka-hesap-numaralari" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">Banka Hesap Numaraları</a>
546        <a href="/acik-riza-metni" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">Açık Rıza Metni</a>
547        <a href="/hizmet-iade-sozlesmesi" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">Hizmet ve İade Sözleşmesi</a>
548        <a href="/gizlilik-sozlesmesi" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">Gizlilik Sözleşmesi</a>
549        <a href="/kvkk-metni" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">KVKK Metni</a>
550        <a href="/mesafeli-satis-sozlesmesi" class="block px-3 py-2 rounded-lg text-sm text-ink-600 hover:bg-brand-50">Mesafeli Satış Sözleşmesi</a>
551      </div>
552    </details>
553
554    <a href="https://my.yalniz.net" class="block text-center btn-primary px-3 py-2.5 rounded-xl font-semibold mt-3">Müşteri Paneli</a>
555
556    <!-- Mobil erisim: topbar 768px altinda gizlendigi icin telefon, sistem
557         durumu, Looking Glass ve para birimi secici buraya tasindi. -->
558    <div class="mt-4 pt-4 border-t border-[#E3EDF5] space-y-1">
559      <a href="tel:+908503094486" class="flex items-center gap-2.5 px-3 py-2.5 rounded-lg hover:bg-brand-50 transition-colors">
560        <svg viewBox="0 0 24 24" class="w-4 h-4 fill-brand-600 flex-shrink-0" aria-hidden="true"><path d="M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1-9.4 0-17-7.6-17-17 0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z"/></svg>
561        <span class="font-semibold text-ink-900 text-sm">0850 309 44 86</span>
562      </a>
563      <a href="https://status.yalniz.net" target="_blank" rel="noopener" class="flex items-center gap-2.5 px-3 py-2.5 rounded-lg hover:bg-brand-50 transition-colors">
564        <span class="w-2 h-2 bg-emerald-500 rounded-full pulse-dot flex-shrink-0 ml-1" aria-hidden="true"></span>
565        <span class="text-sm text-ink-700">Sistem Durumu</span>
566      </a>
567      <a href="https://lg.yalniz.net" target="_blank" rel="noopener" class="flex items-center gap-2.5 px-3 py-2.5 rounded-lg hover:bg-brand-50 transition-colors">
568        <svg viewBox="0 0 24 24" class="w-4 h-4 fill-ink-500 flex-shrink-0" aria-hidden="true"><path d="M12 2a10 10 0 100 20 10 10 0 000-20zm6.9 6h-2.9a15.7 15.7 0 00-1.4-3.6A8 8 0 0118.9 8zM12 4c.8 1.2 1.4 2.5 1.8 4h-3.6c.4-1.5 1-2.8 1.8-4zM4.3 14a8 8 0 010-4h3.3a16.5 16.5 0 000 4H4.3zm.8 2h2.9c.3 1.3.8 2.5 1.4 3.6A8 8 0 015.1 16zm2.9-8H5.1a8 8 0 013.5-3.6A15.7 15.7 0 007.9 8zM12 20c-.8-1.2-1.4-2.5-1.8-4h3.6c-.4 1.5-1 2.8-1.8 4zm2.2-6H9.8a14.6 14.6 0 010-4h4.4a14.6 14.6 0 010 4zm.2 5.6c.6-1.1 1.1-2.3 1.4-3.6h2.9a8 8 0 01-4.3 3.6zM16.4 14a16.5 16.5 0 000-4h3.3a8 8 0 010 4h-3.3z"/></svg>
569        <span class="text-sm text-ink-700">Looking Glass</span>
570      </a>
571      <div class="flex items-center justify-between px-3 py-2.5">
572        <span class="text-sm text-ink-600">Para birimi</span>
573        <div class="inline-flex items-center rounded-full border border-[#CFE2F1] overflow-hidden text-[12px]" role="group" aria-label="Para birimi seçimi">
574          <button type="button" data-cur="TRY" class="ylz-cur-btn px-3 py-1.5 font-semibold transition-colors text-ink-600 hover:bg-brand-50">₺ TL</button>
575          <button type="button" data-cur="USD" class="ylz-cur-btn px-3 py-1.5 font-semibold transition-colors text-ink-600 hover:bg-brand-50">$ USD</button>
576        </div>
577      </div>
578    </div>
579  </div>
580</header>
581
582<main id="icerik">
583
584<!-- ============================================================
585     HERO + ALAN ADI SORGULAMA
586     ============================================================ -->
587<section class="bg-mesh-light relative overflow-hidden" aria-labelledby="hero-h1">
588  <div class="grid-lines absolute inset-0 pointer-events-none opacity-70" aria-hidden="true"></div>
589  <div class="absolute -top-20 -left-24 w-[480px] h-[480px] bg-brand-200/30 rounded-full blur-[72px] pointer-events-none" aria-hidden="true"></div>
590  <div class="absolute -bottom-24 right-0 w-[420px] h-[420px] bg-brand-100/50 rounded-full blur-[72px] pointer-events-none" aria-hidden="true"></div>
591
592  <div class="relative max-w-7xl mx-auto px-4 pt-16 pb-20 lg:pt-20 lg:pb-24 grid lg:grid-cols-2 gap-12 items-center">
593    <!-- Sol içerik -->
594    <div class="slide-up">
595      <span class="badge-soft inline-flex items-center gap-2 mb-6">
596        <span class="w-2 h-2 bg-emerald-500 rounded-full pulse-dot"></span>
597        Türkiye Veri Merkezi · %99.9 Uptime
598      </span>
599      <h1 id="hero-h1" class="text-4xl lg:text-[3.4rem] font-extrabold text-ink-900 leading-[1.1] tracking-tight mb-5">
600        İşletmeniz İçin <span class="text-gradient-blue">Hızlı ve Güvenli</span> Sunucu Çözümleri
601      </h1>
602      <p class="text-lg text-ink-600 leading-relaxed mb-8 max-w-xl">
603        NVMe SSD altyapısı, ücretsiz DDoS koruması ve 7/24 Türkçe destek ile web hosting, VPS, VDS ve fiziksel sunucu hizmetleri. Saniyeler içinde kurun, dakikalar içinde yayında olun.
604      </p>
605      <div class="flex flex-wrap gap-3 mb-8">
606        <a href="#fiyatlandirma" class="btn-success inline-flex items-center gap-2 font-semibold px-7 py-3.5 rounded-xl text-base">
607          Paketleri İncele
608          <svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M10 17l5-5-5-5v10z"/></svg>
609        </a>
610        <a href="#domain" class="btn-ghost inline-flex items-center gap-2 font-semibold px-7 py-3.5 rounded-xl text-base">
611          Alan Adı Sorgula
612        </a>
613      </div>
614      <ul class="flex flex-wrap gap-x-6 gap-y-2 text-sm text-ink-600" role="list">
615        <li class="flex items-center gap-2"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>Ücretsiz SSL</li>
616        <li class="flex items-center gap-2"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>Günlük Yedekleme</li>
617        <li class="flex items-center gap-2"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>Hosting'te 30 Gün İade</li>
618      </ul>
619    </div>
620
621    <!-- Sağ — sunucu durum kartı -->
622    <div class="float slide-up-delay-2 hidden md:block">
623      <div class="card p-5 max-w-md mx-auto !shadow-2xl">
624        <div class="flex items-center justify-between mb-5">
625          <div class="flex items-center gap-2">
626            <span class="w-2.5 h-2.5 bg-brand-300 rounded-full" aria-hidden="true"></span>
627            <span class="font-mono text-xs text-ink-600">YLZ-NODE-IST-01</span>
628          </div>
629          <span class="font-mono text-xs text-ink-500 bg-soft px-2.5 py-0.5 rounded-md border border-[#E3EDF5]">Örnek yapılandırma</span>
630        </div>
631        <div class="grid grid-cols-3 gap-3 mb-5">
632          <div class="bg-soft rounded-xl p-3 text-center border border-[#E3EDF5]">
633            <p class="font-mono font-bold text-lg text-ink-900">16</p><p class="text-xs text-ink-500 mt-0.5">vCPU</p>
634          </div>
635          <div class="bg-soft rounded-xl p-3 text-center border border-[#E3EDF5]">
636            <p class="font-mono font-bold text-lg text-ink-900">32 GB</p><p class="text-xs text-ink-500 mt-0.5">RAM</p>
637          </div>
638          <div class="bg-soft rounded-xl p-3 text-center border border-[#E3EDF5]">
639            <p class="font-mono font-bold text-lg text-ink-900">NVMe</p><p class="text-xs text-ink-500 mt-0.5">500 GB</p>
640          </div>
641        </div>
642        <div class="space-y-2.5 mb-5 text-sm">
643          <div class="flex items-center justify-between border-b border-[#EEF3F8] pb-2">
644            <span class="text-ink-600">Ağ portu</span><span class="font-mono text-ink-900">10 Gbit</span>
645          </div>
646          <div class="flex items-center justify-between border-b border-[#EEF3F8] pb-2">
647            <span class="text-ink-600">Yedekleme</span><span class="font-mono text-ink-900">Günlük</span>
648          </div>
649          <div class="flex items-center justify-between">
650            <span class="text-ink-600">Kurulum</span><span class="font-mono text-ink-900">Dakikalar içinde</span>
651          </div>
652        </div>
653        <div class="grid grid-cols-2 gap-2">
654          <div class="bg-soft border border-[#E3EDF5] rounded-lg px-3 py-2 flex items-center gap-2">
655            <svg viewBox="0 0 24 24" class="w-4 h-4 fill-brand-600 flex-shrink-0" aria-hidden="true">
655<path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z"/></svg>
656            <span class="text-xs text-ink-700 font-medium">DDoS Korumalı</span>
657          </div>
658          <div class="bg-soft border border-[#E3EDF5] rounded-lg px-3 py-2 flex items-center gap-2">
659            <svg viewBox="0 0 24 24" class="w-4 h-4 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M13 10V3L4 14h7v7l9-11h-7z"/></svg>
660            <span class="text-xs text-ink-700 font-medium">10 Gbps Uplink</span>
661          </div>
662        </div>
663      </div>
664    </div>
665  </div>
666
667  <!-- ALAN ADI SORGULAMA FORMU -->
668  <div id="domain" class="relative max-w-5xl mx-auto px-4 pb-16 -mt-2 scroll-mt-24">
669    <div class="card p-6 md:p-8 !shadow-xl">
670      <div class="flex flex-col md:flex-row md:items-center md:justify-between gap-2 mb-5">
671        <h2 class="text-2xl font-bold text-ink-900">Hayalinizdeki alan adını bulun</h2>
672        <p class="text-sm text-ink-500">500+ uzantı · anında aktivasyon · ücretsiz DNS yönetimi</p>
673      </div>
674      <!-- WHMCS domain checker action -->
675      <form action="https://my.yalniz.net" method="get" class="flex flex-col sm:flex-row gap-3" role="search" aria-label="Alan adı sorgulama">
676        <input type="hidden" name="a" value="add" />
677        <input type="hidden" name="domain" value="register" />
678        <label for="domain-query" class="sr-only">Aramak istediğiniz alan adı</label>
679        <div class="flex-1 flex items-center bg-white border border-[#CFE2F1] rounded-xl px-4 focus-within:border-brand-500 transition-colors">
680          <svg viewBox="0 0 24 24" class="w-5 h-5 fill-ink-500 flex-shrink-0" aria-hidden="true"><path d="M15.5 14h-.79l-.28-.27a6.5 6.5 0 10-.7.7l.27.28v.79l5 5 1.5-1.5-5-5zm-6 0A4.5 4.5 0 1114 9.5 4.5 4.5 0 019.5 14z"/></svg>
681          <input id="domain-query" name="query" type="text" placeholder="markanizinadi" autocomplete="off"
682                 class="flex-1 bg-transparent px-3 py-4 text-ink-900 placeholder-ink-500 text-base focus:outline-none" />
683        </div>
684        <label for="domain-tld" class="sr-only">Uzantı seçin</label>
685        <select id="domain-tld" name="tld" class="bg-white border border-[#CFE2F1] rounded-xl px-4 py-4 text-ink-900 text-base focus:outline-none focus:border-brand-500 cursor-pointer">
686          <option value=".com.tr">.com.tr</option>
687          <option value=".com">.com</option>
688          <option value=".net">.net</option>
689          <option value=".org">.org</option>
690          <option value=".web.tr">.web.tr</option>
691          <option value=".io">.io</option>
692        </select>
693        <button type="submit" class="btn-success font-semibold px-8 py-4 rounded-xl text-base inline-flex items-center justify-center gap-2">
694          <svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M15.5 14h-.79l-.28-.27a6.5 6.5 0 10-.7.7l.27.28v.79l5 5 1.5-1.5-5-5zm-6 0A4.5 4.5 0 1114 9.5 4.5 4.5 0 019.5 14z"/></svg>
695          Sorgula
696        </button>
697      </form>
698
699      <!-- TLD fiyat çipleri — tıklanınca yukarıdaki uzantı seçimini doldurur.
700           Önceden cursor:pointer taşıyan ama hiçbir işlevi olmayan <div>'lerdi;
701           kullanıcı tıklıyor ve hiçbir şey olmuyordu. -->
702      <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-6 gap-3 mt-6" id="tld-cipleri">
703        <button type="button" data-tld=".com.tr" aria-pressed="false" class="tld-chip border border-[#E3EDF5] rounded-xl p-3"><span class="block font-mono font-bold text-ink-900 text-sm">.com.tr</span><span class="block text-emerald-600 text-xs font-semibold mt-1"><span class="js-price" data-usd="1.05">₺50</span>/yıl</span></button>
704        <button type="button" data-tld=".com" aria-pressed="false" class="tld-chip border border-[#E3EDF5] rounded-xl p-3"><span class="block font-mono font-bold text-ink-900 text-sm">.com</span><span class="block text-emerald-600 text-xs font-semibold mt-1"><span class="js-price" data-usd="6.44">₺307</span>/yıl</span></button>
705        <button type="button" data-tld=".net" aria-pressed="false" class="tld-chip border border-[#
705E3EDF5] rounded-xl p-3"><span class="block font-mono font-bold text-ink-900 text-sm">.net</span><span class="block text-emerald-600 text-xs font-semibold mt-1"><span class="js-price" data-usd="7.08">₺337</span>/yıl</span></button>
706        <button type="button" data-tld=".org" aria-pressed="false" class="tld-chip border border-[#E3EDF5] rounded-xl p-3"><span class="block font-mono font-bold text-ink-900 text-sm">.org</span><span class="block text-emerald-600 text-xs font-semibold mt-1"><span class="js-price" data-usd="6.87">₺327</span>/yıl</span></button>
707        <button type="button" data-tld=".web.tr" aria-pressed="false" class="tld-chip border border-[#E3EDF5] rounded-xl p-3"><span class="block font-mono font-bold text-ink-900 text-sm">.web.tr</span><span class="block text-emerald-600 text-xs font-semibold mt-1"><span class="js-price" data-usd="0.84">₺40</span>/yıl</span></button>
708        <button type="button" data-tld=".io" aria-pressed="false" class="tld-chip border border-[#E3EDF5] rounded-xl p-3"><span class="block font-mono font-bold text-ink-900 text-sm">.io</span><span class="block text-ink-600 text-xs font-semibold mt-1"><span class="js-price" data-usd="19.35">₺921</span>/yıl</span></button>
709      </div>
710    </div>
711  </div>
712</section>
713
714<!-- ============================================================
715     ANA SLIDER (3 ÜRÜN: VDS / HOSTING / RESELLER)
716     ============================================================ -->
717<section id="ylz-slider" class="relative overflow-hidden bg-ink-900 text-white" aria-label="Öne çıkan ürünler" tabindex="0">
718  <div class="grid-lines absolute inset-0 pointer-events-none opacity-30" aria-hidden="true"></div>
719  <div class="absolute -top-32 -left-32 w-[480px] h-[480px] bg-brand-500/20 rounded-full blur-[80px] pointer-events-none" aria-hidden="true"></div>
720  <div class="absolute -bottom-32 -right-32 w-[420px] h-[420px] bg-brand-400/20 rounded-full blur-[80px] pointer-events-none" aria-hidden="true"></div>
721
722  <!-- Slider rayı -->
723  <div class="ylz-slider-track relative max-w-7xl mx-auto" style="height: 460px;">
724
725    <!-- SLIDE 1: VDS -->
726    <article class="slide flex items-center px-4 md:px-8" aria-roledescription="slide" aria-label="VDS Sunucu">
727      <div class="grid lg:grid-cols-2 gap-10 items-center w-full">
728        <div>
729          <span class="inline-flex items-center gap-2 bg-white/10 backdrop-blur text-brand-300 font-bold text-xs uppercase tracking-widest px-4 py-1.5 rounded-full mb-5">
730            <span class="w-1.5 h-1.5 bg-brand-400 rounded-full pulse-soft"></span>
731            VDS Sunucu
732          </span>
733          <h2 class="text-3xl md:text-5xl font-extrabold leading-tight mb-4">
734            <span class="text-gradient-blue" style="background:linear-gradient(135deg,#46BEE6,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;">Tam Kontrol,</span><br>Tam Performans
735          </h2>
736          <p class="text-base md:text-lg text-slate-300 leading-relaxed mb-6 max-w-xl">
737            Garantili vCPU, RAM ve NVMe SSD kaynakları. Tam root erişimi, ücretsiz DDoS koruması ve İstanbul lokasyonu ile yüksek performans.
738          </p>
739          <div class="flex flex-wrap gap-3">
740            <a href="/vds-sunucu" class="btn-success inline-flex items-center gap-2 px-6 py-3 rounded-xl font-semibold">VDS Paketleri <svg viewBox="0 0 24 24" class="w-5 h-5 fill-current"><path d="M10 17l5-5-5-5v10z"/></svg></a>
741            <a href="/premium-vds-sunucu" class="inline-flex items-center gap-2 px-6 py-3 rounded-xl font-semibold border border-white/20 hover:bg-white/10 transition">Premium VDS</a>
742          </div>
743        </div>
744        <div class="hidden lg:flex justify-center items-center relative">
745          <div class="absolute inset-0 flex items-center justify-center pointer-events-none">
746            <div class="w-72 h-72 rounded-full border border-brand-400/20 spin-slow" aria-hidden="true"></div>
747          </div>
748          <div class="relative bob">
749            <svg viewBox="0 0 200 200" class="w-64 h-64" aria-hidden="true">
750              <defs>
751                <linearGradient id="vds-grad" x1="0" y1="0" x2="1" y2="1">
752                  <stop offset="0" stop-color="#46BEE6"/>
753                  <stop offset="1" stop-color="#2F6FBE"/>
754                </linearGradient>
755              </defs>
756              <rect x="40" y="35" width="120" height="32" rx="6" fill="url(#vds-grad)" opacity=".9"/>
757              <rect x="40" y="75" width="120" height="32" rx="6" fill="url(#vds-grad)" opacity=".75"/>
758              <rect x="40" y="115" width="120" height="32" rx="6" fill="url(#vds-grad)" opacity=".6"/>
759              <circle cx="55" cy="51" r="4" fill="#22C55E"/>
760              <circle cx="55" cy="91" r="4" fill="#22C55E"/>
761              <circle cx="55" cy="131" r="4" fill="#22C55E"/>
762              <rect x="80" y="46" width="60" height="3" rx="1.5" fill="#fff" op
762acity=".7"/>
763              <rect x="80" y="55" width="40" height="3" rx="1.5" fill="#fff" opacity=".4"/>
764              <rect x="80" y="86" width="60" height="3" rx="1.5" fill="#fff" opacity=".7"/>
765              <rect x="80" y="95" width="40" height="3" rx="1.5" fill="#fff" opacity=".4"/>
766              <rect x="80" y="126" width="60" height="3" rx="1.5" fill="#fff" opacity=".7"/>
767              <rect x="80" y="135" width="40" height="3" rx="1.5" fill="#fff" opacity=".4"/>
768            </svg>
769          </div>
770          <div class="absolute -top-3 right-2 bob-2 bg-emerald-500/90 text-white text-xs font-bold px-3 py-1.5 rounded-full shadow-lg">%99.9 Uptime</div>
771          <div class="absolute bottom-4 -left-2 pulse-soft bg-white/10 backdrop-blur border border-white/20 text-white text-xs font-semibold px-3 py-1.5 rounded-full">NVMe SSD</div>
772        </div>
773      </div>
774    </article>
775
776    <!-- SLIDE 2: HOSTING -->
777    <article class="slide flex items-center px-4 md:px-8" aria-roledescription="slide" aria-label="Web Hosting">
778      <div class="grid lg:grid-cols-2 gap-10 items-center w-full">
779        <div>
780          <span class="inline-flex items-center gap-2 bg-white/10 backdrop-blur text-brand-300 font-bold text-xs uppercase tracking-widest px-4 py-1.5 rounded-full mb-5">
781            <span class="w-1.5 h-1.5 bg-emerald-400 rounded-full pulse-soft"></span>
782            Web Hosting
783          </span>
784          <h2 class="text-3xl md:text-5xl font-extrabold leading-tight mb-4">
785            <span style="background:linear-gradient(135deg,#46BEE6,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;">Hızlı, Güvenli,</span><br>Türkçe Destekli
786          </h2>
787          <p class="text-base md:text-lg text-slate-300 leading-relaxed mb-6 max-w-xl">
788            LiteSpeed + NVMe SSD altyapısı ile uçan siteler. cPanel paneli, ücretsiz SSL, günlük yedek ve 7/24 Türkçe destek dahil.
789          </p>
790          <div class="flex flex-wrap gap-3">
791            <a href="/web-hosting" class="btn-success inline-flex items-center gap-2 px-6 py-3 rounded-xl font-semibold">Hosting Paketleri <svg viewBox="0 0 24 24" class="w-5 h-5 fill-current"><path d="M10 17l5-5-5-5v10z"/></svg></a>
792            <a href="/wordpress-hosting" class="inline-flex items-center gap-2 px-6 py-3 rounded-xl font-semibold border border-white/20 hover:bg-white/10 transition">WordPress Hosting</a>
793          </div>
794        </div>
795        <div class="hidden lg:flex justify-center items-center relative">
796          <div class="relative bob">
797            <svg viewBox="0 0 220 200" class="w-72 h-64" aria-hidden="true">
798              <defs>
799                <linearGradient id="host-grad" x1="0" y1="0" x2="1" y2="1">
800                  <stop offset="0" stop-color="#46BEE6"/>
801                  <stop offset="1" stop-color="#2F6FBE"/>
802                </linearGradient>
803              </defs>
804              <rect x="30" y="30" width="160" height="140" rx="14" fill="#0F2942" stroke="url(#host-grad)" stroke-width="2"/>
805              <rect x="30" y="30" width="160" height="28" rx="14" fill="url(#host-grad)" opacity=".8"/>
806              <circle cx="45" cy="44" r="3.5" fill="#ef4444"/>
807              <circle cx="58" cy="44" r="3.5" fill="#f59e0b"/>
808              <circle cx="71" cy="44" r="3.5" fill="#22c55e"/>
809              <rect x="45" y="74" width="130" height="18" rx="4" fill="#fff" opacity=".15"/>
810              <rect x="50" y="80" width="80" height="6" rx="3" fill="#fff" opacity=".5"/>
811              <rect x="45" y="100" width="60" height="50" rx="6" fill="url(#host-grad)" opacity=".25"/>
812              <rect x="115" y="100" width="60" height="50" rx="6" fill="url(#host-grad)" opacity=".4"/>
813              <text x="75" y="130" text-anchor="middle" font-size="13" fill="#fff" font-weight="bold">SSL</text>
814              <text x="145" y="130" text-anchor="middle" font-size="13" fill="#fff" font-weight="bold">DNS</text>
815            </svg>
816          </div>
817          <div class="absolute -top-2 -right-2 bob-2 bg-brand-500 text-white text-xs font-bold px-3 py-1.5 rounded-full shadow-lg">LiteSpeed</div>
818          <div class="absolute bottom-2 -left-2 pulse-soft bg-white/10 backdrop-blur border border-white/20 text-white text-xs font-semibold px-3 py-1.5 rounded-full">$1.29/ay'dan</div>
819        </div>
820      </div>
821    </article>
822
823    <!-- SLIDE 3: RESELLER HOSTING -->
824    <article class="slide flex items-center px-4 md:px-8" aria-roledescription="slide" aria-label="Reseller Hosting">
825      <div class="grid lg:grid-cols-2 gap-10 items-center w-full">
826        <div>
827          <span class="inline-flex items-center gap-2 bg-white/10 backdrop-blur text-brand-300 font-bold text-xs uppercase tracking-widest px-4 py-1.5 rounded-full mb-5">
828            <span class="w-1.5 h-1.5 bg-amber-400 rounded-full pulse-soft"></span>
829            Reseller Hosting
830          </span>
831          <h2 class="text-3xl md:text-5xl font-extrabold leading-tight mb-4">
832            <span style="background:linear-gradient(135deg,#46BEE6,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;">Kendi Hosting</span><br>İşinizi Kurun
833          </h2>
834          <p class="text-base md:text-lg text-slate-300 leading-relaxed mb-6 max-w-xl">
835            WHM paneli ile sınırsız cPanel hesabı. White-label imkanı, kendi DNS, müşterilerinize hosting satarak gelir elde edin.
836          </p>
837          <div class="flex flex-wrap gap-3">
838            <a href="/reseller-hosting" class="btn-success inline-flex items-center gap-2 px-6 py-3 rounded-xl font-semibold">Bayilik Paketleri <svg viewBox="0 0 24 24" class="w-5 h-5 fill-current"><path d="M10 17l5-5-5-5v10z"/></svg></a>
839            <a href="/premium-reseller-hosting" class="inline-flex items-center gap-2 px-6 py-3 rounded-xl font-semibold border border-white/20 hover:bg-white/10 transition">Premium Reseller</a>
840          </div>
841        </div>
842        <div class="hidden lg:flex justify-center items-center relative">
843          <div class="relative bob">
844            <svg viewBox="0 0 220 200" class="w-72 h-64" aria-hidden="true">
845              <defs>
846                <linearGradient id="resel-grad" x1="0" y1="0" x2="1" y2="1">
847                  <stop offset="0" stop-color="#46BEE6"/>
848                  <stop offset="1" stop-color="#2F6FBE"/>
849                </linearGradient>
850              </defs>
851              <!-- WHM ana kart -->
852              <rect x="55" y="20" width="110" height="50" rx="10" fill="url(#resel-grad)"/>
853              <text x="110" y="50" text-anchor="middle" font-size="20" font-weight="bold" fill="#fff">WHM</text>
854              <!-- Bağlantı çizgileri -->
855              <line x1="80" y1="70" x2="40" y2="110" stroke="#46BEE6" stroke-width="2" opacity=".5"/>
856              <line x1="110" y1="70" x2="110" y2="110" stroke="#46BEE6" stroke-width="2" opacity=".5"/>
857              <line x1="140" y1="70" x2="180" y2="110" stroke="#46BEE6" stroke-width="2" opacity=".5"/>
858              <!-- cPanel müşteri hesapları -->
859              <rect x="15" y="110" width="50" height="60" rx="8" fill="#0F2942" stroke="#46BEE6" stroke-width="1.5"/>
860              <text x="40" y="138" text-anchor="middle" font-size="9" fill="#fff" font-weight="bold">cPanel</text>
861              <text x="40" y="152" text-anchor="middle" font-size="8" fill="#A7D8F0">#1</text>
862              <rect x="85" y="110" width="50" height="60" rx="8" fill="#0F2942" stroke="#46BEE6" stroke-width="1.5"/>
863              <text x="110" y="138" text-anchor="middle" font-size="9" fill="#fff" font-weight="bold">cPanel</text>
864              <text x="110" y="152" text-anchor="middle" font-size="8" fill="#A7D8F0">#2</text>
865              <rect x="155" y="110" width="50" height="60" rx="8" fill="#0F2942" stroke="#46BEE6" stroke-width="1.5"/>
866              <text x="180" y="138" text-anchor="middle" font-size="9" fill="#fff" font-weight="bold">cPanel</text>
867              <text x="180" y="152" text-anchor="middle" font-size="8" fill="#A7D8F0">#3</text>
868            </svg>
869          </div>
870          <div class="absolute -top-2 -right-2 bob-2 bg-amber-400 text-ink-900 text-xs font-bold px-3 py-1.5 rounded-full shadow-lg">White-Label</div>
871          <div class="absolute bottom-2 -left-2 pulse-soft bg-white/10 backdrop-blur border border-white/20 text-white text-xs font-semibold px-3 py-1.5 rounded-full">Sınırsız Hesap</div>
872        </div>
873      </div>
874    </article>
875
876    <!-- Ok butonlar -->
877    <button class="slider-prev absolute left-4 top-1/2 -translate-y-1/2 z-10 w-11 h-11 rounded-full bg-white/10 hover:bg-white/20 backdrop-blur border border-white/15 flex items-center justify-center transition-colors" aria-label="Önceki slayt">
878      <svg viewBox="0 0 24 24" class="w-5 h-5 fill-white" aria-hidden="true"><path d="M15.4 7.4 14 6l-6 6 6 6 1.4-1.4L10.8 12z"/></svg>
879    </button>
880    <button class="slider-next absolute right-4 top-1/2 -translate-y-1/2 z-10 w-11 h-11 rounded-full bg-white/10 hover:bg-white/20 backdrop-blur border border-white/15 flex items-center justify-center transition-colors" aria-label="Sonraki slayt">
881      <svg viewBox="0 0 24 24" class="w-5 h-5 fill-white" aria-hidden="true"><path d="m8.6 16.6 4.6-4.6-4.6-4.6L10 6l6 6-6 6z"/></svg>
882    </button>
883  </div>
884
885  <!-- Dot indicator -->
886  <div class="flex items-center justify-center gap-2 pb-5">
887    <button class="slider-dot w-8 h-2 rounded-full transition-all" data-i="0" aria-label="1. slayt" style="background-color:rgba(255,255,255,.4);"></button>
888    <button class="slider-dot w-8 h-2 rounded-full transition-all" data-i="1" aria-label="2. slayt" style="background-color:rgba(255,255,255,.4);"></button>
889    <button class="slider-dot w-8 h-2 rounded-full transition-all" data-i="2" aria-label="3. slayt" style="background-color:rgba(255,255,255,.4);"></button>
890  </div>
891</section>
892
893<!-- ============================================================
894     GÜVEN ŞERİDİ
895     ============================================================ -->
896<section class="bg-soft border-y border-[#E3EDF5] py-9 px-4" aria-label="Teknoloji ortakları ve güven göstergeleri">
897  <div class="max-w-7xl mx-auto grid grid-cols-2 md:grid-cols-4 gap-6 text-center">
898    <div><p class="font-mono font-extrabold text-3xl text-ink-900">2.175+</p><p class="text-sm text-ink-500 mt-1">Aktif Hesap</p></div>
899    <div><p class="font-mono font-extrabold text-3xl text-ink-900">%99.9</p><p class="text-sm text-ink-500 mt-1">Uptime</p>
900    </div>
901    <div><p class="font-mono font-extrabold text-3xl text-ink-900">&lt;23 dk</p><p class="text-sm text-ink-500 mt-1">Ort. Destek Yanıtı</p></div>
902    <div><p class="font-mono font-extrabold text-3xl text-ink-900">7/24</p><p class="text-sm text-ink-500 mt-1">Teknik Destek</p></div>
903  </div>
904</section>
905
906<!-- ============================================================
907     TEKNOLOJİ ORTAKLARI ŞERİDİ
908     ============================================================ -->
909<section class="py-12 px-4 border-b border-[#E3EDF5]" aria-label="Teknoloji ortakları">
910  <div class="max-w-7xl mx-auto">
911    <p class="text-center text-xs font-semibold tracking-widest uppercase text-ink-500 mb-7">Güvendiğimiz teknoloji ortakları</p>
912    <div class="flex flex-wrap justify-center items-center gap-x-12 gap-y-6">
913      <span class="partner-logo text-2xl cursor-pointer">cPanel</span>
914      <span class="partner-logo text-2xl cursor-pointer">LiteSpeed</span>
915      <span class="partner-logo text-2xl cursor-pointer">Cloudflare</span>
916      <span class="partner-logo text-2xl cursor-pointer">Plesk</span>
917      <span class="partner-logo text-2xl cursor-pointer">Let's&nbsp;Encrypt</span>
918      <span class="partner-logo text-2xl cursor-pointer">Intel</span>
919      <span class="partner-logo text-2xl cursor-pointer">AMD</span>
920    </div>
921  </div>
922</section>
923
924<!-- ============================================================
925     TEKNOLOJİ ORTAKLARI / GÜVENİLİR ALTYAPI
926     ============================================================ -->
927<section class="py-14 px-4 bg-white border-y border-[#EEF3F8] overflow-hidden" aria-labelledby="tek-h2">
928  <div class="max-w-7xl mx-auto text-center mb-8">
929    <span class="badge-soft inline-block mb-3">Teknoloji Ortakları</span>
930    <h2 id="tek-h2" class="text-2xl md:text-3xl font-extrabold text-ink-900 mb-2">Lisanslı Kurumsal Yazılım Altyapısı</h2>
931    <p class="text-ink-600 max-w-2xl mx-auto text-sm">Hizmetlerimizi cPanel, Plesk, LiteSpeed, CloudLinux, Imunify360, JetBackup ve AlmaLinux gibi sektörün önde gelen lisanslı çözümleriyle sunuyoruz.</p>
932  </div>
933  <div class="relative">
934    <!-- Sol/sağ kenar fade -->
935    <div class="absolute left-0 top-0 bottom-0 w-24 bg-gradient-to-r from-white to-transparent z-10 pointer-events-none" aria-hidden="true"></div>
936    <div class="absolute right-0 top-0 bottom-0 w-24 bg-gradient-to-l from-white to-transparent z-10 pointer-events-none" aria-hidden="true"></div>
937    <!-- Kayan logo şeridi (içerik 2 kez tekrarlandı → sonsuz akış için) -->
938    <div class="flex marquee-track" style="width:max-content;">
939      <div class="flex items-center gap-12 px-6 py-2">
940        <span class="partner-logo text-2xl whitespace-nowrap font-bold" style="color:#FF6C2C;">cPanel</span>
941        <span class="partner-logo text-2xl whitespace-nowrap font-bold" style="color:#53BCE6;">Plesk</span>
942        <span class="partner-logo text-2xl whitespace-nowrap font-bold" style="color:#C32626;">LiteSpeed</span>
943        <span class="partner-logo text-2xl whitespace-nowrap font-bold" style="color:#16A34A;">CloudLinux</span>
944        <span class="partner-logo text-2xl whitespace-nowrap font-bold" style="color:#7C3AED;">Imunify360</span>
945        <span class="partner-logo text-2xl whitespace-nowrap font-bold" style="color:#2F6FBE;">JetBackup</span>
946        <span class="partner-logo text-2xl whitespace-nowrap font-bold" style="color:#0F2942;">AlmaLinux</span>
947        <span class="partner-logo text-2xl whitespace-nowrap font-bold" style="color:#A8181A;">Debian</span>
948        <span class="partner-logo text-2xl whitespace-nowrap font-bold" style="color:#E95420;">Ubuntu</span>
949        <span class="partner-logo text-2xl whitespace-nowrap font-bold" style="color:#0078D6;">Windows Server</span>
950      </div>
951      <div class="flex items-center gap-12 px-6 py-2" aria-hidden="true">
952        <span class="partner-logo text-2xl whitespace-nowrap font-bold" style="color:#FF6C2C;">cPanel</span>
953        <span class="partner-logo text-2xl whitespace-nowrap font-bold" style="color:#53BCE6;">Plesk</span>
954        <span class="partner-logo text-2xl whitespace-nowrap font-bold" style="color:#C32626;">LiteSpeed</span>
955        <span class="partner-logo text-2xl whitespace-nowrap font-bold" style="color:#16A34A;">CloudLinux</span>
956        <span class="partner-logo text-2xl whitespace-nowrap font-bold" style="color:#7C3AED;">Imunify360</span>
957        <span class="partner-logo text-2xl whitespace-nowrap font-bold" style="color:#2F6FBE;">JetBackup</span>
958        <span class="partner-logo text-2xl whitespace-nowrap font-bold" style="color:#0F2942;">AlmaLinux</span>
959        <span class="partner-logo text-2xl whitespace-nowrap font-bold" style="color:#A8181A;">Debian</span>
960        <span class="partner-logo text-2xl whitespace-nowrap font-bold" style="color:#E95420;">Ubuntu</span>
961        <span class="partner-logo text-2xl whitespace-nowrap font-bold" style="color:#0078D6;">Windows Server</span>
962      </div>
963    </div>
964  </div>
965</section>
966
967<!-- ============================================================
968     ÖNE ÇIKAN HİZMETLER
969     ============================================================ -->
970<section id="hizmetler" class="py-20 px-4 scroll-mt-20" aria-labelledby="hizmetler-h2">
971  <div class="max-w-7xl mx-auto">
972    <div class="text-center mb-12">
973      <span class="badge-soft inline-block mb-3">Hizmetlerimiz</span>
974      <h2 id="hizmetler-h2" class="text-3xl md:text-4xl font-extrabold text-ink-900 mb-3">Hizmetlerimiz ve Öne Çıkan Paketler</h2>
975      <p class="text-ink-600 max-w-2xl mx-auto">Size uygun paketleri hemen inceleyin, dakikalar içinde yayına alın.</p>
976    </div>
977
978    <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-5">
979
980      <!-- Tanıtım kartı (sol, tam yükseklik) -->
981      <div class="feature-promo rounded-2xl p-8 flex flex-col relative overflow-hidden md:col-span-2 lg:col-span-1 lg:row-span-3 min-h-[300px]">
982        <div class="absolute -top-12 -right-12 w-52 h-52 bg-white/10 rounded-full blur-3xl pointer-events-none" aria-hidden="true"></div>
983        <span class="relative inline-flex items-center gap-1.5 self-start bg-white/15 text-white text-xs font-semibold px-3 py-1.5 rounded-full mb-auto">
984          <svg viewBox="0 0 24 24" class="w-3.5 h-3.5 fill-current" aria-hidden="true"><path d="M13 2L3 14h7v8l10-12h-7z"/></svg>
985          Premium Altyapı
986        </span>
987        <div class="relative mt-10">
988          <h3 class="text-2xl font-extrabold leading-tight mb-3">Üç Lokasyon,<br>Tek Panel</h3>
989          <p class="text-white/85 text-sm leading-relaxed mb-6 max-w-xs">Türkiye, Almanya ve Amerika lokasyonlarındaki tüm hizmetlerinizi tek müşteri panelinden yönetin. Kurulum ödeme onayından sonra dakikalar içinde tamamlanır.</p>
990          <a href="#fiyatlandirma" class="inline-flex items-center gap-2 text-white font-semibold hover:gap-3 transition-all mb-7">
991            Tüm Paketleri Keşfet
992            <svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M4 11h12.2l-5.6-5.6L12 4l8 8-8 8-1.4-1.4 5.6-5.6H4z"/></svg>
993          </a>
994          <div class="flex items-center gap-8 pt-6 border-t border-white/15">
995            <div><p class="text-2xl font-extrabold font-mono">%99.9</p><p class="text-white/70 text-xs mt-0.5">
995Uptime</p></div>
996            <div><p class="text-2xl font-extrabold font-mono">7/24</p><p class="text-white/70 text-xs mt-0.5">Destek</p></div>
997          </div>
998        </div>
999      </div>
1000
1001      <!-- Web Hosting -->
1002      <article class="service-card p-6 flex flex-col" aria-label="Web Hosting">
1003        <div class="flex items-start justify-between mb-4">
1004          <div class="icon-box"><svg viewBox="0 0 24 24" class="w-6 h-6 fill-current" aria-hidden="true"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg></div>
1005          <span class="badge-soft">Popüler</span>
1006        </div>
1007        <h3 class="font-bold text-ink-900 text-lg">Web Hosting</h3>
1008        <p class="text-sm text-ink-500 mb-5">cPanel, ücretsiz SSL ve günlük yedekleme</p>
1009        <div class="flex items-end justify-between mt-auto">
1010          <p class="text-ink-900 font-bold"><span class="js-price text-2xl" data-usd="1.29">$1.29</span> <span class="text-sm text-ink-500 font-normal">/ay</span></p>
1011          <a href="/web-hosting" class="kart-link text-brand-600 text-sm font-semibold inline-flex items-center gap-1 hover:gap-2 transition-all">İncele <svg viewBox="0 0 24 24" class="w-4 h-4 fill-current" aria-hidden="true"><path d="M4 11h12.2l-5.6-5.6L12 4l8 8-8 8-1.4-1.4 5.6-5.6H4z"/></svg></a>
1012        </div>
1013      </article>
1014
1015      <!-- VDS Sunucu -->
1016      <article class="service-card p-6 flex flex-col" aria-label="VDS Sunucu">
1017        <div class="flex items-start justify-between mb-4">
1018          <div class="icon-box"><svg viewBox="0 0 24 24" class="w-6 h-6 fill-current" aria-hidden="true"><path d="M4 5h16v6H4zm0 8h16v6H4zm3-5.5a1 1 0 100 2 1 1 0 000-2zm0 8a1 1 0 100 2 1 1 0 000-2z"/></svg></div>
1019        </div>
1020        <h3 class="font-bold text-ink-900 text-lg">VDS Sunucu</h3>
1021        <p class="text-sm text-ink-500 mb-5">Kaynaklar yalnızca size ayrılır</p>
1022        <div class="flex items-end justify-between mt-auto">
1023          <p class="text-ink-900 font-bold"><span class="js-price text-2xl" data-usd="6.99">$6.99</span> <span class="text-sm text-ink-500 font-normal">/ay</span></p>
1024          <a href="/vds-sunucu" class="kart-link text-brand-600 text-sm font-semibold inline-flex items-center gap-1 hover:gap-2 transition-all">İncele <svg viewBox="0 0 24 24" class="w-4 h-4 fill-current" aria-hidden="true"><path d="M4 11h12.2l-5.6-5.6L12 4l8 8-8 8-1.4-1.4 5.6-5.6H4z"/></svg></a>
1025        </div>
1026      </article>
1027
1028      <!-- AMD Ryzen (geniş, öne çıkan) -->
1029      <article class="service-card p-6 md:col-span-2 lg:col-span-2 flex flex-col sm:flex-row sm:items-center gap-6" aria-label="AMD Ryzen 9950X3D Sunucu">
1030        <div class="flex-1">
1031          <div class="flex items-center gap-3 mb-3">
1032            <div class="icon-box"><svg viewBox="0 0 24 24" class="w-6 h-6 fill-current" aria-hidden="true"><path d="M6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2zm3 5v6h6V9H9zM2 8h2v2H2zm0 6h2v2H2zM20 8h2v2h-2zm0 6h2v2h-2zM8 2h2v2H8zm6 0h2v2h-2zM8 20h2v2H8zm6 0h2v2h-2z"/></svg></div>
1033            <span class="inline-flex items-center brand-gradient text-white text-xs font-bold px-3 py-1 rounded-full">Yüksek Performans</span>
1034          </div>
1035          <h3 class="font-bold text-ink-900 text-xl mb-1.5">Premium VDS Sunucu</h3>
1036          <p class="text-sm text-ink-600 leading-relaxed max-w-md">Intel Xeon Platinum 8160 işlemci ve 10 Gbit port. Yoğun eşzamanlı trafik ve ağır veritabanı yükü için.</p>
1037        </div>
1038        <div class="sm:text-right flex-shrink-0">
1039          <p class="text-ink-900 font-bold mb-0.5"><span class="js-price text-3xl" data-usd="7.99">$7.99</span> <span class="text-sm text-ink-500 font-normal">/ay</span></p>
1040          <p class="text-xs text-ink-500 mb-4">'den başlayan fiyatlarla</p>
1041          <a href="/premium-vds-sunucu" class="btn-success inline-flex items-center gap-2 font-semibold px-6 py-3 rounded-xl text-sm">
1042            Paketleri İncele
1043            <svg viewBox="0 0 24 24" class="w-4 h-4 fill-current" aria-hidden="true"><path d="M4 11h12.2l-5.6-5.6L12 4l8 8-8 8-1.4-1.4 5.6-5.6H4z"/></svg>
1044          </a>
1045        </div>
1046      </article>
1047
1048      <!-- Nested / Fiziksel Sunucu -->
1049      <article class="service-card p-6 flex flex-col" aria-label="Nested Sunucular">
1050        <div class="flex items-start justify-between mb-4">
1051          <div class="icon-box"><svg viewBox="0 0 24 24" class="w-6 h-6 fill-current" aria-hidden="true"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg></div>
1052        </div>
1053        <h3 class="font-bold text-ink-900 text-lg">ETSY ve Amazon Satıcıları İçin</h3>
1054        <p class="text-sm text-ink-500 mb-5">Türkiye, Almanya ve Amerika lokasyonu</p>
1055        <div class="flex items-end justify-between mt-auto">
1056          <p class="text-ink-900 font-bold"><span class="js-price text-2xl" data-usd="9.69">$9.69</span> <span class="text-sm text-ink-500 font-normal">/ay</span></p>
1057          <a href="/etsy-vds" class="kart-link text-brand-600 text-sm font-semibold inline-flex items-center gap-1 hover:gap-2 transition-all">İncele <svg viewBox="0 0 24 24" class="w-4 h-4 fill-current" aria-hidden="true"><path d="M4 11h12.2l-5.6-5.6L12 4l8 8-8 8-1.4-1.4 5.6-5.6H4z"/></svg></a>
1058        </div>
1059      </article>
1060
1061      <!-- WordPress Hosting -->
1062      <article class="service-card p-6 flex flex-col" aria-label="WordPress Hosting">
1063        <div class="flex items-start justify-between mb-4">
1064          <div class="icon-box"><svg viewBox="0 0 24 24" class="w-6 h-6 fill-current" aria-hidden="true"><path d="M21.469 6.825c.84 1.537 1.318 3.3 1.318 5.175 0 3.979-2.156 7.456-5.363 9.325l3.295-9.527c.615-1.54.82-2.771.82-3.864 0-.405-.026-.78-.07-1.11m-7.981.105c.647-.03 1.232-.105 1.232-.105.582-.075.514-.93-.067-.899 0 0-1.755.135-2.88.135-1.064 0-2.85-.15-2.85-.15-.585-.03-.661.855-.075.885 0 0 .54.061 1.125.
106409l1.68 4.605-2.37 7.08L5.354 6.9c.649-.03 1.234-.1 1.234-.1.585-.075.516-.93-.065-.896 0 0-1.746.138-2.874.138-.2 0-.438-.008-.69-.015C4.911 3.15 8.235 1.215 12 1.215c2.809 0 5.365 1.072 7.286 2.833-.046-.003-.091-.009-.141-.009-1.06 0-1.812.923-1.812 1.914 0 .89.513 1.643 1.06 2.531.411.72.89 1.643.89 2.977 0 .915-.354 1.994-.821 3.479l-1.075 3.585-3.9-11.61.001.014zM12 22.784c-1.059 0-2.081-.153-3.048-.437l3.237-9.406 3.315 9.087c.024.053.05.101.078.149-1.12.393-2.325.609-3.582.609M1.211 12c0-1.564.336-3.05.935-4.39L7.29 21.709C3.694 19.96 1.212 16.271 1.211 12M12 0C5.385 0 0 5.385 0 12s5.385 12 12 12 12-5.385 12-12S18.615 0 12 0"/></svg></div>
1065          <span class="badge-new">Yeni</span>
1066        </div>
1067        <h3 class="font-bold text-ink-900 text-lg">WordPress Hosting</h3>
1068        <p class="text-sm text-ink-500 mb-5">LiteSpeed + LSCache ile ayarlı</p>
1069        <div class="flex items-end justify-between mt-auto">
1070          <p class="text-ink-900 font-bold"><span class="js-price text-2xl" data-usd="1.72">$1.72</span> <span class="text-sm text-ink-500 font-normal">/ay</span></p>
1071          <a href="/wordpress-hosting" class="kart-link text-brand-600 text-sm font-semibold inline-flex items-center gap-1 hover:gap-2 transition-all">İncele <svg viewBox="0 0 24 24" class="w-4 h-4 fill-current" aria-hidden="true"><path d="M4 11h12.2l-5.6-5.6L12 4l8 8-8 8-1.4-1.4 5.6-5.6H4z"/></svg></a>
1072        </div>
1073      </article>
1074    </div>
1075  </div>
1076</section>
1077
1078<!-- ============================================================
1079     HİZMETLERİMİZLE TANIŞIN (katalog + bulut illüstrasyonu)
1080     ============================================================ -->
1081<section class="bg-soft py-20 px-4" aria-labelledby="katalog-h2">
1082  <div class="max-w-4xl mx-auto text-center mb-16">
1083    <h2 id="katalog-h2" class="text-3xl md:text-4xl font-extrabold text-ink-900 leading-tight mb-5 inline-block border-b-4 border-brand-400 pb-2">Yalnız Bilişim ile Yeni Nesil Hosting, Sunucu ve Alan Adı</h2>
1084    <p class="text-ink-600 leading-relaxed">Yalnız Bilişim; web barındırma, sunucu ve alan adı hizmetleri sunan yenilikçi bir bilişim firması olarak müşterilerine en son teknolojiyi ve uygun fiyatları sunar. Web sitelerinizi, uygulamalarınızı ve projelerinizi güvenle, hızlı bir şekilde barındırmanıza yardımcı oluruz.</p>
1085  </div>
1086
1087  <div class="max-w-7xl mx-auto grid lg:grid-cols-2 gap-12 lg:gap-16 items-center">
1088    <!-- Sol: başlık + metin + etiketler -->
1089    <div>
1090      <div class="flex items-center gap-3 mb-5">
1091        <span class="icon-box"><svg viewBox="0 0 24 24" class="w-6 h-6 fill-current" aria-hidden="true"><path d="M2 21l21-9L2 3v7l15 2-15 2v7z"/></svg></span>
1092        <h3 class="text-2xl font-extrabold text-ink-900">Hizmetlerimizle Tanışın</h3>
1093      </div>
1094      <p class="text-ink-600 leading-relaxed mb-4">Web sitenizi güçlü ve güvenilir bir şekilde barındırmak için doğru adrestesiniz. İşletmenizin veya kişisel projenizin çevrimiçi varlığını desteklemek için geniş bir hizmet yelpazesi sunuyoruz.</p>
1095      <p class="text-ink-600 leading-relaxed mb-6">Tüm paketlerde NVMe SSD diskler, LiteSpeed web sunucusu ve lisanslı cPanel ya da Plesk kullanıyoruz. Mevcut sitenizi ücretsiz taşıyor, hosting paketlerinde 30 günlük ticari iade hakkı tanıyoruz.</p>
1096      <div class="flex flex-wrap gap-2.5">
1097        <a href="#domain" class="pill">Alan Adı</a>
1098        <a href="#hizmetler" class="pill">Web Hosting</a>
1099        <a href="#hizmetler" class="pill">WordPress Hosting</a>
1100        <a href="#hizmetler" class="pill">VPS Sunucu</a>
1101        <a href="#hizmetler" class="pill">VDS Sunucu</a>
1102        <a href="#hizmetler" class="pill">Premium VDS</a>
1103        <a href="#hizmetler" class="pill">Nested Sunucu</a>
1104        <a href="#hizmetler" class="pill">EPYC 9454P</a>
1105        <a href="#hizmetler" class="pill">Ryzen 5950X VDS</a>
1106        <a href="#hizmetler" class="pill">Plesk VDS</a>
1107        <a href="#hizmetler" class="pill">Linux Hosting</a>
1108        <a href="#hizmetler" class="pill">Reseller Hosting</a>
1109        <a href="#hizmetler" class="pill">SEO Hosting</a>
1110        <a href="#hizmetler" class="pill">Kurumsal Hosting</a>
1111        <a href="#iletisim" class="pill">Kurumsal Mail</a>
1112        <a href="#iletisim" class="pill">Fiziksel Sunucu</a>
1113        <a href="#neden-biz" class="pill">Veri Merkezi</a>
1114      </div>
1115    </div>
1116
1117    <!-- Sağ: bulut illüstrasyonu -->
1118    <div class="relative w-full max-w-md aspect-square mx-auto" aria-hidden="true">
1119      <svg viewBox="0 0 400 400" class="absolute inset-0 w-full h-full">
1120        <circle cx="200" cy="200" r="180" fill="none" stroke="#D2ECF8" stroke-width="1.5" stroke-dasharray="3 7"/>
1121        <circle cx="200" cy="200" r="135" fill="none" stroke="#D2ECF8" stroke-width="1.5" stroke-dasharray="3 7"/>
1122        <circle cx="200" cy="200" r="135" fill="rgba(70,190,230,0.05)"/>
1123        <line x1="200" y1="200" x2="110" y2="80"  stroke="#CFE2F1" stroke-width="1.5" stroke-dasharray="4 5"/>
1124        <line x1="200" y1="200" x2="320" y2="200" stroke="#CFE2F1" stroke-width="1.5" stroke-dasharray="4 5"/>
1125        <line x1="200" y1="200" x2="180" y2="330" stroke="#CFE2F1" stroke-width="1.5" stroke-dasharray="4 5"/>
1126      </svg>
1127      <!-- Merkez kart -->
1128      <div class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-28 h-28 rounded-[28px] bg-white shadow-[0_20px_50px_rgba(15,41,66,0.14)] flex items-center justify-center">
1129        <svg viewBox="0 0 24 24" class="w-12 h-12 fill-brand-500" aria-hidden="true">
1129<path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z"/></svg>
1130      </div>
1131      <!-- Yüzen çipler -->
1132      <div class="float-chip absolute top-[12%] left-[10%] float">
1133        <svg viewBox="0 0 24 24" class="w-4 h-4 fill-brand-500" aria-hidden="true"><path d="M12 2a10 10 0 100 20 10 10 0 000-20zm6.93 6h-2.95a15.7 15.7 0 00-1.38-3.56A8.03 8.03 0 0118.93 8zM12 4c.83 1.2 1.48 2.53 1.91 4h-3.82c.43-1.47 1.08-2.8 1.91-4zM4.26 14a7.96 7.96 0 010-4h3.38a16.6 16.6 0 000 4H4.26zm.81 2h2.95c.32 1.25.78 2.45 1.38 3.56A8.03 8.03 0 015.07 16zm2.95-8H5.07a8.03 8.03 0 014.33-3.56A15.7 15.7 0 008.02 8zM12 20c-.83-1.2-1.48-2.53-1.91-4h3.82A13.4 13.4 0 0112 20zm2.34-6H9.66a14.7 14.7 0 010-4h4.68a14.7 14.7 0 010 4zm.27 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 01-4.33 3.56zM16.36 14a16.6 16.6 0 000-4h3.38a7.96 7.96 0 010 4h-3.38z"/></svg>
1134        Hosting
1135      </div>
1136      <div class="float-chip absolute top-1/2 right-[2%] -translate-y-1/2 float-2">
1137        <svg viewBox="0 0 24 24" class="w-4 h-4 fill-brand-500" aria-hidden="true"><path d="M13 2L3 14h7v8l10-12h-7z"/></svg>
1138        VDS &amp; VPS
1139      </div>
1140      <div class="float-chip absolute bottom-[10%] left-1/2 -translate-x-1/2 float">
1141        <svg viewBox="0 0 24 24" class="w-4 h-4 fill-brand-500" aria-hidden="true"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
1142        Kurumsal Mail
1143      </div>
1144    </div>
1145  </div>
1146</section>
1147
1148<!-- HİZMET SEÇİM REHBERİ -->
1149<section id="cozum-secimi" class="py-20 px-4" aria-labelledby="cozum-secimi-h2">
1150  <div class="max-w-7xl mx-auto">
1151    <div class="text-center max-w-3xl mx-auto mb-12">
1152      <span class="badge-soft inline-block mb-3">Nereden başlamalı?</span>
1153      <h2 id="cozum-secimi-h2" class="text-3xl md:text-4xl font-extrabold text-ink-900 mb-4">Projeniz için doğru altyapıyı seçin</h2>
1154      <p class="text-ink-600 leading-relaxed">Tek bir doğru paket yok. Sitenizin trafiği, kullandığınız yazılım ve sunucuyu ne kadar yönetmek istediğiniz seçimi belirler. Aşağıdan projenize en yakın senaryoyu bulun.</p>
1155    </div>
1156    <div class="grid md:grid-cols-2 xl:grid-cols-3 gap-5">
1157      <article class="card p-6 flex flex-col"><p class="text-xs font-bold tracking-widest text-brand-600">WEB SİTESİ</p><h3 class="text-xl font-extrabold text-ink-900 mt-3">WordPress veya kurumsal site</h3><p class="text-sm text-ink-600 leading-relaxed mt-3">Tek site, blog ya da tanıtım sitesi için pratik bir başlangıç. Sunucu tarafıyla uğraşmadan sitenize odaklanırsınız.</p><a href="/web-hosting" class="mt-5 text-brand-600 font-semibold inline-flex items-center gap-1 hover:gap-2 transition-all">Web Hosting’i incele <span aria-hidden="true">→</span></a></article>
1158      <article class="card p-6 flex flex-col"><p class="text-xs font-bold tracking-widest text-brand-600">E-TİCARET</p><h3 class="text-xl font-extrabold text-ink-900 mt-3">WooCommerce büyümeye başladıysa</h3><p class="text-sm text-ink-600 leading-relaxed mt-3">Ziyaretçi ve sipariş arttıkça daha fazla işlem gücü gerekir. Yoğun mağazalar için Premium VDS daha rahat bir çalışma alanı sunar.</p><a href="/premium-vds-sunucu" class="mt-5 text-brand-600 font-semibold inline-flex items-center gap-1 hover:gap-2 transition-all">Premium VDS’e göz at <span aria-hidden="true">→</span></a></article>
1159      <article class="card p-6 flex flex-col"><p class="text-xs font-bold tracking-widest text-brand-600">ÖZEL YAZILIM</p><h3 class="text-xl font-extrabold text-ink-900 mt-3">Uygulamanızı kendiniz yönetiyorsanız</h3><p class="text-sm text-ink-600 leading-relaxed mt-3">API, muhasebe yazılımı, uzak masaüstü ya da size özel bir servis çalıştıracaksanız VDS ile kendi ortamınızı kurabilirsiniz.</p><a href="/vds-sunucu" class="mt-5 text-brand-600 font-semibold inline-flex items-center gap-1 hover:gap-2 transition-all">VDS seçeneklerini incele <span aria-hidden="true">→</span></a></article>
1160      <article class="card p-6 flex flex-col"><p class="text-xs font-bold tracking-widest text-brand-600">PAZARYERİ</p><h3 class="text-xl font-extrabold text-ink-900 mt-3">Etsy veya Amazon operasyonu</h3><p class="text-sm text-ink-600 leading-relaxed mt-3">Kullanacağınız araçlara, hedef pazara ve ihtiyacınız olan kaynağa göre ilg
1160ili VDS sayfasından ilerleyin.</p><div class="mt-5 flex flex-wrap gap-x-4 gap-y-2"><a href="/etsy-vds" class="text-brand-600 font-semibold hover:underline">Etsy VDS</a><a href="/amazon-vds" class="text-brand-600 font-semibold hover:underline">Amazon VDS</a></div></article>
1161      <article class="card p-6 flex flex-col"><p class="text-xs font-bold tracking-widest text-brand-600">KURUMSAL E-POSTA</p><h3 class="text-xl font-extrabold text-ink-900 mt-3">Markanızla iletişim kurun</h3><p class="text-sm text-ink-600 leading-relaxed mt-3">Alan adınıza bağlı e-posta adresleriyle daha düzenli ve güven veren bir iş iletişimi kurun.</p><a href="/kurumsal-eposta" class="mt-5 text-brand-600 font-semibold inline-flex items-center gap-1 hover:gap-2 transition-all">Kurumsal e-postayı incele <span aria-hidden="true">→</span></a></article>
1162      <article class="card p-6 flex flex-col border-brand-200 bg-brand-50/50"><p class="text-xs font-bold tracking-widest text-brand-600">ÖZEL YAPILANDIRMA</p><h3 class="text-xl font-extrabold text-ink-900 mt-3">Standart paket yetmiyorsa</h3><p class="text-sm text-ink-600 leading-relaxed mt-3">Proxmox, çoklu sanal makine, yüksek RAM veya özel disk düzeni için fiziksel sunucu teklifini birlikte planlayalım.</p><a href="/turkiye-fiziksel-sunucu" class="mt-5 text-brand-600 font-semibold inline-flex items-center gap-1 hover:gap-2 transition-all">Fiziksel sunucuya geç <span aria-hidden="true">→</span></a></article>
1163    </div>
1164    <p class="text-center text-sm text-ink-500 mt-8">Emin değilseniz satış ekibine projenizi anlatın; kullanacağınız yazılıma ve hedef kitlenize göre birlikte netleştirelim. Avrupa odaklı projeler için <a href="/almanya-lokasyon-sunucu" class="text-brand-600 font-semibold hover:underline">Almanya lokasyon seçenekleri</a> de mevcut. Karar vermeden önce <a href="/blog-turkiye-almanya-amerika-sunucu-lokasyonu-nasil-secilir" class="text-brand-600 font-semibold hover:underline">sunucu lokasyonu rehberini</a> okuyabilirsiniz.</p>
1165  </div>
1166</section>
1167
1168<!-- ============================================================
1169     FİYATLANDIRMA TABLOLARI
1170     ============================================================ -->
1171<section id="fiyatlandirma" class="bg-soft py-20 px-4 scroll-mt-20" aria-labelledby="fiyat-h2">
1172  <div class="max-w-7xl mx-auto">
1173    <div class="text-center mb-12">
1174      <span class="badge-soft inline-block mb-3">Fiyatlandırma</span>
1175      <h2 id="fiyat-h2" class="text-3xl md:text-4xl font-extrabold text-ink-900 mb-3">Şeffaf ve Esnek Paketler</h2>
1176      <p class="text-ink-600 max-w-2xl mx-auto">Tüm paketlerde NVMe SSD, ücretsiz SSL, DDoS koruması ve 7/24 destek dahildir. Gizli ücret yok.</p>
1177    </div>
1178
1179    <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-5 items-stretch">
1180      <!-- Başlangıç -->
1181      <div class="pricing-card p-6 flex flex-col">
1182        <p class="font-mono text-xs text-ink-500 mb-2">BAŞLANGIÇ</p>
1183        <h3 class="font-bold text-xl text-ink-900 mb-1">Mini</h3>
1184        <p class="text-sm text-ink-500 mb-5">Kişisel site ve bloglar</p>
1185        <div class="mb-6"><span class="js-price text-4xl font-extrabold text-ink-900" data-usd="1.29">₺61</span><span class="text-ink-500">/ay</span></div>
1186        <ul class="space-y-3 text-sm text-ink-700 mb-6 flex-1" role="list">
1187          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>1 vCPU Core</li>
1188          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>1 GB RAM</li>
1189          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>10 GB NVMe SSD</li>
1190          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>Limitsiz Trafik</li>
1191          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>1 Web Sitesi · cPanel</li>
1192          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>Ücretsiz SSL</li>
1193        </ul>
1194        <a href="https://my.yalniz.net" class="btn-ghost w-full text-center py-3 rounded-xl font-semibold">Sipariş Ver</a>
1195      </div>
1196
1197      <!-- Standart (popüler) -->
1198      <div class="pricing-card popular p-6 flex flex-col">
1199        <div class="absolute -top-3.5 left-1/2 -translate-x-1/2 brand-gradient text-white text-xs font-bold px-4 py-1.5 rounded-full whitespace-nowrap shadow-md">En Çok Tercih Edilen</div>
1200        <p class="font-mono text-xs text-brand-600 mb-2">STANDART</p>
1201        <h3 class="font-bold text-xl text-ink-900 mb-1">Pro</h3>
1202        <p class="text-sm text-ink-500 mb-5">Kurumsal & e-ticaret siteleri</p>
1203        <div class="mb-6"><span class="js-price text-4xl font-extrabold text-ink-900" data-usd="2.99">₺142</span><span class="text-ink-500">/ay</span></div>
1204        <ul class="space-y-3 text-sm text-ink-700 mb-6 flex-1" role="list">
1205          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>2 vCPU Core</li>
1206          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>4 GB RAM</li>
1207          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>50 GB NVMe SSD</li>
1208          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>Limitsiz Trafik</li>
1209          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>Limitsiz Web Sitesi</li>
1210          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>Ücretsiz SSL · Günlük Yedek</li>
1211        </ul>
1212        <a href="https://my.yalniz.net" class="btn-primary w-full text-center py-3 rounded-xl font-bold">Sipariş Ver</a>
1213      </div>
1214
1215      <!-- İş -->
1216      <div class="pricing-card p-6 flex flex-col">
1217        <p class="font-mono text-xs text-ink-500 mb-2">İŞ</p>
1218        <h3 class="font-bold text-xl text-ink-900 mb-1">Business</h3>
1219        <p class="text-sm text-ink-500 mb-5">Yüksek trafikli projeler</p>
1220        <div class="mb-6"><span class="js-price text-4xl font-extrabold text-ink-900" data-usd="4.99">₺238</span><span class="text-ink-500">/ay</span></div>
1221        <ul class="space-y-3 text-sm text-ink-700 mb-6 flex-1" role="list">
1222          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>4 vCPU Core</li>
1223          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>8 GB RAM</li>
1224          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>120 GB NVMe SSD</li>
1225          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>Limitsiz Trafik</li>
1226          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>Limitsiz Web Sitesi</li>
1227          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>Öncelikli Destek</li>
1228        </ul>
1229        <a href="https://my.yalniz.net" class="btn-ghost w-full text-center py-3 rounded-xl font-semibold">Sipariş Ver</a>
1230      </div>
1231
1232      <!-- Kurumsal -->
1233      <div class="pricing-card p-6 flex flex-col">
1234        <p class="font-mono text-xs text-ink-500 mb-2">KURUMSAL</p>
1235        <h3 class="font-bold text-xl text-ink-900 mb-1">Enterprise</h3>
1236        <p class="text-sm text-ink-500 mb-5">Büyük ölçekli altyapılar</p>
1237        <div class="mb-6"><span class="js-price text-4xl font-extrabold text-ink-900" data-usd="9.99">₺476</span><span class="text-ink-500">/ay</span></div>
1238        <ul class="space-y-3 text-sm text-ink-700 mb-6 flex-1" role="list">
1239          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>8 vCPU Core</li>
1240          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>16 GB RAM</li>
1241          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>250 GB NVMe SSD</li>
1242          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>Limitsiz Trafik</li>
1243          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>Limitsiz Web Sitesi</li>
1244          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>Özel IP · Yönetilen</li>
1245        </ul>
1246        <a href="https://my.yalniz.net" class="btn-ghost w-full text-center py-3 rounded-xl font-semibold">Sipariş Ver</a>
1247      </div>
1248    </div>
1249
1250    <p class="text-center text-sm text-ink-500 mt-8">Tüm paketlerde: Ücretsiz DDoS Koruması · Günlük Yedekleme · 7/24 Türkçe Destek · %99.9 Uptime SLA · (Hosting paketlerinde ayrıca 30 Gün İade Garantisi)</p>
1251  </div>
1252</section>
1253
1254<!-- ============================================================
1255     HAKKIMIZDA — Türkiye lokasyon + avantajlar (kupa)
1256     ============================================================ -->
1257<section class="py-20 px-4" aria-labelledby="hakkimizda-h2">
1258  <div class="max-w-7xl mx-auto grid lg:grid-cols-2 gap-12 lg:gap-16 items-center">
1259    <!-- Metin (sol) -->
1260    <div>
1261      <span class="eyebrow mb-4">
1262        <svg viewBox="0 0 24 24" class="w-3.5 h-3.5 fill-current" aria-hidden="true"><path d="M19 5h-2V3H7v2H5C3.9 5 3 5.9 3 7v1c0 2.55 1.92 4.63 4.39 4.94A5.01 5.01 0 0011 16.9V19H7v2h10v-2h-4v-2.1a5.01 5.01 0 003.61-3.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z"/></svg>
1263        Hakkımızda
1264      </span>
1265      <h2 id="hakkimizda-h2" class="text-3xl md:text-4xl font-extrabold text-ink-900 leading-tight mb-5">Türkiye Lokasyonlu Hosting ve Sunucu Çözümleri</h2>
1266      <p class="text-ink-600 leading-relaxed mb-4">Hosting firması seçerken karşılaştırılması gereken şey fiyat listesi değil, altyapının kendisidir: diskin türü, web sunucusu yazılımı, veri merkezinin konumu ve desteğe ne kadar sürede yanıt alabildiğiniz. 2022'den bu yana Türkiye, Almanya ve Amerika lokasyonlarında hizmet veriyoruz.</p>
1267      <p class="text-ink-600 leading-relaxed mb-7">Yalnız Bilişim'in avantajları şöyledir:</p>
1268      <ul class="space-y-3" role="list">
1269        <li class="card !rounded-xl flex items-center gap-3 px-4 py-3.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg><span class="text-sm text-ink-700">Piyasadaki uygun fiyatlı, şeffaf faturalandırmalı hosting firmalarından biridir.</span></li>
1270        <li class="card !rounded-xl flex items-center gap-3 px-4 py-3.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg><span class="text-sm text-ink-700">Sunucuları yüksek performanslıdır; sitenizin hızlı ve kesintisiz çalışmasını sağlar.</span></li>
1271        <li class="card !rounded-xl flex items-center gap-3 px-4 py-3.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg><span class="text-sm text-ink-700">7/24 Türkçe destek sunar; web sitenizin her zaman erişilebilir olmasını sağlar.</span></li>
1272        <li class="card !rounded-xl flex items-center gap-3 px-4 py-3.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg><span class="text-sm text-ink-700">Kontrol paneli kullanımı kolaydır; yönetim için teknik bilgi gerektirmez.</span></li>
1273      </ul>
1274    </div>
1275    <!-- İllüstrasyon (sağ): kupa -->
1276    <div class="relative w-full max-w-md aspect-square mx-auto" aria-hidden="true">
1277      <svg viewBox="0 0 400 400" class="absolute inset-0 w-full h-full">
1278        <circle cx="200" cy="190" r="160" fill="none" stroke="#D2ECF8" stroke-width="1.5" stroke-dasharray="3 7"/>
1279        <circle cx="200" cy="190" r="115" fill="rgba(70,190,230,0.06)"/>
1280      </svg>
1281      <div class="absolute left-1/2 top-[42%] -translate-x-1/2 -translate-y-1/2">
1282        <svg viewBox="0 0 24 24" class="w-32 h-32" aria-hidden="true"><defs><linearGradient id="trophyGrad" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#46BEE6"/><stop offset="1" stop-color="#2C6CBC"/></linearGradient></defs><path fill="url(#trophyGrad)" d="M19 5h-2V3H7v2H5C3.9 5 3 5.9 3 7v1c0 2.55 1.92 4.63 4.39 4.94A5.01 5.01 0 0011 16.9V19H7v2h10v-2h-4v-2.1a5.01 5.01 0 003.61-3.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z"/></svg>
1283      </div>
1284      <div class="absolute bottom-[14%] left-1/2 -translate-x-1/2 flex gap-1.5" aria-hidden="true">
1285        <svg viewBox="0 0 24 24" class="w-6 h-6 fill-amber-400"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>
1286        <svg viewBox="0 0 24 24" class="w-6 h-6 fill-amber-400"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>
1287        <svg viewBox="0 0 24 24" class="w-6 h-6 fill-amber-400"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>
1288        <svg viewBox="0 0 24 24" class="w-6 h-6 fill-amber-400"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>
1289        <svg viewBox="0 0 24 24" class="w-6 h-6 fill-amber-400"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>
1290      </div>
1291      <div class="float-chip absolute top-[14%] right-[4%] float">
1292        <svg viewBox="0 0 24 24" class="w-4 h-4 fill-brand-500" aria-hidden="true"><path d="M12 2L4 5v6c0 5 3.4 9.7 8 11 4.6-1.3 8-6 8-11V5l-8-3z"/>
1292</svg>
1293        Güçlü Altyapı
1294      </div>
1295      <div class="float-chip absolute bottom-[26%] left-[2%] float-2">
1296        <svg viewBox="0 0 24 24" class="w-4 h-4 fill-brand-500" aria-hidden="true"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
1297        Kurumsal Destek
1298      </div>
1299    </div>
1300  </div>
1301</section>
1302
1303<!-- ============================================================
1304     KESİNTİSİZ, HIZLI VE EKONOMİK (koruma kartı — görsel sol)
1305     ============================================================ -->
1306<section class="bg-soft py-20 px-4" aria-labelledby="kesintisiz-h2">
1307  <div class="max-w-7xl mx-auto grid lg:grid-cols-2 gap-12 lg:gap-16 items-center">
1308    <!-- İllüstrasyon (sol) -->
1309    <div class="order-2 lg:order-1 relative w-full max-w-md mx-auto" aria-hidden="true">
1310      <div class="absolute -inset-6 bg-brand-200/30 rounded-[40px] blur-3xl pointer-events-none"></div>
1311      <div class="card relative p-6">
1312        <div class="flex items-center gap-3 mb-5">
1313          <span class="icon-box !w-11 !h-11"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z"/></svg></span>
1314          <div>
1315            <p class="font-bold text-ink-900">Aktif Koruma</p>
1316            <p class="text-xs text-ink-500 flex items-center gap-1.5"><span class="w-1.5 h-1.5 bg-emerald-500 rounded-full pulse-dot"></span> DDoS &amp; WAF · Çevrimiçi</p>
1317          </div>
1318        </div>
1319        <div class="mb-5">
1320          <div class="flex justify-between text-xs mb-1.5"><span class="text-ink-600">SSD I/O Performansı</span><span class="font-mono text-brand-600">%100</span></div>
1321          <div class="h-2.5 bg-brand-50 rounded-full overflow-hidden"><div class="h-full rounded-full progress-fill brand-gradient" style="width:100%"></div></div>
1322        </div>
1323        <div class="grid grid-cols-3 gap-2">
1324          <span class="bg-soft border border-[#E3EDF5] rounded-lg px-2 py-2 flex items-center justify-center gap-1.5 text-xs font-semibold text-ink-700"><svg viewBox="0 0 24 24" class="w-3.5 h-3.5 fill-brand-500" aria-hidden="true"><path d="M13 2L3 14h7v8l10-12h-7z"/></svg>10 Gbps</span>
1325          <span class="bg-soft border border-[#E3EDF5] rounded-lg px-2 py-2 flex items-center justify-center gap-1.5 text-xs font-semibold text-ink-700"><svg viewBox="0 0 24 24" class="w-3.5 h-3.5 fill-brand-500" aria-hidden="true"><path d="M4 4h16v6H4zm0 10h16v6H4zM7 6v2m4-2v2"/></svg>NVMe</span>
1326          <span class="bg-soft border border-[#E3EDF5] rounded-lg px-2 py-2 flex items-center justify-center gap-1.5 text-xs font-semibold text-ink-700"><svg viewBox="0 0 24 24" class="w-3.5 h-3.5 fill-brand-500" aria-hidden="true"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1112 6.5a2.5 2.5 0 010 5z"/></svg>TR Lokasyon</span>
1327        </div>
1328      </div>
1329      <div class="float-chip absolute -top-4 right-6 float">
1330        <svg viewBox="0 0 24 24" class="w-4 h-4 fill-brand-500" aria-hidden="true"><path d="M2 21l21-9L2 3v7l15 2-15 2v7z"/></svg>
1331        LiteSpeed
1332      </div>
1333      <div class="float-chip absolute -bottom-4 left-4 float-2">
1334        <span class="w-2 h-2 bg-emerald-500 rounded-full pulse-dot"></span>
1335        Yüksek Uptime
1336      </div>
1337    </div>
1338    <!-- Metin (sağ) -->
1339    <div class="order-1 lg:order-2">
1340      <span class="eyebrow mb-4"><svg viewBox="0 0 24 24" class="w-3.5 h-3.5 fill-current" aria-hidden="true"><path d="M13 2L3 14h7v8l10-12h-7z"/></svg>Güvenilirlik</span>
1341      <h2 id="kesintisiz-h2" class="text-3xl md:text-4xl font-extrabold text-ink-900 leading-tight mb-5">Kesintisiz, Hızlı ve Ekonomik</h2>
1342      <p class="text-ink-600 leading-relaxed mb-4">Web siteniz, çevrimiçi varlığınızın merkezidir. Bu nedenle her zaman kesintisiz, hızlı ve güvenilir olması önemlidir. Yalnız Bilişim olarak uptime garantisi veriyoruz; siteniz yıl boyunca erişilebilir kalır.</p>
1343      <p class="text-ink-600 leading-relaxed">Sunucularımız en son teknoloji ile donatılmış ve 7/24 uzman ekibimizce izlenmektedir. Bu sayede sorunlara proaktif olarak müdahale eder, NVMe SSD depolama ve LiteSpeed yazılımıyla sitenizin en hızlı şekilde yüklenmesini sağlarız. İhtiyaçlarınız arttıkça paketinizi kolayca yükseltebilirsiniz.</p>
1344    </div>
1345  </div>
1346</section>
1347
1348<!-- ============================================================
1349     ÜCRETSİZ SSL SERTİFİKASI (kalkan — görsel sağ)
1350     ============================================================ -->
1351<section class="py-20 px-4" aria-labelledby="ssl-h2">
1352  <div class="max-w-7xl mx-auto grid lg:grid-cols-2 gap-12 lg:gap-16 items-center">
1353    <!-- Metin (sol) -->
1354    <div>
1355      <span class="eyebrow mb-4"><svg viewBox="0 0 24 24" class="w-3.5 h-3.5 fill-current" aria-hidden="true"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z"/></svg>Güvenlik</span>
1356      <h2 id="ssl-h2" class="text-3xl md:text-4xl font-extrabold text-ink-900 leading-tight mb-5">Ücretsiz SSL Sertifikası</h2>
1357      <p class="text-ink-600 leading-relaxed mb-4">Müşterilerimizin güvenliğini ve gizliliğini önemsiyoruz. Bu nedenle tüm hosting paketlerimizle birlikte ücretsiz SSL sertifikası sunuyoruz.</p>
1358      <p class="text-ink-600 leading-relaxed">Ücretsiz SSL sertifikası, sitenizin ziyaretçilerine güvenli (HTTPS) bir bağlantı sağlar, verileri uçtan uca şifreler ve arama motoru sıralamanıza (SEO) olumlu katkı verir.</p>
1359    </div>
1360    <!-- İllüstrasyon (sağ): kalkan -->
1361    <div class="relative w-full max-w-md aspect-square mx-auto" aria-hidden="true">
1362      <svg viewBox="0 0 400 400" class="absolute inset-0 w-full h-full">
1363        <circle cx="200" cy="195" r="165" fill="none" stroke="#D2ECF8" stroke-width="1.5" stroke-dasharray="3 7"/>
1364        <circle cx="200" cy="195" r="120" fill="none" stroke="#D2ECF8" stroke-width="1.5" stroke-dasharray="3 7"/>
1365      </svg>
1366      <!-- Kalkan -->
1367      <div class="absolute left-1/2 top-[44%] -translate-x-1/2 -translate-y-1/2 w-44 h-44">
1368        <svg viewBox="0 0 24 24" class="w-full h-full" aria-hidden="true"><defs><linearGradient id="shieldGrad" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#46BEE6"/><stop offset="1" stop-color="#2C6CBC"/></linearGradient></defs><path fill="url(#shieldGrad)" d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z"/></svg>
1369        <div class="absolute inset-0 flex flex-col items-center justify-center text-white">
1370          <span class="w-12 h-12 rounded-full bg-white/95 flex items-center justify-center mb-1.5"><svg viewBox="0 0 24 24" class="w-6 h-6 fill-brand-600" aria-hidden="true"><path d="M18 8h-1V6A5 5 0 007 6v2H6a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V10a2 2 0 00-2-2zm-6 9a2 2 0 110-4 2 2 0 010 4zm3-9H9V6a3 3 0 016 0v2z"/></svg></span>
1371          <span class="font-mono font-bold text-sm tracking-wider">SSL · A+</span>
1372        </div>
1373      </div>
1374      <!-- Yüzen ikon çipleri -->
1375      <div class="float-chip absolute top-[16%] right-[8%] !p-2.5 !rounded-full float"><svg viewBox="0 0 24 24" class="w-4 h-4 fill-emerald-500" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg></div>
1376      <div class="float-chip absolute top-[20%] left-[8%] !p-2.5 !rounded-full float-2"><svg viewBox="0 0 24 24" class="w-4 h-4 fill-brand-500" aria-hidden="true"><path d="M12.65 10A6 6 0 105 14h7v4h4v-4h2v-4h-9.35zM7 14a2 2 0 110-4 2 2 0 010 4z"/></svg></div>
1377      <div class="float-chip absolute bottom-[24%] right-[6%] !p-2.5 !rounded-full float"><svg viewBox="0 0 24 24" class="w-4 h-4 fill-brand-500" aria-hidden="true"><path d="M17.81 4.47c-.08 0-.16-.02-.23-.06C15.66 3.42 14 3 12.01 3c-1.98 0-3.86.47-5.57 1.41-.24.13-.54.04-.68-.2-.13-.24-.04-.55.2-.68C7.82 2.52 9.86 2 12.01 2c2.13 0 3.99.47 6.03 1.52.25.13.34.43.21.67-.09.18-.26.28-.44.28zM3.5 9.72a.5.5 0 01-.41-.79c1.06-1.5 2.41-2.68 4.02-3.5a11.5 11.5 0 0110.78.01c1.6.82 2.95 1.99 4.01 3.48a.5.5 0 11-.81.59 9.8 9.8 0 00-3.66-3.18 10.5 10.5 0 00-9.83 0 9.9 9.9 0 00-3.67 3.19.49.49 0 01-.43.2z"/></svg></div>
1378      <!-- HTTPS çipi -->
1379      <div class="float-chip absolute bottom-[8%] left-1/2 -translate-x-1/2 float-2 font-mono">
1380        <svg viewBox="0 0 24 24" class="w-3.5 h-3.5 fill-emerald-500" aria-hidden="true"><path d="M18 8h-1V6A5 5 0 007 6v2H6a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V10a2 2 0 00-2-2zm-3 0H9V6a3 3 0 016 0v2z"/></svg>
1381        https://yalniz.net
1382      </div>
1383    </div>
1384  </div>
1385</section>
1386
1387<!-- ============================================================
1388     PREMIUM HIZDA HOSTING (gösterge — görsel sol)
1389     ============================================================ -->
1390<section class="bg-soft py-20 px-4" aria-labelledby="premium-h2">
1391  <div class="max-w-7xl mx-auto grid lg:grid-cols-2 gap-12 lg:gap-16 items-center">
1392    <!-- İllüstrasyon (sol): hız göstergesi -->
1393    <div class="order-2 lg:order-1 relative w-full max-w-md mx-auto" aria-hidden="true">
1394      <div class="relative">
1395        <svg viewBox="0 0 220 150" class="w-full">
1396          <defs>
1397            <linearGradient id="gaugeGrad" x1="0" y1="0" x2="1" y2="0">
1398              <stop offset="0" stop-color="#EF4444"/>
1399              <stop offset="0.5" stop-color="#F59E0B"/>
1400              <stop offset="1" stop-color="#22C55E"/>
1401            </linearGradient>
1402          </defs>
1403          <path d="M20 130 A 90 90 0 0 1 200 130" fill="none" stroke="#EAF1F7" stroke-width="18" stroke-linecap="round"/>
1404          <path d="M20 130 A 90 90 0 0 1 200 130" fill="none" stroke="url
1404(#gaugeGrad)" stroke-width="18" stroke-linecap="round" stroke-dasharray="247 283" stroke-dashoffset="0"/>
1405          <line x1="110" y1="130" x2="178" y2="92" stroke="#0F2942" stroke-width="5" stroke-linecap="round"/>
1406          <circle cx="110" cy="130" r="9" fill="#0F2942"/>
1407          <circle cx="110" cy="130" r="3.5" fill="#fff"/>
1408        </svg>
1409        <div class="absolute left-1/2 top-[64%] -translate-x-1/2 text-center">
1410          <p class="text-3xl font-extrabold font-mono text-ink-900 leading-none">10</p>
1411          <p class="text-[10px] font-semibold tracking-widest text-ink-500 uppercase">Gbps · Premium Hat</p>
1412        </div>
1413      </div>
1414      <div class="float-chip absolute bottom-[2%] left-2 float">
1415        <svg viewBox="0 0 24 24" class="w-4 h-4 fill-brand-500" aria-hidden="true"><path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z"/></svg>
1416        <span>Cloudflare CDN<br><span class="text-ink-500 font-normal">250+ PoP</span></span>
1417      </div>
1418    </div>
1419    <!-- Metin (sağ) -->
1420    <div class="order-1 lg:order-2">
1421      <span class="eyebrow mb-4"><svg viewBox="0 0 24 24" class="w-3.5 h-3.5 fill-current" aria-hidden="true"><path d="M13 2L3 14h7v8l10-12h-7z"/></svg>Performans</span>
1422      <h2 id="premium-h2" class="text-3xl md:text-4xl font-extrabold text-ink-900 leading-tight mb-5">Premium Hızda Hosting</h2>
1423      <p class="text-ink-600 leading-relaxed mb-4">Web sitenizin hızlı ve güvenilir olması çok önemlidir. Yalnız Bilişim, en hızlı deneyim için premium donanım ve yazılım altyapısı kullanır. Yüksek performanslı NVMe SSD diskler hızınızı artırır ve kullanıcı deneyimini iyileştirir.</p>
1424      <p class="text-ink-600 leading-relaxed mb-7">Hızlı yükleme süreleri arama motoru sıralamanızı yükseltir. NVMe disklerimiz, LiteSpeed web sunucumuz ve Cloudflare CDN entegrasyonumuz ile rakiplerinizin önüne geçersiniz.</p>
1425      <a href="#fiyatlandirma" class="inline-flex items-center gap-2 text-brand-600 font-semibold border-b-2 border-brand-400 pb-1 hover:gap-3 transition-all">
1426        İncele
1427        <svg viewBox="0 0 24 24" class="w-4 h-4 fill-current" aria-hidden="true"><path d="M4 11h12.2l-5.6-5.6L12 4l8 8-8 8-1.4-1.4 5.6-5.6H4z"/></svg>
1428      </a>
1429    </div>
1430  </div>
1431</section>
1432
1433<!-- ============================================================
1434     ÜCRETSİZ SİTE TAŞIMA
1435     ============================================================ -->
1436<section class="py-20 px-4" aria-labelledby="tasima-h2">
1437  <div class="max-w-6xl mx-auto">
1438    <div class="card overflow-hidden grid md:grid-cols-5 items-center">
1439      <!-- Sol: içerik -->
1440      <div class="md:col-span-3 p-8 md:p-12">
1441        <span class="eyebrow mb-4"><svg viewBox="0 0 24 24" class="w-3.5 h-3.5 fill-current" aria-hidden="true"><path d="M20 8h-3V4H3a2 2 0 00-2 2v11h2a3 3 0 006 0h6a3 3 0 006 0h2v-5l-3-4zM6 18.5A1.5 1.5 0 116 15.5a1.5 1.5 0 010 3zm12 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3zM17 12V9.5h2.5L21 12h-4z"/></svg>Ücretsiz Taşıma</span>
1442        <h2 id="tasima-h2" class="text-3xl md:text-4xl font-extrabold text-ink-900 leading-tight mb-4">Sitenizi Ücretsiz ve Sorunsuz Taşıyalım</h2>
1443        <p class="text-ink-600 leading-relaxed mb-6">Başka bir sağlayıcıdan mı geliyorsunuz? Uzman ekibimiz tüm sitelerinizi, e-postalarınızı ve veritabanlarınızı <strong class="text-ink-900">planlı ve ücretsiz</strong> olarak taşır. Siz işinize odaklanın, gerisini biz halledelim.</p>
1444        <ul class="grid sm:grid-cols-2 gap-x-6 gap-y-3 mb-8 text-sm text-ink-700" role="list">
1445          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>Sıfır veri kaybı</li>
1446          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>Kesintisiz geçiş</li>
1447          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>Uzman ekip desteği</li>
1448          <li class="flex items-center gap-2.5"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-emerald-500 flex-shrink-0" aria-hidden="true"><path d="M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z"/></svg>
144824 saat içinde tamamlanır</li>
1449        </ul>
1450        <a href="https://my.yalniz.net" class="btn-success inline-flex items-center gap-2 font-semibold px-7 py-3.5 rounded-xl">
1451          Ücretsiz Taşıma Talebi Oluştur
1452          <svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M4 11h12.2l-5.6-5.6L12 4l8 8-8 8-1.4-1.4 5.6-5.6H4z"/></svg>
1453        </a>
1454      </div>
1455      <!-- Sağ: görsel alan -->
1456      <div class="md:col-span-2 feature-promo p-10 flex items-center justify-center relative overflow-hidden self-stretch min-h-[220px]">
1457        <div class="absolute -top-10 -right-10 w-40 h-40 bg-white/10 rounded-full blur-3xl pointer-events-none" aria-hidden="true"></div>
1458        <div class="relative text-center text-white">
1459          <svg viewBox="0 0 24 24" class="w-20 h-20 fill-current mx-auto mb-4 float" aria-hidden="true"><path d="M20 8h-3V4H3a2 2 0 00-2 2v11h2a3 3 0 006 0h6a3 3 0 006 0h2v-5l-3-4zM6 18.5A1.5 1.5 0 116 15.5a1.5 1.5 0 010 3zm12 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3zM17 12V9.5h2.5L21 12h-4z"/></svg>
1460          <p class="text-4xl font-extrabold font-mono leading-none">7/24</p>
1461          <p class="text-white/80 text-sm mt-2">Taşıma desteği hazır</p>
1462        </div>
1463      </div>
1464    </div>
1465  </div>
1466</section>
1467
1468<!-- ============================================================
1469     NEDEN BİZ? / ÖZELLİKLER
1470     ============================================================ -->
1471<section id="neden-biz" class="py-20 px-4 scroll-mt-20" aria-labelledby="neden-h2">
1472  <div class="max-w-7xl mx-auto">
1473    <div class="text-center mb-12">
1474      <span class="badge-soft inline-block mb-3">Neden Yalnız Bilişim?</span>
1475      <h2 id="neden-h2" class="text-3xl md:text-4xl font-extrabold text-ink-900 mb-3">Güvenebileceğiniz Altyapı</h2>
1476      <p class="text-ink-600 max-w-2xl mx-auto">Performans, güvenlik ve kesintisiz destek; hepsi tek çatı altında.</p>
1477    </div>
1478
1479    <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-5">
1480      <!-- DDoS -->
1481      <article class="feature-card p-6">
1482        <div class="icon-box mb-4"><svg viewBox="0 0 24 24" class="w-6 h-6 fill-current" aria-hidden="true"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z"/></svg></div>
1483        <h3 class="font-bold text-ink-900 mb-2">Ücretsiz DDoS Koruması</h3>
1484        <p class="text-sm text-ink-600 leading-relaxed">Gerçek zamanlı trafik analizi ile katmanlı DDoS filtresi. Saldırı altında bile kesintisiz hizmet.</p>
1485      </article>
1486      <!-- Uptime -->
1487      <article class="feature-card p-6">
1488        <div class="icon-box mb-4"><svg viewBox="0 0 24 24" class="w-6 h-6 fill-current" aria-hidden="true"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z"/></svg></div>
1489        <h3 class="font-bold text-ink-900 mb-2">%99.9 Uptime Garantisi</h3>
1490        <p class="text-sm text-ink-600 leading-relaxed">SLA sözleşmesi ile güvence altında. N+1 güç ve soğutma sistemleriyle kesintisiz erişim.</p>
1491      </article>
1492      <!-- Destek -->
1493      <article class="feature-card p-6">
1494        <div class="icon-box mb-4"><svg viewBox="0 0 24 24" class="w-6 h-6 fill-current" aria-hidden="true"><path d="M12 1a9 9 0 00-9 9v7a3 3 0 003 3h2v-8H5v-2a7 7 0 0114 0v2h-3v8h2a3 3 0 003-3v-7a9 9 0 00-9-9z"/></svg></div>
1495        <h3 class="font-bold text-ink-900 mb-2">7/24 Türkçe Destek</h3>
1496        <p class="text-sm text-ink-600 leading-relaxed">Uzman ekibimiz destek talebi ve canlı kanallar üzerinden yanınızda; telefon desteği çalışma saatlerinde sunulur.</p>
1497      </article>
1498      <!-- NVMe -->
1499      <article class="feature-card p-6">
1500        <div class="icon-box mb-4"><svg viewBox="0 0 24 24" class="w-6 h-6 fill-current" aria-hidden="true"><path d="M13 10V3L4 14h7v7l9-11h-7z"/></svg></div>
1501        <h3 class="font-bold text-ink-900 mb-2">NVMe SSD Performansı</h3>
1502        <p class="text-sm text-ink-600 leading-relaxed">Son nesil NVMe diskler ile geleneksel SSD'lere göre kat kat hızlı okuma/yazma. Web siteniz uçar.</p>
1503      </article>
1504      <!-- Veri merkezi -->
1505      <article class="feature-card p-6">
1506        <div class="icon-box mb-4"><svg viewBox="0 0 24 24" class="w-6 h-6 fill-current" aria-hidden="true"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1112 6.5a2.5 2.5 0 010 5z"/></svg></div>
1507        <h3 class="font-bold text-ink-900 mb-2">Türkiye Veri Merkezi</h3>
1508        <p class="text-sm text-ink-600 leading-relaxed">Türkiye lokasyon seçeneği, yedekli altyapı ve açıklanabilir güvenlik kapsamı. Sertifika ve tesis ayrıntılarını sipariş öncesinde doğrulayın.<
1508/p>
1509      </article>
1510      <!-- Anında kurulum -->
1511      <article class="feature-card p-6">
1512        <div class="icon-box mb-4"><svg viewBox="0 0 24 24" class="w-6 h-6 fill-current" aria-hidden="true"><path d="M12 2v6l4-4-1.5-1.5L19 7l-7 7-7-7 4.5-4.5L12 8V2z" transform="rotate(180 12 12)"/><path d="M12 22a10 10 0 100-20 10 10 0 000 20zm-1-5v-4H8l4-6v4h3l-4 6z"/></svg></div>
1513        <h3 class="font-bold text-ink-900 mb-2">Anında Kurulum</h3>
1514        <p class="text-sm text-ink-600 leading-relaxed">Ödeme sonrası hesabınız ve sunucunuz otomatik olarak dakikalar içinde aktif edilir. Beklemek yok.</p>
1515      </article>
1516    </div>
1517  </div>
1518</section>
1519
1520<!-- ============================================================
1521     MÜŞTERİ YORUMLARI
1522     ============================================================ -->
1523<section class="bg-soft py-20 px-4" aria-labelledby="yorumlar-h2">
1524  <div class="max-w-7xl mx-auto">
1525    <div class="text-center mb-12">
1526      <span class="badge-soft inline-block mb-3">Müşteri Yorumları</span>
1527      <h2 id="yorumlar-h2" class="text-3xl md:text-4xl font-extrabold text-ink-900 mb-3">Müşterilerimiz Ne Diyor?</h2>
1528      <p class="text-ink-600 max-w-xl mx-auto">Kendi kelimeleriyle paylaştıkları gerçek deneyimler.</p>
1529    </div>
1530
1531    <div class="grid md:grid-cols-3 gap-5">
1532      <blockquote class="card p-6">
1533        <p class="text-ink-700 text-sm leading-relaxed mb-5">"Bugün 5950x Ryzen işlemcili bir VDS satın aldım. Satın almadan önce sorduğum sorulara hızlı ve tatmin edici cevaplar aldım."</p>
1534        <div class="flex items-center gap-3">
1535          <div class="w-10 h-10 brand-gradient rounded-full flex items-center justify-center text-white text-sm font-bold">FE</div>
1536          <div><p class="text-ink-900 text-sm font-semibold">FatalError06</p><p class="text-ink-500 text-xs">VDS Sunucu (5950X Ryzen)</p></div>
1537        </div>
1538      </blockquote>
1539
1540      <blockquote class="card p-6">
1541        <p class="text-ink-700 text-sm leading-relaxed mb-5">"2 aydır Almanya Hetzner lokasyonlu 5950x'li sunucularını kullanıyorum, muazzam. Bir kere ESXi yüzünden kesinti olmasaydı %100 uptime olacaktı."</p>
1542        <div class="flex items-center gap-3">
1543          <div class="w-10 h-10 rounded-full flex items-center justify-center text-white text-sm font-bold" style="background:linear-gradient(135deg,#22C55E,#16A34A)">XD</div>
1544          <div><p class="text-ink-900 text-sm font-semibold">xeanadev</p><p class="text-ink-500 text-xs">Almanya VDS (5950X)</p></div>
1545        </div>
1546      </blockquote>
1547
1548      <blockquote class="card p-6">
1549        <p class="text-ink-700 text-sm leading-relaxed mb-5">"Reseller sunucu satın aldım. Çok memnun kaldım. Özellikle müşteri ile bire bir iletişim harika. Tavsiye ederim."</p>
1550        <div class="flex items-center gap-3">
1551          <div class="w-10 h-10 rounded-full flex items-center justify-center text-white text-sm font-bold" style="background:linear-gradient(135deg,#6366F1,#8B5CF6)">BM</div>
1552          <div><p class="text-ink-900 text-sm font-semibold">ByMetiN</p><p class="text-ink-500 text-xs">Reseller Sunucu</p></div>
1553        </div>
1554      </blockquote>
1555    </div>
1556  </div>
1557</section>
1558
1559<!-- ============================================================
1560     SIKÇA SORULAN SORULAR (SSS)
1561     ============================================================ -->
1562<section class="py-20 px-4" aria-labelledby="sss-h2">
1563  <div class="max-w-3xl mx-auto">
1564    <div class="text-center mb-12">
1565      <span class="badge-soft inline-block mb-3">SSS</span>
1566      <h2 id="sss-h2" class="text-3xl md:text-4xl font-extrabold text-ink-900 mb-3">Sıkça Sorulan Sorular</h2>
1567      <p class="text-ink-600">Aklınıza takılanlar için hızlı yanıtlar. Daha fazlası için 7/24 destek ekibimiz hazır.</p>
1568    </div>
1569
1570    <div class="space-y-3">
1571      <details class="faq-item p-5" open>
1572        <summary class="flex items-center justify-between gap-4 font-semibold text-ink-900">
1573          Hosting hesabım ne kadar sürede aktif olur?
1574          <svg viewBox="0 0 24 24" class="chev w-5 h-5 fill-brand-600 flex-shrink-0" aria-hidden="true"><path d="M7 10l5 5 5-5z"/></svg>
1575        </summary>
1576        <p class="text-sm text-ink-600 leading-relaxed mt-3">Ödemeniz onaylandıktan sonra hesabınız otomatik olarak dakikalar içinde aktifleştirilir ve giriş bilgileriniz e-posta ile gönderilir.</p>
1577      </details>
1578
1579      <details class="faq-item p-5">
1580        <summary class="flex items-center justify-between gap-4 font-semibold text-ink-900">
1581          Para iade garantisi var mı?
1582          <svg viewBox="0 0 24 24" class="chev w-5 h-5 fill-brand-600 flex-shrink-0" aria-hidden="true"><path d="M7 10l5 5 5-5z"/></svg>
1583        </summary>
1584        <p class="text-sm text-ink-600 leading-relaxed mt-3">Evet. Tüm hosting paketlerimizde 30 günlük ticari iade imkânı sunuyoruz. Koşullar ve kapsam dışı kalemler Hizmet ve İade Sözleşmesi'nde açıklanır.</p>
1585      </details>
1586
1587      <details class="faq-item p-5">
1588        <summary class="flex items-center justify-between gap-4 font-semibold text-ink-900">
1589          Sitemi sizin sunucularınıza taşımak ücretli mi?
1590          <svg viewBox="0 0 24 24" class="chev w-5 h-5 fill-brand-600 flex-shrink-0" aria-hidden="true"><path d="M7 10l5 5 5-5z"/></svg>
1591        </summary>
1592        <p class="text-sm text-ink-600 leading-relaxed mt-3">Hayır. Mevcut sitenizi, e-postalarınızı ve veritabanlarınızı uzman ekibimiz ön kontrol sonrasında ücretsiz taşır; DNS ve veri eşitleme adımlarıyla kesinti riski azaltılır.</p>
1593      </details>
1594
1595      <details class="faq-item p-5">
1596        <summary class="flex items-center justify-between gap-4 font-semibold text-ink-900">
1597          Paketimi sonradan yükseltebilir miyim?
1598          <svg viewBox="0 0 24 24" class="chev w-5 h-5 fill-brand-600 flex-shrink-0" aria-hidden="true"><path d="M7 10l5 5 5-5z"/></svg>
1599        </summary>
1600        <p class="text-sm text-ink-600 leading-relaxed mt-3">Elbette. İhtiyaçlarınız büyüdükçe müşteri panelinden tek tıkla daha yüksek b
1600ir pakete geçebilir, yalnızca fark ücretini ödersiniz.</p>
1601      </details>
1602
1603      <details class="faq-item p-5">
1604        <summary class="flex items-center justify-between gap-4 font-semibold text-ink-900">
1605          Sunucularınız nerede bulunuyor?
1606          <svg viewBox="0 0 24 24" class="chev w-5 h-5 fill-brand-600 flex-shrink-0" aria-hidden="true"><path d="M7 10l5 5 5-5z"/></svg>
1607        </summary>
1608        <p class="text-sm text-ink-600 leading-relaxed mt-3">Türkiye, Almanya ve Amerika lokasyon seçenekleri sunuyoruz. Lokasyonu hedef kitlenizin ağırlığına, ölçülen ağ gecikmesine ve veri işleme gereksinimlerine göre seçin; sunucu konumu tek başına SEO, KVKK, GDPR veya pazaryeri hesabı sonucu garantisi vermez.</p>
1609        <div class="overflow-x-auto mt-4">
1610          <table class="w-full text-sm border-collapse">
1611            <thead>
1612              <tr class="border-b border-[#E3EDF5]">
1613                <th class="text-left py-2 pr-4 font-bold text-ink-900">Lokasyon</th>
1614                <th class="text-left py-2 pr-4 font-bold text-ink-900">En Uygun Kitle</th>
1615                <th class="text-left py-2 font-bold text-ink-900">Öne Çıkan Avantaj</th>
1616              </tr>
1617            </thead>
1618            <tbody class="text-ink-600">
1619              <tr class="border-b border-[#E3EDF5]">
1620                <td class="py-2 pr-4 font-semibold text-ink-900">Türkiye (İstanbul)</td>
1621                <td class="py-2 pr-4">Yerel ziyaretçisi olan siteler</td>
1622                <td class="py-2">En düşük gecikme, KVKK uyumlu veri saklama</td>
1623              </tr>
1624              <tr class="border-b border-[#E3EDF5]">
1625                <td class="py-2 pr-4 font-semibold text-ink-900">Almanya (Frankfurt)</td>
1626                <td class="py-2 pr-4">AB kitlesine hitap eden projeler</td>
1627                <td class="py-2">GDPR uyumu, Avrupa içi düşük gecikme</td>
1628              </tr>
1629              <tr>
1630                <td class="py-2 pr-4 font-semibold text-ink-900">Amerika</td>
1631                <td class="py-2 pr-4">Kuzey Amerika kitlesi, Etsy/Amazon satıcıları</td>
1632                <td class="py-2">ABD pazarına yakınlık</td>
1633              </tr>
1634            </tbody>
1635          </table>
1636        </div>
1637      </details>
1638
1639      <details class="faq-item p-5">
1640        <summary class="flex items-center justify-between gap-4 font-semibold text-ink-900">
1641          Hangi ödeme yöntemlerini kabul ediyorsunuz?
1642          <svg viewBox="0 0 24 24" class="chev w-5 h-5 fill-brand-600 flex-shrink-0" aria-hidden="true"><path d="M7 10l5 5 5-5z"/></svg>
1643        </summary>
1644        <p class="text-sm text-ink-600 leading-relaxed mt-3">Visa, Mastercard ve Troy kredi/banka kartları ile havale/EFT ödemelerini kabul ediyoruz. Tüm işlemler SSL ile şifrelenir.</p>
1645      </details>
1646      <details class="faq-item p-5">
1647        <summary class="flex items-center justify-between gap-4 font-semibold text-ink-900">Fiyatlar neden dolar olarak belirtiliyor?
1648          <svg viewBox="0 0 24 24" class="chev w-5 h-5 fill-brand-600 flex-shrink-0" aria-hidden="true"><path d="M7 10l5 5 5-5z"/></svg>
1649        </summary>
1650        <p class="text-sm text-ink-600 leading-relaxed mt-3">Sunucu donanımı, lisanslar ve veri merkezi maliyetleri döviz üzerinden oluştuğu için fiyatlarımız USD tabanlıdır. Ödemenizi güncel kurla Türk Lirası olarak yaparsınız. Sayfanın üst kısmındaki ₺/$ düğmesiyle iki para biriminde de görebilirsiniz.</p>
1651      </details>
1652      <details class="faq-item p-5">
1653        <summary class="flex items-center justify-between gap-4 font-semibold text-ink-900">Hosting mi, VPS mi, VDS mi almalıyım?
1654          <svg viewBox="0 0 24 24" class="chev w-5 h-5 fill-brand-600 flex-shrink-0" aria-hidden="true"><path d="M7 10l5 5 5-5z"/></svg>
1655        </summary>
1656        <p class="text-sm text-ink-600 leading-relaxed mt-3">Tek bir site veya blog için <a href="/web-hosting">web hosting</a> yeterlidir; sunucu yönetimiyle uğraşmazsınız. Kendi yazılımınızı kurmanız gerekiyorsa ve bütçe önceliğinizse <a href="/vps-sunucu">VPS</a>, kaynakların yalnızca size ayrılmasını istiyorsanız <a href="/vds-sunucu">VDS</a> uygundur.</p>
1657        <div class="overflow-x-auto mt-4">
1658          <table class="w-full text-sm border-collapse">
1659            <thead>
1660              <tr class="border-b border-[#E3EDF5]">
1661                <th class="text-left py-2 pr-4 font-bold text-ink-900">Seçenek</th>
1662                <th class="text-left py-2 pr-4 font-bold text-ink-900">Kimler İçin</th>
1663                <th class="text-left py-2 font-bold text-ink-900">Kaynak / Bütçe</th>
1664              </tr>
1665            </thead>
1666            <tbody class="text-ink-600">
1667              <tr class="border-b border-[#E3EDF5]">
1668                <td class="py-2 pr-4 font-semibold text-ink-900"><a href="/web-hosting" class="text-brand-600 hover:underline">Web Hosting</a></td>
1669                <td class="py-2 pr-4">Tek site/blog, sunucu yönetimiyle uğraşmak istemeyenler</td>
1670                <td class="py-2">En uygun bütçe</td>
1671              </tr>
1672              <tr class="border-b border-[#E3EDF5]">
1673                <td class="py-2 pr-4 font-semibold text-ink-900"><a href="/vps-sunucu" class="text-brand-600 hover:underline">VPS</a></td>
1674                <td class="py-2 pr-4">Kendi yazılımını kurmak isteyen, bütçe öncelikli</td>
1675                <td class="py-2">Paylaşımlı kaynak, uygun fiyat</td>
1676              </tr>
1677              <tr>
1678                <td class="py-2 pr-4 font-semibold text-ink-900"><a href="/vds-sunucu" class="text-brand-600 hover:underline">VDS</a></td>
1679                <td class="py-2 pr-4">Kaynakların yalnızca kendisine ayrılmasını isteyen</td>
1680                <td class="py-2">Garantili, izole kaynak</td>
1681              </tr>
1682            </tbody>
1683          </table>
1684        </div>
1685      </details>
1686      <details class="faq-item p-5">
1687        <summary class="flex items-center justify-between gap-4 font-semibold text-ink-900">WooCommerce için hosting mi, Premium VDS mi seçmeliyim?
1688          <svg viewBox="0 0 24 24" class="chev w-5 h-5 fill-brand-600 flex-shrink-0" aria-hidden="true"><path d="M7 10l5 5 5-5z"/></svg>
1689        </summary>
1690        <p class="text-sm text-ink-600 leading-relaxed mt-3">Başlangıç veya düşük trafikli mağazalar için hosting yeterli olabilir. Yoğun ziyaretçi, büyük ürün kataloğu, özel entegrasyonlar veya yüksek veritabanı kullanımı varsa kaynak ihtiyacını ölçüp Premium VDS değerlendirin. En doğru seçim, CPU/RAM kullanımı ve sayfa yanıt sürelerine göre yapılır.</p>
1691      </details>
1692      <details class="faq-item p-5">
1693        <summary class="flex items-center justify-between gap-4 font-semibold text-ink-900">Ne zaman fiziksel sunucuya geçmeliyim?
1694          <svg viewBox="0 0 24 24" class="chev w-5 h-5 fill-brand-600 flex-shrink-0" aria-hidden="true"><path d="M7 10l5 5 5-5z"/></svg>
1695        </summary>
1696        <p class="text-sm text-ink-600 leading-relaxed mt-3">Kendi sanallaştırma altyapınızı kuracaksanız, sürekli yüksek CPU/RAM kullanıyorsanız, özel disk topolojisi veya donanım düzeyinde tahsis gerekiyorsa fiziksel sunucuyu değerlendirin. İşlemci modeli, RAM, NVMe/RAID, ağ ve teslim kapsamını teklif üzerinde yazılı olarak doğrulayın.</p>
1697      </details>
1698    </div>
1699  </div>
1700</section>
1701
1702<!-- ============================================================
1703     CTA BANNER
1704     ============================================================ -->
1705<section class="px-4 pb-20" aria-labelledby="cta-h2">
1706  <div class="max-w-6xl mx-auto">
1707    <div class="relative overflow-hidden rounded-3xl brand-gradient p-10 md:p-14 text-center">
1708      <div class="absolute -top-16 -right-10 w-72 h-72 bg-white/10 rounded-full blur-3xl pointer-events-none" aria-hidden="true"></div>
1709      <div class="absolute -bottom-20 -left-10 w-72 h-72 bg-white/10 rounded-full blur-3xl pointer-events-none" aria-hidden="true"></div>
1710      <div class="relative">
1711        <h2 id="cta-h2" class="text-3xl md:text-4xl font-extrabold text-white mb-3">Güç ve Performans Odaklı</h2>
1712        <p class="text-white/90 text-lg mb-8 max-w-2xl mx-auto">Sürpriz sözleşmeler veya taahhüt yok, hosting paketlerinde 30 günlük ticari iade imkânı var. Projenizi yeni nesil altyapımıza ücretsiz ve kesintisiz biz taşıyalım.</p>
1713        <div class="flex flex-wrap justify-center gap-4">
1714          <a href="#fiyatlandirma" class="bg-white text-brand-700 hover:bg-brand-50 font-bold px-9 py-4 rounded-xl transition-all duration-200 inline-flex items-center gap-2">
1715            Paketleri Gör
1716            <svg viewBox="0 0 24 24" class="w-5 h-5 fill-current" aria-hidden="true"><path d="M10 17l5-5-5-5v10z"/></svg>
1717          </a>
1718          <a href="#iletisim" class="border border-white/70 text-white hover:bg-white/10 font-semibold px-8 py-4 rounded-xl transition-all duration-200">Satışla İletişime Geç</a>
1719        </div>
1720      </div>
1721    </div>
1722  </div>
1723</section>
vendor: 112 bytes, lines 1723-1725
1723
1724
1725  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1725<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"WooCommerce için hosting mi, Premium VDS mi seçmeliyim?","acceptedAnswer":{"@type":"Answer","text":"Başlangıç veya düşük trafikli mağazalar için hosting yeterli olabilir. Yoğun ziyaretçi, büyük ürün kataloğu, özel entegrasyonlar veya yüksek veritabanı kullanımı varsa kaynak ihtiyacını ölçüp Premium VDS değerlendirin. En doğru seçim CPU/RAM kullanımı ve sayfa yanıt sürelerine göre yapılır."}},{"@type":"Question","name":"Ne zaman fiziksel sunucuya geçmeliyim?","acceptedAnswer":{"@type":"Answer","text":"Kendi sanallaştırma altyapınızı kuracaksanız, sürekli yüksek CPU/RAM kullanıyorsanız, özel disk topolojisi veya donanım düzeyinde tahsis gerekiyorsa fiziksel sunucuyu değerlendirin. İşlemci modeli, RAM, NVMe/RAID, ağ ve teslim kapsamını teklif üzerinde yazılı olarak doğrulayın."}}]}</script>
1725
1726</main>
1727
1728<!-- ============================================================
1729     FOOTER
1730     ============================================================ -->
1731<footer id="iletisim" class="bg-ink-900 text-slate-300 pt-16 pb-8 px-4 scroll-mt-20" role="contentinfo">
1732  <div class="max-w-7xl mx-auto">
1733<div class="footer-columns mb-12">
1734      <!-- Marka + iletişim -->
1735      <div class="footer-brand">
1736        <div class="flex items-center mb-4">
1737          <picture>
1738            <source srcset="assets/img/logo.webp" type="image/webp">
1739            <img src="assets/img/logo.png" alt="Yalnız Bilişim Teknolojileri" class="h-12 w-auto brightness-0 invert" width="360" height="99" loading="lazy" decoding="async" />
1740          </picture>
1741        </div>
1742        <p class="text-sm text-slate-400 leading-relaxed mb-5 max-w-xs">Web hosting, VPS, VDS ve fiziksel sunucu çözümleriyle işletmenizi güçlü, hızlı ve güvenli altyapıya taşıyoruz.</p>
1743        <ul class="space-y-2 text-sm text-slate-400">
1744          <li class="flex items-center gap-2"><svg viewBox="0 0 24 24" class="w-4 h-4 fill-brand-300 flex-shrink-0" aria-hidden="true"><path d="M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1-9.4 0-17-7.6-17-17 0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z"/></svg><a href="tel:+908503094486" class="hover:text-white transition-colors">0850 309 44 86</a></li>
1745          <li class="flex items-center gap-2"><svg viewBox="0 0 24 24" class="w-4 h-4 fill-brand-300 flex-shrink-0" aria-hidden="true"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg><a href="/cdn-cgi/l/email-protection#224b4c444d625b434e4c4b580c4c4756" class="hover:text-white transition-colors"><span class="__cf_email__" data-cfemail="d8b1b6beb798a1b9b4b6b1a2f6b6bdac">[email&#160;protected]</span></a></li>
1746          <li class="flex items-start gap-2"><svg viewBox="0 0 24 24" class="w-4 h-4 fill-brand-300 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1112 6.5a2.5 2.5 0 010 5z"/></svg><a href="/iletisim" class="hover:text-white transition-colors">Turgut Özal Mah. 2192. Sk. 4D/12 Yenimahalle/Ankara</a></li>
1747        </ul>
1748        <div class="flex items-center gap-3 mt-5">
1749          <a href="https://www.instagram.com/yalniznet/" target="_blank" rel="noopener" aria-label="Instagram" class="w-9 h-9 rounded-lg bg-white/5 hover:bg-brand-600 flex items-center justify-center transition-colors"><svg viewBox="0 0 24 24" class="w-4 h-4 fill-slate-300" aria-hidden="true"><path d="M12 2.2c3.2 0 3.6 0 4.9.07 1.2.05 1.8.25 2.2.42.6.2 1 .5 1.4.9.4.4.7.8.9 1.4.17.4.37 1 .42 2.2.07 1.3.07 1.7.07 4.9s0 3.6-.07 4.9c-.05 1.2-.25 1.8-.42 2.2-.2.6-.5 1-.9 1.4-.4.4-.8.7-1.4.9-.4.17-1 .37-2.2.42-1.3.07-1.7.07-4.9.07s-3.6 0-4.9-.07c-1.2-.05-1.8-.25-2.2-.42-.6-.2-1-.5-1.4-.9-.4-.4-.7-.8-.9-1.4-.17-.4-.37-1-.42-2.2-.07-1.3-.07-1.7-.07-4.9s0-3.6.07-4.9c.05-1.2.25-1.8.42-2.2.2-.6.5-1 .9-1.4.4-.4.8-.7 1.4-.9.4-.17 1-.37 2.2-.42 1.3-.07 1.7-.07 4.9-.07zm0 1.8c-3.1 0-3.5 0-4.7.07-1.1.05-1.7.24-2.1.4-.5.2-.9.44-1.3.84-.4.4-.64.8-.84 1.3-.16.4-.35 1-.4 2.1-.07 1.2-.07 1.6-.07 3.7s0 2.5.07 3.7c.05 1.1.24 1.7.4 2.1.2.5.44.9.84 1.3.4.4.8.64 1.3.84.4.16 1 .35 2.1.4 1.2.07 1.6.07 4.7.07s3.5 0 4.7-.07c1.1-.05 1.7-.24 2.1-.4.5-.2.9-.44 1.3-.84.4-.4.64-.8.84-1.3.16-.4.35-1 .4-2.1.07-1.2.07-1.6.07-3.7s0-2.5-.07-3.7c-.05-1.1-.24-1.7-.4-2.1-.2-.5-.44-.9-.84-1.3-.4-.4-.8-.64-1.3-.84-.4-.16-1-.35-2.1-.4-1.2-.07-1.6-.07-4.7-.07zm0 3.1a4.9 4.9 0 110 9.8 4.9 4.9 0 010-9.8zm0 1.8a3.1 3.1 0 100 6.2 3.1 3.1 0 000-6.2zm5.1-.6a1.15 1.15 0 110 2.3 1.15 1.15 0 010-2.3z"/></svg></a>
1750          <a href="https://www.facebook.com/yalnizbilisim" target="_blank" rel="noopener" aria-label="Facebook" class="w-9 h-9 rounded-lg bg-white/5 hover:bg-brand-600 flex items-center justify-center transition-colors"><svg viewBox="0 0 24 24" class="w-4 h-4 fill-slate-300" aria-hidden="true"><path d="M13.5 21v-8h2.7l.4-3.1h-3.1V7.9c0-.9.25-1.5 1.5-1.5h1.7V3.6c-.3 0-1.3-.1-2.5-.1-2.5 0-4.2 1.5-4.2 4.3v2.1H7.2V13h2.6v8h3.7z"/></svg></a>
1751          <a href="https://www.youtube.com/@yalniznet" target="_blank" rel="noopener" aria-label="YouTube" class="w-9 h-9 rounded-lg bg-white/5 hover:bg-brand-600 flex items-center justify-center transition-colors"><svg viewBox="0 0 24 24" class="w-4 h-4 fill-slate-300" aria-hidden="true"><path d="M23 12s0-3.2-.4-4.7c-.2-.8-.9-1.5-1.7-1.7C19.4 5.2 12 5.2 12 5.2s-7.4 0-8.9.4c-.8.2-1.5.9-1.7 1.7C1 8.8 1 12 1 12s0 3.2.4 4.7c.2.8.9 1.5 1.7 1.7 1.5.4 8.9.4 8.9.4s7.4 0 8.9-.4c.8-.2 1.5-.9 1.7-1.7.4-1.5.4-4.7.4-4.7zM9.8 15.3V8.7l5.7 3.3-5.7 3.3z"/></svg></a>
1752        </div>
1753      </div>
1754
1755      <!-- Hizmetler -->
1756<!-- Kurumsal -->
1757      <nav aria-label="Hosting hizmetleri">
1758        <h3 class="font-semibold text-white text-sm mb-4">Hosting</h3>
1759        <ul class="space-y-2.5 text-sm text-slate-400">
1760          <li><a href="/web-hosting" class="hover:text-white transition-colors">Web Hosting</a></li>
1761          <li><a href="/web-hosting-almanya" class="hover:text-white transition-colors">Almanya Web Hosting</a></li>
1762          <li><a href="/web-hosting-usa" class="hover:text-white transition-colors">Amerika Web Hosting</a></li>
1763          <li><a href="/wordpress-hosting" class="hover:text-white transition-colors">WordPress Hosting</a></li>
1764          <li><a href="/wordpress-hosting-almanya" class="hover:text-white transition-colors">Almanya WordPress</a></li>
1765          <li><a href="/wordpress-hosting-usa" class="hover:text-white transition-colors">Amerika WordPress</a></li>
1766          <li><a href="/premium-hosting" class="hover:text-white transition-colors">Premium Hosting</a></li>
1767          <li><a href="/premium-hosting-almanya" class="hover:text-white transition-colors">Almanya Premium</a></li>
1768          <li><a href="/premium-hosting-usa" class="hover:text-white transition-colors">Amerika Premium</a></li>
1769          <li><a href="/limitsiz-hosting" class="hover:text-white transition-colors">Limitsiz Hosting</a></li>
1770          <li><a href="/limitsiz-hosting-almanya" class="hover:text-white transition-colors">Almanya Limitsiz</a></li>
1771          <li><a href="/limitsiz-hosting-usa" class="hover:text-white transition-colors">Amerika Limitsiz</a></li>
1772          <li><a href="/reseller-hosting" class="hover:text-white transition-colors">Reseller Hosting</a></li>
1773          <li><a href="/reseller-hosting-almanya" class="hover:text-white transition-colors">Almanya Reseller</a></li>
1774          <li><a href="/reseller-hosting-usa" class="hover:text-white transition-colors">Amerika Reseller</a></li>
1775          <li><a href="/premium-reseller-hosting" class="hover:text-white transition-colors">Premium Reseller</a></li>
1776          <li><a href="/premium-reseller-hosting-almanya" class="hover:text-white transition-colors">Almanya Premium Reseller</a></li>
1777          <li><a href="/premium-reseller-hosting-usa" class="hover:text-white transition-colors">Amerika Premium Reseller</a></li>
1778          <li><a href="/kurumsal-eposta" class="hover:text-white transition-colors">Kurumsal E-Posta</a></li>
1779          <li><a href="https://my.yalniz.net/alan-adi" class="hover:text-white transition-colors">Alan Adı</a></li>
1780        </ul>
1781      </nav>
1782      <nav aria-label="Sunucu hizmetleri">
1783        <h3 class="font-semibold text-white text-sm mb-4">Sunucular</h3>
1784        <ul class="space-y-2.5 text-sm text-slate-400">
1785          <li><a href="/vps-sunucu" class="hover:text-white transition-colors">VPS Sunucu</a></li>
1786          <li><a href="/vds-sunucu" class="hover:text-white transition-colors">VDS Sunucu</a></li>
1787          <li><a href="/premium-vds-sunucu" class="hover:text-white transition-colors">Premium VDS</a></li>
1788          <li><a href="/amd-ryzen-vds" class="hover:text-white transition-colors">AMD Ryzen VDS</a></li>
1789          <li><a href="/plesk-vds" class="hover:text-white transition-colors">Plesk VDS</a></li>
1790          <li><a href="/cpanel-vds" class="hover:text-white transition-colors">cPanel VDS</a></li>
1791          <li><a href="/etsy-vds" class="hover:text-white transition-colors">Etsy VDS</a></li>
1792          <li><a href="/amazon-vds" class="hover:text-white transition-colors">Amazon VDS</a></li>
1793          <li><a href="/almanya-lokasyon-sunucu" class="hover:text-white transition-colors">
1793Almanya Sunucu</a></li>
1794          <li><a href="/amerika-lokasyon-sunucu" class="hover:text-white transition-colors">Amerika Sunucu</a></li>
1795          <li><a href="/turkiye-fiziksel-sunucu" class="hover:text-white transition-colors">Türkiye Fiziksel</a></li>
1796          <li><a href="/almanya-fiziksel-sunucu" class="hover:text-white transition-colors">Almanya Fiziksel</a></li>
1797        </ul>
1798      </nav>
1799      <nav aria-label="Kurumsal ve sözleşmeler">
1800        <h3 class="font-semibold text-white text-sm mb-4">Kurumsal</h3>
1801        <ul class="space-y-2.5 text-sm text-slate-400">
1802          <li><a href="/firmamiz-hakkinda" class="hover:text-white transition-colors">Firmamız Hakkında</a></li>
1803          <li><a href="/veri-merkezi" class="hover:text-white transition-colors">Veri Merkezi</a></li>
1804          <li><a href="/banka-hesap-numaralari" class="hover:text-white transition-colors">Banka Hesapları</a></li>
1805          <li><a href="/iletisim" class="hover:text-white transition-colors">İletişim</a></li>
1806          <li><a href="/blog" class="hover:text-white transition-colors">Blog</a></li>
1807          <li><a href="https://lg.yalniz.net" target="_blank" rel="noopener" class="hover:text-white transition-colors">Looking Glass</a></li>
1808          <li><a href="https://status.yalniz.net" target="_blank" rel="noopener" class="hover:text-white transition-colors">Sistem Durumu</a></li>
1809          <li><a href="/gizlilik-sozlesmesi" class="hover:text-white transition-colors">Gizlilik Sözleşmesi</a></li>
1810          <li><a href="/kvkk-metni" class="hover:text-white transition-colors">KVKK Metni</a></li>
1811          <li><a href="/acik-riza-metni" class="hover:text-white transition-colors">Açık Rıza Metni</a></li>
1812          <li>
1812<a href="/hizmet-iade-sozlesmesi" class="hover:text-white transition-colors">Hizmet ve İade</a></li>
1813          <li><a href="/mesafeli-satis-sozlesmesi" class="hover:text-white transition-colors">Mesafeli Satış</a></li>
1814        </ul>
1815      </nav>
1816    </div>
1817
1818    <!-- Ödeme yöntemleri -->
1819    <div class="border-t border-white/10 pt-8 flex flex-col md:flex-row md:items-center md:justify-between gap-6">
1820      <div>
1821        <p class="text-xs uppercase tracking-widest text-slate-400 mb-3">Güvenli Ödeme Yöntemleri</p>
1822        <div class="flex flex-wrap items-center gap-3">
1823          <!-- Visa -->
1824          <div class="pay-icon bg-white rounded-md px-3 h-9 flex items-center" aria-label="Visa">
1825            <svg viewBox="0 0 48 16" class="h-3.5" aria-hidden="true"><text x="0" y="13" font-family="Arial" font-weight="bold" font-style="italic" font-size="15" fill="#1A1F71">VISA</text></svg>
1826          </div>
1827          <!-- Mastercard -->
1828          <div class="pay-icon bg-white rounded-md px-3 h-9 flex items-center gap-0" aria-label="Mastercard">
1829            <svg viewBox="0 0 36 24" class="h-5" aria-hidden="true"><circle cx="14" cy="12" r="9" fill="#EB001B"/><circle cx="24" cy="12" r="9" fill="#F79E1B" fill-opacity="0.9"/></svg>
1830          </div>
1831          <!-- Troy -->
1832          <div class="pay-icon bg-white rounded-md px-3 h-9 flex items-center" aria-label="Troy">
1833            <svg viewBox="0 0 52 16" class="h-3.5" aria-hidden="true"><text x="0" y="13" font-family="Arial" font-weight="bold" font-size="14" fill="#00AEEF">troy</text></svg>
1834          </div>
1835          <!-- Havale / EFT -->
1836          <div class="pay-icon bg-white rounded-md px-3 h-9 flex items-center gap-1.5" aria-label="Havale / EFT">
1837            <svg viewBox="0 0 24 24" class="w-4 h-4 fill-ink-700" aria-hidden="true"><path d="M11.5 1L2 6v2h19V6l-9.5-5zM4 10v7H2v2h19v-2h-2v-7h-2v7h-3v-7h-2v7h-3v-7H6v7H4v-7z"/></svg>
1838            <span class="text-xs font-semibold text-ink-700">Havale / EFT</span>
1839          </div>
1840          <!-- Iyzico -->
1841        </div>
1842      </div>
1843      <a href="#hero-h1" class="self-start md:self-center inline-flex items-center gap-2 text-sm text-slate-400 hover:text-white transition-colors">
1844        Başa dön
1845        <svg viewBox="0 0 24 24" class="w-4 h-4 fill-current" aria-hidden="true"><path d="M7 14l5-5 5 5z"/></svg>
1846      </a>
1847    </div>
1848
1849    <!-- Alt bilgi -->
1850    <div class="border-t border-white/10 mt-8 pt-6 flex flex-col md:flex-row justify-between items-center gap-4">
1851      <p class="text-xs text-slate-400 text-center md:text-left">© 2026 Yalnız Bilişim Teknolojileri Tic. Ltd. Şti. · Tüm hakları saklıdır.</p>
1852      <div class="flex flex-wrap justify-center gap-5 text-xs text-slate-400">
1853        <a href="/gizlilik-sozlesmesi" class="hover:text-slate-300 transition-colors">Gizlilik Politikası</a>
1854        <a href="/hizmet-iade-sozlesmesi" class="hover:text-slate-300 transition-colors">Kullanım Koşulları</a>
1855        <a href="/kvkk-metni" class="hover:text-slate-300 transition-colors">KVKK Aydınlatma Metni</a>
1856        <a href="/mesafeli-satis-sozlesmesi" class="hover:text-slate-300 transition-colors">Mesafeli Satış Sözleşmesi</a>
1857      </div>
1858    </div>
1859  </div>
1860</footer>
1861
1862<!-- WhatsApp Floating Button (üstte — Tawk.to'nun yukarısında) -->
1863<a href="https://wa.me/908503094486?text=Merhaba%2C%20bilgi%20almak%20istiyorum." target="_blank" rel="noopener" aria-label="WhatsApp ile yazışın"
1864   class="fixed bottom-20 right-5 z-50 group flex items-center gap-2 bg-[#25D366] hover:bg-[#1ebe57] text-white rounded-full shadow-lg hover:shadow-2xl transition-all duration-200 hover:gap-3 px-4 py-3">
1865  <svg viewBox="0 0 32 32" class="w-7 h-7 fill-current flex-shrink-0" aria-hidden="true">
1866    <path d="M16.001 3C9.373 3 4 8.373 4 15c0 2.42.71 4.671 1.937 6.563L4 29l7.687-1.906A12.953 12.953 0 0016.001 28c6.628 0 12-5.373 12-12s-5.372-13-12-13zm0 22a10.94 10.94 0 01-5.594-1.531l-.4-.235-4.563 1.125 1.156-4.437-.265-.422A10.94 10.94 0 015 15c0-6.063 4.937-11 11-11s11 4.937 11 11-4.937 10-10.999 10zm6.063-7.469c-.328-.156-1.953-.969-2.25-1.078-.297-.109-.516-.156-.734.156-.218.328-.844 1.078-1.031 1.297-.188.218-.391.234-.719.078-.328-.156-1.391-.516-2.65-1.641-.984-.875-1.65-1.953-1.844-2.281-.188-.328-.02-.5.141-.656.141-.141.328-.375.484-.563.156-.188.218-.328.328-.531.109-.218.062-.406-.031-.563-.094-.156-.734-1.781-1.016-2.438-.266-.625-.547-.547-.734-.547h-.625c-.218 0-.563.094-.859.406-.297.328-1.125 1.094-1.125 2.672 0 1.578 1.156 3.094 1.313 3.297.156.218 2.281 3.484 5.531 4.891 3.25 1.406 3.25.938 3.844.875.594-.062 1.938-.797 2.219-1.563.281-.766.281-1.422.188-1.563-.094-.141-.297-.218-.625-.375z"/>
1867  </svg>
1868  <span class="font-semibold text-sm whitespace-nowrap hidden md:inline">WhatsApp ile Yazın</span>
1869</a>
1870
1871
1872<!-- ============================================================
1873     ALAN ADI WIDGET'I — yalnızca bu sayfada olduğu için sayfa içinde.
1874     Paylaşılan davranışlar assets/nav.js içinde.
1875     ============================================================ -->
vendor: 109 bytes, lines 1875-1876
1875
1876<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1876<script type="d4b4b2a9eaff6dedabfacb06-text/javascript">
1877  (function () {
1878    "use strict";
1879    var kap = document.getElementById('tld-cipleri');
1880    var secim = document.getElementById('domain-tld');
1881    var kutu = document.getElementById('domain-query');
1882    if (!kap || !secim) return;
1883
1884    var cipler = kap.querySelectorAll('.tld-chip[data-tld]');
1885
1886    function isaretle(secili) {
1887      cipler.forEach(function (c) {
1888        c.setAttribute('aria-pressed', c.getAttribute('data-tld') === secili ? 'true' : 'false');
1889      });
1890    }
1891
1892    kap.addEventListener('click', function (e) {
1893      var cip = e.target.closest('.tld-chip[data-tld]');
1894      if (!cip) return;
1895      var tld = cip.getAttribute('data-tld');
1896      secim.value = tld;
1897      isaretle(tld);
1898      // Uzantı seçildikten sonra sıradaki adım alan adını yazmak
1899      if (kutu) kutu.focus();
1900    });
1901
1902    // Kullanıcı listeden seçerse çipler de güncellensin
1903    secim.addEventListener('change', function () { isaretle(secim.value); });
1904
1905    isaretle(secim.value);
1906  })();
1907</script>
vendor: 144 bytes, lines 1907-1909
1907
1908
1909<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="d4b4b2a9eaff6dedabfacb06-|49" defer></script>
1909<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a473a62cbaccda16',t:'MTc5MTQ0NjgxNg=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
1909<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"59cff244fc6a4a999553a70f9e982b11","r":1,"spa":2}' crossorigin="anonymous"></script>
1909
1910</body>
1911</html>
1912

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