<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <title>Nevşehir Web Tasarım</title>
    <meta name="description" content="Nevşehir'in dijital çözüm ortağı. İşletmeniz için şık, hızlı ve Google uyumlu web tasarım hizmetleri. nevsehir.web.tr ile rakiplerinizin önüne geçin.">
    <link rel="canonical" href="https://www.nevsehir.web.tr/50-haber/feed/" />
    
            <link rel="icon" href="https://nevsehir.web.tr/medya/uploads/img-6983193b507c6.webp" type="image/png">
    
    <meta name="google-site-verification" content="cSmwpuZr1zZ71qVMBoW-I_jP9gZrV13ewv4h1xtjNp4" />
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "LocalBusiness",
      "name": "Nevşehir Web Tasarım",
      "image": "https://nevsehir.web.tr/medya/uploads/",
      "telephone": "0555 103 35 33",
      "email": "bilgi@nevsehir.web.tr",
      "url": "https://nevsehir.web.tr"
    }
    </script>

    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    
    <script src="https://cdn.tailwindcss.com?plugins=typography"></script>
    
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: { primary: {"50":"#f0fdfa","100":"#ccfbf1","200":"#99f6e4","300":"#5eead4","400":"#2dd4bf","500":"#14b8a6","600":"#0d9488","700":"#0f766e","800":"#115e59","900":"#134e4a"} }
                }
            }
        }
    </script>
    <style>
        body { font-family: 'Inter', sans-serif; }
        #mobile-menu { transition: max-height 0.3s ease-in-out; max-height: 0; overflow: hidden; }
        #mobile-menu.open { max-height: 400px; }
        
        .prose p { margin-bottom: 1.5em !important; }
        .prose h3 { margin-top: 2em !important; margin-bottom: 1em !important; font-weight: bold; }
        .prose ul { list-style-type: disc; padding-left: 1.5em; margin-bottom: 1.5em; }
    </style>
</head>
<body class="bg-gray-50 text-gray-800 flex flex-col min-h-screen">

<header class="bg-white shadow-md sticky top-0 z-50">
    <div class="container mx-auto px-4 h-20 flex justify-between items-center">
        <a href="https://nevsehir.web.tr" class="flex items-center gap-2">
                            <div class="h-10 w-10 bg-primary-600 rounded-lg flex items-center justify-center text-white font-bold text-xl 
                            transform transition-all duration-300 hover:scale-110 hover:-rotate-6 hover:shadow-xl cursor-pointer">
                    N                </div>
                <span class="text-xl font-bold text-gray-800 tracking-tight uppercase tracking-widest">Nevşehir Web Tasarım</span>
                    </a>

        <nav class="hidden md:flex space-x-8">
                            <a href="https://nevsehir.web.tr" class="text-sm font-semibold text-gray-600 hover:text-primary-600 transition relative group">
                    Anasayfa                    <span class="absolute bottom-0 left-0 w-0 h-0.5 bg-primary-600 transition-all group-hover:w-full"></span>
                </a>
                            <a href="https://nevsehir.web.tr/hakkimizda" class="text-sm font-semibold text-gray-600 hover:text-primary-600 transition relative group">
                    Hakkımızda                    <span class="absolute bottom-0 left-0 w-0 h-0.5 bg-primary-600 transition-all group-hover:w-full"></span>
                </a>
                            <a href="https://nevsehir.web.tr/hizmetler" class="text-sm font-semibold text-gray-600 hover:text-primary-600 transition relative group">
                    Hizmetlerimiz                    <span class="absolute bottom-0 left-0 w-0 h-0.5 bg-primary-600 transition-all group-hover:w-full"></span>
                </a>
                            <a href="https://nevsehir.web.tr/urunler" class="text-sm font-semibold text-gray-600 hover:text-primary-600 transition relative group">
                    Ürünler                    <span class="absolute bottom-0 left-0 w-0 h-0.5 bg-primary-600 transition-all group-hover:w-full"></span>
                </a>
                            <a href="https://nevsehir.web.tr/blog" class="text-sm font-semibold text-gray-600 hover:text-primary-600 transition relative group">
                    Blog                    <span class="absolute bottom-0 left-0 w-0 h-0.5 bg-primary-600 transition-all group-hover:w-full"></span>
                </a>
                            <a href="https://nevsehir.web.tr/iletisim" class="text-sm font-semibold text-gray-600 hover:text-primary-600 transition relative group">
                    İletişim                    <span class="absolute bottom-0 left-0 w-0 h-0.5 bg-primary-600 transition-all group-hover:w-full"></span>
                </a>
                    </nav>

        <div class="hidden md:flex items-center gap-4">
            <a href="tel:0555 103 35 33" class="text-gray-500 hover:text-primary-600 font-bold text-sm flex items-center gap-1">
                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path></svg>
                0555 103 35 33            </a>
            <a href="https://nevsehir.web.tr/iletisim" class="bg-primary-600 hover:bg-primary-700 text-white px-5 py-2.5 rounded-lg font-bold text-sm transition shadow-lg shadow-primary-500/30">
                Teklif Al
            </a>
        </div>

        <button id="menu-btn" class="md:hidden text-gray-700 p-2">
            <svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path></svg>
        </button>
    </div>
    
    <div id="mobile-menu" class="bg-white border-t md:hidden absolute w-full shadow-xl">
        <nav class="flex flex-col p-4 space-y-2 font-medium text-gray-700">
                            <a href="https://nevsehir.web.tr" class="block px-4 py-2 hover:bg-gray-50 hover:text-primary-600 rounded-lg">Anasayfa</a>
                            <a href="https://nevsehir.web.tr/hakkimizda" class="block px-4 py-2 hover:bg-gray-50 hover:text-primary-600 rounded-lg">Hakkımızda</a>
                            <a href="https://nevsehir.web.tr/hizmetler" class="block px-4 py-2 hover:bg-gray-50 hover:text-primary-600 rounded-lg">Hizmetlerimiz</a>
                            <a href="https://nevsehir.web.tr/urunler" class="block px-4 py-2 hover:bg-gray-50 hover:text-primary-600 rounded-lg">Ürünler</a>
                            <a href="https://nevsehir.web.tr/blog" class="block px-4 py-2 hover:bg-gray-50 hover:text-primary-600 rounded-lg">Blog</a>
                            <a href="https://nevsehir.web.tr/iletisim" class="block px-4 py-2 hover:bg-gray-50 hover:text-primary-600 rounded-lg">İletişim</a>
                        <a href="https://nevsehir.web.tr/iletisim" class="block px-4 py-2 mt-2 bg-primary-50 text-primary-700 font-bold rounded-lg text-center">Teklif Al</a>
        </nav>
    </div>
</header>
<main class="flex-grow">
<div class="flex flex-col items-center justify-center min-h-[70vh] text-center px-4 py-10 bg-gray-50">

    <div class="max-w-2xl w-full">
                    <h1 class="text-9xl font-bold text-red-200 animate-pulse">404</h1>
        
        <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mt-4 mb-4 uppercase tracking-wide">
            Sayfa Bulunamadı        </h2>
        
        <p class="text-gray-500 mb-10 text-lg max-w-md mx-auto">
                    </p>

        <div class="flex flex-col sm:flex-row justify-center gap-4">
            <a href="https://nevsehir.web.tr" class="bg-red-600 hover:bg-red-700 text-white px-8 py-3 rounded-full font-bold transition shadow-lg transform hover:scale-105">
                Anasayfaya Dön
            </a>
            <a href="https://nevsehir.web.tr/iletisim" class="border-2 border-gray-300 hover:border-gray-400 hover:bg-gray-100 text-gray-700 px-8 py-3 rounded-full font-bold transition">
                İletişim
            </a>
        </div>
    </div>

</div></main>

        

<footer class="bg-gray-900 text-gray-400 py-16 mt-auto border-t-4 border-primary-600">
    <div class="container mx-auto px-4">
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12">
            <div>
                <h4 class="text-white text-xl font-bold mb-6">Nevşehir Web Tasarım</h4>
                <p class="mb-6 leading-relaxed text-sm opacity-80">Nevşehir'in dijital çözüm ortağı. İşletmeniz için şık, hızlı ve Google uyumlu web tasarım hizmetleri. nevsehir.web.tr ile rakiplerinizin önüne geçin.</p>
                <div class="flex gap-4">
                    <a href="https://www.facebook.com/zihinbuzz" class="bg-gray-800 p-2 rounded hover:bg-primary-600 hover:text-white transition"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path></svg></a>
                    <a href="https://www.instagram.com/zihinbuzz" class="bg-gray-800 p-2 rounded hover:bg-primary-600 hover:text-white transition"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg></a>
                </div>
            </div>

            <div>
                <h4 class="text-white font-bold mb-6">Hızlı Erişim</h4>
                <ul class="space-y-3 text-sm">
                    <li><a href="https://nevsehir.web.tr" class="hover:text-primary-500 transition">Anasayfa</a></li>
                    <li><a href="https://nevsehir.web.tr/hizmetler" class="hover:text-primary-500 transition">Hizmetlerimiz</a></li>
                    <li><a href="https://nevsehir.web.tr/blog" class="hover:text-primary-500 transition">Blog & Haberler</a></li>
                    <li><a href="https://nevsehir.web.tr/iletisim" class="hover:text-primary-500 transition">İletişim</a></li>
                </ul>
            </div>

            <div>
                <h4 class="text-white font-bold mb-6">Hizmetler</h4>
                <ul class="space-y-3 text-sm">
                                            <li><a href="https://nevsehir.web.tr/hizmet/kurumsal-web-tasarim" class="hover:text-primary-500 transition flex items-center gap-2"><span class="w-1.5 h-1.5 bg-primary-600 rounded-full"></span> Kurumsal Web Tasarım</a></li>
                                            <li><a href="https://nevsehir.web.tr/hizmet/e-ticaret-cozumleri" class="hover:text-primary-500 transition flex items-center gap-2"><span class="w-1.5 h-1.5 bg-primary-600 rounded-full"></span> E-Ticaret Çözümleri</a></li>
                                            <li><a href="https://nevsehir.web.tr/hizmet/ozel-web-yazilim-gelistirme" class="hover:text-primary-500 transition flex items-center gap-2"><span class="w-1.5 h-1.5 bg-primary-600 rounded-full"></span> Özel Web Yazılım Geliştirme</a></li>
                                            <li><a href="https://nevsehir.web.tr/hizmet/ui-ux-arayuz-tasarimi" class="hover:text-primary-500 transition flex items-center gap-2"><span class="w-1.5 h-1.5 bg-primary-600 rounded-full"></span> UI/UX Arayüz Tasarımı</a></li>
                                            <li><a href="https://nevsehir.web.tr/hizmet/seo-arama-motoru-optimizasyonu" class="hover:text-primary-500 transition flex items-center gap-2"><span class="w-1.5 h-1.5 bg-primary-600 rounded-full"></span> SEO (Arama Motoru Optimizasyonu)</a></li>
                                    </ul>
            </div>

            <div>
                <h4 class="text-white font-bold mb-6">Bize Ulaşın</h4>
                <ul class="space-y-4 text-sm">
                    <li class="flex items-start gap-3">
                        <span class="text-primary-500 mt-1">📍</span>
                        <span>Üniversite Teknoloji Geliştirme Bölgesi - <strong class="text-white">Nevşehir</strong></span>
                    </li>
                    <li class="flex items-center gap-3">
                        <span class="text-primary-500">📞</span>
                        <a href="tel:0555 103 35 33" class="hover:text-white">0555 103 35 33</a>
                    </li>
                    <li class="flex items-center gap-3">
                        <span class="text-primary-500">✉️</span>
                        <a href="mailto:bilgi@nevsehir.web.tr" class="hover:text-white">bilgi@nevsehir.web.tr</a>
                    </li>
                </ul>
            </div>
        </div>
        
                <div class="border-t border-gray-800 mt-10 pt-8">
            <div class="mb-4">
                <h4 class="font-bold text-primary-400 text-lg text-center md:text-left">Yerel Hizmet Bölgelerimiz</h4>
                <p class="text-xs text-gray-500"><strong>Nevşehir</strong> il genelindeki tüm işletmelere profesyonel dijital çözümler sunuyoruz.</p>
            </div>
        
            <div class="flex flex-wrap gap-2">
                                    <a href="https://nevsehir.web.tr/ilce/acigol-web-tasarim" 
                       title="Acıgöl Web Tasarım"
                       class="text-[11px] font-medium px-3 py-1.5 rounded-lg bg-gray-800/50 border border-gray-700 
                              text-gray-400 hover:text-white hover:bg-primary-600 hover:border-primary-500 
                              transition-all duration-300">
                        #Acıgöl                    </a>
                                    <a href="https://nevsehir.web.tr/ilce/avanos-web-tasarim" 
                       title="Avanos Web Tasarım"
                       class="text-[11px] font-medium px-3 py-1.5 rounded-lg bg-gray-800/50 border border-gray-700 
                              text-gray-400 hover:text-white hover:bg-primary-600 hover:border-primary-500 
                              transition-all duration-300">
                        #Avanos                    </a>
                                    <a href="https://nevsehir.web.tr/ilce/derinkuyu-web-tasarim" 
                       title="Derinkuyu Web Tasarım"
                       class="text-[11px] font-medium px-3 py-1.5 rounded-lg bg-gray-800/50 border border-gray-700 
                              text-gray-400 hover:text-white hover:bg-primary-600 hover:border-primary-500 
                              transition-all duration-300">
                        #Derinkuyu                    </a>
                                    <a href="https://nevsehir.web.tr/ilce/gulsehir-web-tasarim" 
                       title="Gülşehir Web Tasarım"
                       class="text-[11px] font-medium px-3 py-1.5 rounded-lg bg-gray-800/50 border border-gray-700 
                              text-gray-400 hover:text-white hover:bg-primary-600 hover:border-primary-500 
                              transition-all duration-300">
                        #Gülşehir                    </a>
                                    <a href="https://nevsehir.web.tr/ilce/hacibektas-web-tasarim" 
                       title="Hacıbektaş Web Tasarım"
                       class="text-[11px] font-medium px-3 py-1.5 rounded-lg bg-gray-800/50 border border-gray-700 
                              text-gray-400 hover:text-white hover:bg-primary-600 hover:border-primary-500 
                              transition-all duration-300">
                        #Hacıbektaş                    </a>
                                    <a href="https://nevsehir.web.tr/ilce/kozakli-web-tasarim" 
                       title="Kozaklı Web Tasarım"
                       class="text-[11px] font-medium px-3 py-1.5 rounded-lg bg-gray-800/50 border border-gray-700 
                              text-gray-400 hover:text-white hover:bg-primary-600 hover:border-primary-500 
                              transition-all duration-300">
                        #Kozaklı                    </a>
                                    <a href="https://nevsehir.web.tr/ilce/urgup-web-tasarim" 
                       title="Ürgüp Web Tasarım"
                       class="text-[11px] font-medium px-3 py-1.5 rounded-lg bg-gray-800/50 border border-gray-700 
                              text-gray-400 hover:text-white hover:bg-primary-600 hover:border-primary-500 
                              transition-all duration-300">
                        #Ürgüp                    </a>
                            </div>
        </div>
                
                <div class="border-t border-gray-800 mt-10 pt-8 pb-4">
            <div class="flex flex-col md:flex-row items-center justify-between gap-4 mb-4">
                <div class="text-center md:text-left">
                    <h4 class="font-bold text-primary-300 text-lg">Bölgesel Çözüm Ağımız</h4>
                    <p class="text-xs text-gray-500">İç Anadolu bölgesindeki diğer dijital hizmet noktalarımız.</p>
                </div>
                
                <div class="hidden md:block opacity-30">
                    <svg class="w-16 h-16 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z M13 13l6 6"></path> </svg>
                </div>
            </div>
        
            <div class="flex flex-wrap justify-center md:justify-start gap-3">
                                                        <a href="https://corum.web.tr" target="_blank" 
                       class="group flex items-center gap-2 px-4 py-2 rounded-xl bg-gray-800 border border-gray-700 
                              hover:border-primary-500 hover:bg-gray-700/50 
                              transition-all duration-300 transform hover:-translate-y-1 hover:shadow-lg hover:shadow-primary-900/20">
                        
                        <span class="flex items-center justify-center w-6 h-6 rounded-full bg-gray-700 group-hover:bg-primary-500/20 transition-colors">
                            <svg class="w-3.5 h-3.5 text-gray-400 group-hover:text-primary-500 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path>
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path>
                            </svg>
                        </span>
                        
                        <span class="text-sm font-medium text-gray-300 group-hover:text-white transition-colors">
                            Corum.web.tr                        </span>
                        
                        <svg class="w-3 h-3 text-gray-600 group-hover:text-primary-400 opacity-0 group-hover:opacity-100 transition-all -ml-1 group-hover:ml-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>
                    </a>
                                                        <a href="https://yozgat.web.tr" target="_blank" 
                       class="group flex items-center gap-2 px-4 py-2 rounded-xl bg-gray-800 border border-gray-700 
                              hover:border-primary-500 hover:bg-gray-700/50 
                              transition-all duration-300 transform hover:-translate-y-1 hover:shadow-lg hover:shadow-primary-900/20">
                        
                        <span class="flex items-center justify-center w-6 h-6 rounded-full bg-gray-700 group-hover:bg-primary-500/20 transition-colors">
                            <svg class="w-3.5 h-3.5 text-gray-400 group-hover:text-primary-500 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path>
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path>
                            </svg>
                        </span>
                        
                        <span class="text-sm font-medium text-gray-300 group-hover:text-white transition-colors">
                            Yozgat.web.tr                        </span>
                        
                        <svg class="w-3 h-3 text-gray-600 group-hover:text-primary-400 opacity-0 group-hover:opacity-100 transition-all -ml-1 group-hover:ml-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>
                    </a>
                                                        <a href="https://tokat.web.tr" target="_blank" 
                       class="group flex items-center gap-2 px-4 py-2 rounded-xl bg-gray-800 border border-gray-700 
                              hover:border-primary-500 hover:bg-gray-700/50 
                              transition-all duration-300 transform hover:-translate-y-1 hover:shadow-lg hover:shadow-primary-900/20">
                        
                        <span class="flex items-center justify-center w-6 h-6 rounded-full bg-gray-700 group-hover:bg-primary-500/20 transition-colors">
                            <svg class="w-3.5 h-3.5 text-gray-400 group-hover:text-primary-500 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path>
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path>
                            </svg>
                        </span>
                        
                        <span class="text-sm font-medium text-gray-300 group-hover:text-white transition-colors">
                            Tokat.web.tr                        </span>
                        
                        <svg class="w-3 h-3 text-gray-600 group-hover:text-primary-400 opacity-0 group-hover:opacity-100 transition-all -ml-1 group-hover:ml-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>
                    </a>
                                                        <a href="https://kirikkale.web.tr" target="_blank" 
                       class="group flex items-center gap-2 px-4 py-2 rounded-xl bg-gray-800 border border-gray-700 
                              hover:border-primary-500 hover:bg-gray-700/50 
                              transition-all duration-300 transform hover:-translate-y-1 hover:shadow-lg hover:shadow-primary-900/20">
                        
                        <span class="flex items-center justify-center w-6 h-6 rounded-full bg-gray-700 group-hover:bg-primary-500/20 transition-colors">
                            <svg class="w-3.5 h-3.5 text-gray-400 group-hover:text-primary-500 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path>
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path>
                            </svg>
                        </span>
                        
                        <span class="text-sm font-medium text-gray-300 group-hover:text-white transition-colors">
                            Kirikkale.web.tr                        </span>
                        
                        <svg class="w-3 h-3 text-gray-600 group-hover:text-primary-400 opacity-0 group-hover:opacity-100 transition-all -ml-1 group-hover:ml-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>
                    </a>
                                                        <a href="https://nigde.web.tr" target="_blank" 
                       class="group flex items-center gap-2 px-4 py-2 rounded-xl bg-gray-800 border border-gray-700 
                              hover:border-primary-500 hover:bg-gray-700/50 
                              transition-all duration-300 transform hover:-translate-y-1 hover:shadow-lg hover:shadow-primary-900/20">
                        
                        <span class="flex items-center justify-center w-6 h-6 rounded-full bg-gray-700 group-hover:bg-primary-500/20 transition-colors">
                            <svg class="w-3.5 h-3.5 text-gray-400 group-hover:text-primary-500 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path>
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path>
                            </svg>
                        </span>
                        
                        <span class="text-sm font-medium text-gray-300 group-hover:text-white transition-colors">
                            Nigde.web.tr                        </span>
                        
                        <svg class="w-3 h-3 text-gray-600 group-hover:text-primary-400 opacity-0 group-hover:opacity-100 transition-all -ml-1 group-hover:ml-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>
                    </a>
                            </div>
        </div>
                
        <div class="border-t border-gray-800 mt-8 pt-8 text-center text-xs text-gray-600">
            &copy; 2026 Nevşehir Web Tasarım. Tüm hakları saklıdır.
        </div>
    </div>
</footer>
<div class="fixed bottom-6 left-6 z-[60]">
    <button onclick="toggleContactHub()" class="bg-green-500 text-white p-4 rounded-full shadow-lg hover:bg-green-600 transition animate-bounce flex items-center gap-2 group">
        <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24"><path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.017-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.095 3.2 5.076 4.487 2.982 1.288 2.982.858 3.527.809.544-.05 1.758-.718 2.006-1.413.248-.695.248-1.29.173-1.414z"/></svg>
        <span class="hidden md:inline font-bold text-sm">İletişim Hattı</span>
    </button>

    <div id="contactHubModal" class="hidden absolute bottom-20 left-0 w-80 bg-white rounded-2xl shadow-2xl border border-gray-100 overflow-hidden transform transition-all scale-95 opacity-0 origin-bottom-left">
        <div class="bg-gradient-to-r from-green-600 to-green-500 p-5 text-white">
            <h3 class="font-bold text-lg">Merhaba! 👋</h3>
            <p class="text-xs opacity-90 mt-1">Nevşehir Web Tasarım ekibi olarak size nasıl yardımcı olabiliriz?</p>
        </div>
        <div class="p-3 flex flex-col gap-2">
            
            <a href="https://wa.me/9005551033533?text=Merhaba Nev%C5%9Fehir+Web+Tasar%C4%B1m, satış departmanı ile görüşmek istiyorum." target="_blank" class="flex items-center gap-3 p-3 hover:bg-gray-50 rounded-xl transition border border-transparent hover:border-green-100 group">
                <div class="bg-blue-100 text-blue-600 p-2.5 rounded-full group-hover:scale-110 transition-transform">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path></svg>
                </div>
                <div>
                    <div class="font-bold text-gray-800 text-sm">Satış Departmanı</div>
                    <div class="text-[11px] text-gray-500">Ürünler, fiyatlar ve teklifler</div>
                </div>
                <div class="ml-auto text-gray-300">
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
                </div>
            </a>

            <a href="https://wa.me/9005551033533?text=Merhaba Nev%C5%9Fehir+Web+Tasar%C4%B1m, teknik destek almak istiyorum." target="_blank" class="flex items-center gap-3 p-3 hover:bg-gray-50 rounded-xl transition border border-transparent hover:border-green-100 group">
                <div class="bg-orange-100 text-orange-600 p-2.5 rounded-full group-hover:scale-110 transition-transform">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"></path></svg>
                </div>
                <div>
                    <div class="font-bold text-gray-800 text-sm">Teknik Destek</div>
                    <div class="text-[11px] text-gray-500">Kurulum, arıza ve sorunlar</div>
                </div>
                <div class="ml-auto text-gray-300">
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
                </div>
            </a>

            <a href="https://wa.me/9005551033533?text=Merhaba Nev%C5%9Fehir+Web+Tasar%C4%B1m, genel bilgi almak istiyorum." target="_blank" class="flex items-center gap-3 p-3 hover:bg-gray-50 rounded-xl transition border border-transparent hover:border-green-100 group">
                <div class="bg-purple-100 text-purple-600 p-2.5 rounded-full group-hover:scale-110 transition-transform">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
                </div>
                <div>
                    <div class="font-bold text-gray-800 text-sm">Genel Bilgi / Diğer</div>
                    <div class="text-[11px] text-gray-500">Muhasebe ve diğer konular</div>
                </div>
                <div class="ml-auto text-gray-300">
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
                </div>
            </a>

        </div>
    </div>
</div>

<script>
    const btn = document.getElementById('menu-btn');
    const menu = document.getElementById('mobile-menu');
    if(btn && menu) {
        btn.addEventListener('click', () => {
            menu.classList.toggle('open');
        });
    }

    function toggleContactHub() {
        const modal = document.getElementById('contactHubModal');
        if(modal.classList.contains('hidden')) {
            modal.classList.remove('hidden');
            setTimeout(() => {
                modal.classList.remove('scale-95', 'opacity-0');
                modal.classList.add('scale-100', 'opacity-100');
            }, 10);
        } else {
            modal.classList.remove('scale-100', 'opacity-100');
            modal.classList.add('scale-95', 'opacity-0');
            setTimeout(() => {
                modal.classList.add('hidden');
            }, 200);
        }
    }

    window.onclick = function(event) {
        const modal = document.getElementById('contactHubModal');
        if (!event.target.closest('.fixed.bottom-6.left-6')) {
            if (!modal.classList.contains('hidden')) {
                modal.classList.remove('scale-100', 'opacity-100');
                modal.classList.add('scale-95', 'opacity-0');
                setTimeout(() => {
                    modal.classList.add('hidden');
                }, 200);
            }
        }
    }
</script>

</body>
</html>