1<!DOCTYPE html><html lang="tr"> <head><meta charset="utf-8"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><title>Travel RS - Sırbistan gezi rehberi | Sırbistan'ı KeÅfedin</title><link rel="canonical" href="https://travel.rs/tr"><meta name="description" content="Otkrijte gradove, mesta, restorane, hotele, manifestacije i skrivene dragulje Srbije i regiona."><meta property="og:title" content="Travel RS - Sırbistan gezi rehberi | Sırbistan'ı KeÅfedin"><meta property="og:description" content="Otkrijte gradove, mesta, restorane, hotele, manifestacije i skrivene dragulje Srbije i regiona."><meta property="og:type" content="website"><meta property="og:url" content="https://travel.rs/tr"><meta property="og:site_name" content="Travel RS"><meta property="og:locale" content="tr_TR"><meta property="og:locale:alternate" content="sr_RS"><meta property="og:locale:alternate" content="en_US"><meta property="og:locale:alternate" content="de_DE"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Travel RS - Sırbistan gezi rehberi | Sırbistan'ı KeÅfedin"><meta name="twitter:description" content="Otkrijte gradove, mesta, restorane, hotele, manifestacije i skrivene dragulje Srbije i regiona."><link rel="alternate" hreflang="sr" href="https://travel.rs/"><link rel="alternate" hreflang="en" href="https://travel.rs/en"><link rel="alternate" hreflang="tr" href="https://travel.rs/tr"><link rel="alternate" hreflang="de" href="https://travel.rs/de"><link rel="alternate" hreflang="x-default" href="https://travel.rs/">
1<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7672189200517881" crossorigin="anonymous"></script>
1<script async src="https://plausible.io/js/pa-NHemDfEZGBOh63Opf7KjD.js"></script>
1<script type="module">window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};plausible.init();</script>
1<link rel="stylesheet" href="/_astro/Base.CuO4X5jO.css"> 2<style>.hero-bg[data-astro-cid-q2zrgpov]{background:linear-gradient(160deg,#3d0808,#7c1212,#4a0a0a)}.stars[data-astro-cid-q2zrgpov]{background-image:radial-gradient(2px 2px at 7% 14%,rgba(255,223,100,.8) 0%,transparent 100%),radial-gradient(2px 2px at 18% 62%,rgba(255,255,255,.65) 0%,transparent 100%),radial-gradient(2px 2px at 28% 30%,rgba(255,223,100,.7) 0%,transparent 100%),radial-gradient(2px 2px at 45% 10%,rgba(255,223,100,.75) 0%,transparent 100%),radial-gradient(2px 2px at 60% 70%,rgba(255,223,100,.65) 0%,transparent 100%),radial-gradient(2px 2px at 75% 55%,rgba(255,223,100,.6) 0%,transparent 100%),radial-gradient(2px 2px at 90% 85%,rgba(255,223,100,.75) 0%,transparent 100%),radial-gradient(3px 3px at 40% 42%,rgba(255,255,255,.7) 0%,transparent 100%),radial-gradient(3px 3px at 72% 5%,rgba(255,223,100,.8) 0%,transparent 100%);background-size:100% 100%} 3</style></head> <body class="bg-[#faf7f2] text-[#1f2933] min-h-screen flex flex-col"> <header class="border-b border-[#e5e0d8] bg-white/80 backdrop-blur-sm sticky top-0 z-40"> <div class="max-w-6xl mx-auto px-4 h-16 flex items-center justify-between gap-4"> <a href="/tr" class="text-xl font-bold tracking-tight shrink-0 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" class="w-7 h-7 sm:hidden"> <path d="M32 4C18.7 4 8 14.7 8 28c0 10.5 6.5 19.5 15.8 23.2L32 60l8.2-8.8C49.5 47.5 56 38.5 56 28 56 14.7 45.3 4 32 4z" fill="#C6363C"></path> <circle cx="32" cy="27" r="13" fill="white"></circle> <circle cx="32" cy="27" r="7" fill="#0C4077"></circle> </svg> <span class="hidden sm:inline">Travel RS</span> </a> <nav class="flex items-center gap-4 text-sm text-[#6b7280]"> <a href="/tr/destinasyonlar" class="hover:text-[#1f2933] transition-colors flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 sm:hidden" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <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-7z"></path><circle cx="12" cy="9" r="2.5"></circle> </svg> <span class="hidden sm:inline">Destinasyonlar</span> </a> <a href="/kalendar-manifestacija" class="hover:text-[#1f2933] transition-colors flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 sm:hidden" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <rect x="3" y="4" width="18" height="18" rx="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line> </svg> <span class="hidden sm:inline">Takvim</span> </a> <div class="relative shrink-0"> <button id="lang-toggle" aria-haspopup="true" aria-expanded="false" class="flex items-center gap-1 rounded-lg px-2 py-1.5 hover:bg-[#f3f0ea] transition-colors"> <span class="text-xl leading-none">ð¹ð·</span> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 text-[#9ca3af] mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"> <path d="m6 9 6 6 6-6"></path> </svg> </button> <div id="lang-menu" hidden class="absolute right-0 top-full mt-1.5 bg-white border border-[#e5e0d8] rounded-xl shadow-lg overflow-hidden min-w-[150px] z-50"> <a href="/" class="flex items-center gap-2.5 px-4 py-2.5 hover:bg-[#f3f0ea] transition-colors text-[#6b7280] hover:text-[#1f2933] text-sm"> <span class="text-lg leading-none">ð·ð¸</span> <span>Srpski</span> </a><a href="/en" class="flex items-center gap-2.5 px-4 py-2.5 hover:bg-[#f3f0ea] transition-colors text-[#6b7280] hover:text-[#1f2933] text-sm"> <span class="text-lg leading-none">ð¬ð§</span> <span>English</span> </a><div class="flex items-center gap-2.5 px-4 py-2.5 bg-[#f3f0ea] text-[#1f2933] font-semibold text-sm cursor-default"> <span class="text-lg leading-none">ð¹ð·</span> <span>Türkçe</span> <svg class="ml-auto w-3.5 h-3.5 text-[#c8502a] shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"> <path d="m5 13 4 4L19 7"></path> </svg> </div><a href="/de" class="flex items-center gap-2.5 px-4 py-2.5 hover:bg-[#f3f0ea] transition-colors text-[#6b7280] hover:text-[#1f2933] text-sm"> <span class="text-lg leading-none">ð©ðª</span> <span>Deutsch</span> </a> </div> </div> <button id="kinds-toggle" aria-expanded="false" aria-controls="kinds-menu" class="flex flex-col justify-center gap-[5px] w-8 h-8 hover:opacity-70 transition-opacity shrink-0" aria-label="Kategorije"> <span class="block h-0.5 w-5 bg-[#6b7280] rounded-full"></span> <span class="block h-0.5 w-5 bg-[#6b7280] rounded-full"></span> <span class="block h-0.5 w-5 bg-[#6b7280] rounded-full"></span> </button> </nav> <button id="search-open" class="flex items-center gap-2 text-sm text-[#6b7280] bg-[#f3f0ea] hover:bg-[#e9e5dc] transition-colors rounded-full px-4 py-2" aria-label="Ara"> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.35-4.35"></path> </svg> <span class="hidden sm:inline">Ara</span> </button> </div> <div id="kinds-menu" hidden class="border-t border-[#e5e0d8] bg-white/95 backdrop-blur-sm"> <div class="max-w-6xl mx-auto px-4 py-4 grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-1"> <a href="/tr/seyahat-acenteleri" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Seyahat Acenteleri </a><a href="/tr/kaplica" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Kaplıcalar </a><a href="/tr/kiliseler" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Kiliseler </a><a href="/tr/oteller" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Oteller </a><a href="/tr/yiyecek" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Yiyecek ve İçecek </a><a href="/tr/tarih" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Tarih </a><a href="/tr/kultur" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Kültür </a><a href="/tr/alisveris" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> AlıÅveriÅ </a><a href="/tr/manastirlar" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Manastırlar </a><a href="/tr/etkinlikler" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Etkinlikler </a><a href="/tr/muzeler" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Müzeler </a><a href="/tr/kesfet" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> KeÅfet </a><a href="/tr/plajlar" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Plajlar </a><a href="/tr/doga" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors">
3 DoÄa </a><a href="/tr/restoranlar" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Restoranlar </a><a href="/tr/konaklama" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Konaklama Yerleri </a><a href="/tr/spor" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Sporlar </a><a href="/tr/rotalar" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Rotalar </a><a href="/tr/saraphaneler" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Åaraphaneler </a><a href="/tr/saglik" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> SaÄlık </a><a href="/tr/turistik-yerler" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Turistik Yerler </a> </div> </div> </header> <main class="flex-1"> <section class="hero-bg relative overflow-hidden text-white pt-20 pb-12 px-4" data-astro-cid-q2zrgpov> <div class="stars absolute inset-0 pointer-events-none" aria-hidden="true" data-astro-cid-q2zrgpov></div> <div class="relative z-10 max-w-2xl mx-auto text-center" data-astro-cid-q2zrgpov> <h1 class="text-4xl md:text-6xl font-bold tracking-tight mb-4" data-astro-cid-q2zrgpov>Sırbistan'ı KeÅfedin</h1> <p class="text-lg text-white/70 mb-10" data-astro-cid-q2zrgpov>Åehirler, restoranlar, oteller, müzeler, etkinlikler ve gizli mücevherler.</p> <div class="relative" data-astro-cid-q2zrgpov> <div class="flex items-center gap-3 bg-white rounded-2xl px-5 py-4 shadow-xl" data-astro-cid-q2zrgpov> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-[#9ca3af] shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-astro-cid-q2zrgpov> <circle cx="11" cy="11" r="8" data-astro-cid-q2zrgpov></circle><path d="m21 21-4.35-4.35" data-astro-cid-q2zrgpov></path> </svg> <input id="search-input" type="text" placeholder="Destinasyonlar, restoranlar, etkinlikler araâ¦" class="flex-1 text-base text-[#1f2933] outline-none placeholder:text-[#9ca3af] bg-transparent" autocomplete="off" spellcheck="false" data-astro-cid-q2zrgpov> <button id="search-clear" class="hidden text-[#9ca3af] hover:text-[#1f2933] transition-colors" aria-label="Clear" data-astro-cid-q2zrgpov> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-astro-cid-q2zrgpov> <path d="M18 6 6 18M6 6l12 12" data-astro-cid-q2zrgpov></path> </svg> </button> </div> </div> </div> </section> <section id="search-results-section" class="hidden bg-white border-b border-[#e5e0d8]" data-astro-cid-q2zrgpov> <div class="max-w-6xl mx-auto px-4 py-8" data-astro-cid-q2zrgpov> <div id="search-status" class="text-sm text-[#9ca3af] mb-4" data-astro-cid-q2zrgpov></div> <div id="search-places" class="hidden mb-8" data-astro-cid-q2zrgpov> <h2 class="text-xs font-semibold uppercase tracking-wider text-[#9ca3af] mb-4" data-astro-cid-q2zrgpov>Destinasyonlar</h2> <div id="search-places-grid" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4" data-astro-cid-q2zrgpov></div> </div> <div id="search-items" class="hidden" data-astro-cid-q2zrgpov> <h2 class="text-xs font-semibold uppercase tracking-wider text-[#9ca3af] mb-4" data-astro-cid-q2zrgpov>Yerler & Deneyimler</h2> <div id="search-items-grid" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4" data-astro-cid-q2zrgpov></div> </div> </div> </section> <div id="homepage-content" class="max-w-6xl mx-auto px-4" data-astro-cid-q2zrgpov> <section class="mt-16" data-astro-cid-q2zrgpov> <div class="flex items-baseline justify-between mb-6" data-astro-cid-q2zrgpov> <h2 class="text-2xl font-bold" data-astro-cid-q2zrgpov>En İyi Destinasyonlar</h2> <a href="/tr/destinasyonlar" class="text-sm text-[#c8502a] hover:underline" data-astro-cid-q2zrgpov>Tümü â</a> </div> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5" data-astro-cid-q2zrgpov> <a href="/tr/novi-sad" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-52 bg-[#e9e5dc] overflow-hidden"> <img src="/uploads/photos/card/2026/05/1779828393070_tevn0ic.webp" alt="Novi Sad â Voyvodina'nın BaÅkenti" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy"> <span class="absolute top-3 left-3 bg-black/40 text-white text-xs font-semibold px-2 py-1 rounded-full uppercase tracking-wider"> RS </span> </div> <div class="p-4"> <h3 class="font-semibold text-base">Novi Sad â Voyvodina'nın BaÅkenti</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Sırbistan'ın ikinci, Voyvodina'nın en büyük Åehri olan Novi Sad; yaklaÅık 300.000 nüfusuyla dinamik bir iÅ ve kültür merkezi, EXIT Festivali, Petrovaradin Kalesi ve 2022 Avrupa Kültür BaÅkenti unvanıyla tanınan canlı bir kenttir.</p> <p class="text-xs text-[#9ca3af] mt-2">2 places</p> </div> </a><a href="/tr/belgrad" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-52 bg-[#e9e5dc] overflow-hidden"> <img src="/uploads/photos/card/2026/05/1779831940581_l84x9hk.webp" alt="Belgrad" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy"> <span class="absolute top-3 left-3 bg-black/40 text-white text-xs font-semibold px-2 py-1 rounded-full uppercase tracking-wider"> RS </span> </div> <div class="p-4"> <h3 class="font-semibold text-base">Belgrad</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Belgrad, Sırbistan'ın baÅkenti ve GüneydoÄu Avrupa'nın en canlı Åehirlerinden biridir â Sava ve Tuna nehirlerinin kavuÅtuÄu bu köklü kentte bin yıllık tarih, ünlü Kalemegdan Kalesi, hareketli yaya bölgesi ve ÅafaÄa kadar süren gece hayatı bir arada yaÅanır.</p> <p class="text-xs text-[#9ca3af] mt-2">1 place</p> </div> </a><a href="/tr/zlatibor" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-52 bg-[#e9e5dc] overflow-hidden"> <img src="/uploads/photos/card/2026/06/1781300808923_vtvqmek.webp" alt="Zlatibor" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy"> <span class="absolute top-3 left-3 bg-black/40 text-white text-xs font-semibold px-2 py-1 rounded-full uppercase tracking-wider"> RS </span> </div> <div class="p-4"> <h3 class="font-semibold text-base">Zlatibor</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Zlatibor, Sırbistan'ın en sevilen daÄ tatil beldesidir â altın çam ormanları, Tornik kayak merkezi ve her mevsim sunduÄu zengin aktivitelerle büyüleyici bir destinasyon.</p> </div> </a><a href="/tr/kopaonik" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-52 bg-[#e9e5dc] overflow-hidden"> <img src="/uploads/photos/card/2026/06/1780857570996_uoxuuij.webp" alt="Kopaonik â Milli Park ve DaÄ Tatil Merkezi" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy"> <span class="absolute top-3 left-3 bg-black/40 text-white text-xs font-semibold px-2 py-1 rounded-full uppercase tracking-wider"> RS </span> </div> <div class="p-4"> <h3 class="font-semibold text-base">Kopaonik â Milli Park ve DaÄ Tatil Merkezi</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Kopaonik, Sırbistan'ın en büyük daÄı ve güneydoÄu Avrupa'nın en ünlü kayak merkezidir. 1981'de milli park ilan edilen Kopaonik, 2.017 m yüksekliÄiyle yılda yaklaÅık 200 güneÅli gün sunar; endemik flora, zengin fauna ve yüzyıllık madencilik ile ortaçaÄ mirası ile dikkat çeker.</p> </div> </a><a href="/tr/krusevac" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-52 bg-[#e9e5dc] overflow-hidden"> <div class="w-full h-full flex items-center justify-center text-[#9ca3af]"> <svg xmlns="http://www.w3.org/2000/svg" class="w-12 h-12" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <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-7z"></path><circle cx="12" cy="9" r="2.5"></circle> </svg> </div> <span class="absolute top-3 left-3 bg-black/40 text-white text-xs font-semibold px-2 py-1 rounded-full uppercase tracking-wider"> RS </span> </div> <div class="p-4"> <h3 class="font-semibold text-base">KruÅ¡evac â Zengin GeleneÄin Åehri</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">KruÅ¡evac, zengin tarihiyle Orta Sırbistan'da bir Åehirdir â bir zamanlar Prens Lazar'
3ın ortaçaÄ baÅkentiydi. Lazarica Kilisesi, KruÅ¡evac Kalesi ve 1389 Kosova SavaÅı'nı onurlandıran Vidovdan kutlamalarıyla tanınmaktadır.</p> <p class="text-xs text-[#9ca3af] mt-2">2 places</p> </div> </a><a href="/tr/paracin" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-52 bg-[#e9e5dc] overflow-hidden"> <div class="w-full h-full flex items-center justify-center text-[#9ca3af]"> <svg xmlns="http://www.w3.org/2000/svg" class="w-12 h-12" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <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-7z"></path><circle cx="12" cy="9" r="2.5"></circle> </svg> </div> <span class="absolute top-3 left-3 bg-black/40 text-white text-xs font-semibold px-2 py-1 rounded-full uppercase tracking-wider"> RS </span> </div> <div class="p-4"> <h3 class="font-semibold text-base">ParaÄin</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">ParaÄin, Belgrad'a 140 km uzaklıkta, Velika Morava'nın saÄ kıyısında Pomoravlje İlçesi'nde yer alan bir Åehirdir. Bambi tatil köyü ile Grza Nehri Kanyonu ve E-75 otoyoluna doÄrudan eriÅim imkânıyla tanınmaktadır.</p> <p class="text-xs text-[#9ca3af] mt-2">2 places</p> </div> </a> </div> </section> <section class="mt-16 mb-16" data-astro-cid-q2zrgpov> <h2 class="text-2xl font-bold mb-6" data-astro-cid-q2zrgpov>Sırbistan'ı KeÅfet</h2> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-
35" data-astro-cid-q2zrgpov> <a href="/tr/kesfet/vlah-buyusu" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-48 bg-[#e9e5dc] overflow-hidden"> <img src="/uploads/photos/card/2026/09/1789612900178_nbiu2vq.webp" alt="Vlah Büyüsü â DoÄu Sırbistan'ın Kadim Gücü" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy"> <span class="absolute top-3 left-3 bg-white/90 backdrop-blur-sm text-[#c8502a] text-xs font-semibold px-2 py-1 rounded-full"> KeÅfet </span> </div> <div class="p-4 flex flex-col flex-1"> <h3 class="font-semibold text-base leading-snug">Vlah Büyüsü â DoÄu Sırbistan'ın Kadim Gücü</h3> <p class="text-sm text-[#6b7280] mt-2 line-clamp-2 flex-1">Tuna, Timok ve Büyük Morava nehirleri arasındaki daÄlarda, pek çok kiÅinin Voodoo'dan sonra dünyanın en güçlü büyü geleneÄi olarak gördüÄü kadim bir gelenek yaÅamaya devam ediyor. Vlah büyüsü â ölüler kültü, kara düÄün ve aÅk büyüleriyle birlikte â yüzyıllarca DoÄu Sırbistan'ın köylerinde gizli kaldı. Ta ki bir televizyon dizisi her Åeyi deÄiÅtirene kadar.</p> </div> </a><a href="/tr/turistik-yerler/topola-oplenac" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-48 bg-[#e9e5dc] overflow-hidden"> <img src="/uploads/photos/card/2026/06/1780861786502_q0258kw.webp" alt="Topola ve Oplenac â Kral
3iyet BaÅkenti ve KaraÄorÄeviÄ Mirası" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy"> <span class="absolute top-3 left-3 bg-white/90 backdrop-blur-sm text-[#c8502a] text-xs font-semibold px-2 py-1 rounded-full"> Turistik Yer </span> </div> <div class="p-4 flex flex-col flex-1"> <h3 class="font-semibold text-base leading-snug">Topola ve Oplenac â Kraliyet BaÅkenti ve KaraÄorÄeviÄ Mirası</h3> <p class="text-xs text-[#9ca3af] mt-1">Topola</p> <p class="text-sm text-[#6b7280] mt-2 line-clamp-2 flex-1">Topola, Åumadija'nın kalbinde bir Åehirdir; Oplenac tepesinde Kral Petro I'in vakfı â KaraÄorÄeviÄ hanedanı mozolesini barındıran Aziz Yorgi Kilisesi, 1811 tarihli KaraÄorÄe'nin surlarla çevrili kenti ve kraliyet baÄları yer almaktadır.</p> </div> </a><a href="/tr/doga/resava-magarasi" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-48 bg-[#e9e5dc] overflow-hidden"> <img src="/uploads/photos/card/2026/06/1780792749052_v5wwycf.webp" alt="Resava MaÄarası" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy"> <span class="absolute top-3 left-3 bg-white/90 backdrop-blur-sm text-[#c8502a] text-xs font-semibold px-2 py-1 rounded-full"> DoÄa </span> </div> <div class="p-4 flex flex-col flex-1"> <h3 class="font-semibold text-base leading-snug">Resava MaÄarası</h3> <p class="text-xs text-[#9ca3af] mt-1">Despotovac</p> <p class="text-sm text-[#6b7280] mt-2 line-clamp-2 flex-1">Resava MaÄarası, Despotovac yakınlarında Balkanlar'ın en güzel ve en çok ziyaret edilen maÄaralarından biridir. 80 milyon yıldan önce oluÅmuÅ, 4,5 km uzunluÄunda olup yaklaÅık 7 °C sabit sıcaklıkta etkileyici sarkıt ve dikitler barındırır.</p> </div> </a><a href="/tr/kaplica/banja-zdrelo" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-48 bg-[#e9e5dc] overflow-hidden"> <img src="/uploads/photos/card/2026/06/1780947424582_gny94bo.webp" alt="Banja Ždrelo" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy"> <span class="absolute top-3 left-3 bg-white/90 backdrop-blur-sm text-[#c8502a] text-xs font-semibold px-2 py-1 rounded-full"> Kaplıca </span> </div> <div class="p-4 flex flex-col flex-1"> <h3 class="font-semibold text-base leading-snug">Banja Ždrelo</h3> <p class="text-xs text-[#9ca3af] mt-1">Petrovac na Mlavi</p> <p class="text-sm text-[#6b7280] mt-2 line-clamp-2 flex-1">Homolje daÄlarının eteÄinde, Petrovac na Mlavi'ye 10 km uzaklıkta termal kaplıca (38â40 °C). KıÅın açık havada yıkanmasıyla tanınır: Åeffaf ısıtmalı tünel havuzları wellness merkezine baÄlar. Ždrelo BoÄazı'nın giriÅinde, yıl boyunca açık.</p> </div> </a><a href="/tr/kaplica/banja-ribarska-banja" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-48 bg-[#e9e5dc] overflow-hidden"> <img src="/uploads/photos/card/2026/06/1781731327617_tozrw2e.webp" alt="Ribarska Banja" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy"> <span class="absolute top-3 left-3 bg-white/90 backdrop-blur-sm text-[#c8502a] text-xs font-semibold px-2 py-1 rounded-full"> Kaplıca </span> </div> <div class="p-4 flex flex-col flex-1"> <h3 class="font-semibold text-base leading-snug">Ribarska Banja</h3> <p class="text-xs text-[#9ca3af] mt-1">KruÅ¡evac - Grad bogate tradicije</p> <p class="text-sm text-[#6b7280] mt-2 line-clamp-2 flex-1">Veliki Jastrebac eteklerinde 540 metre rakımda yer alan Ribarska Banja, KruÅ¡evac'tan 35 km, NiÅ¡'ten 72 km uzaklıkta bir iklim ve balneoterapi dinlenme merkezidir. Modern rehabilitasyon tesisleri ve uzman tıbbi kadro.</p> </div> </a><a href="/tr/kaplica/banja-vrdnik" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-48 bg-[#e9e5dc] overflow-hidden"> <img src="/uploads/photos/card/2026/06/1782165456403_edlu968.webp" alt="Banja Vrdnik" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy"> <span class="absolute top-3 left-3 bg-white/90 backdrop-blur-sm text-[#c8502a] text-xs font-semibold px-2 py-1 rounded-full"> Kaplıca </span> </div> <div class="p-4 flex flex-col flex-1"> <h3 class="font-semibold text-base leading-snug">Banja Vrdnik</h3> <p class="text-xs text-[#9ca3af] mt-1">Novi Sad - centar Vojvodine</p> <p class="text-sm text-[#6b7280] mt-2 line-clamp-2 flex-1">Banja Vrdnik, FruÅ¡ka Gora daÄının güney yamaçlarında, denizden 240 metre yükseklikte, Novi Sad'a 24 km ve Belgrad'a 74 km uzaklıkta yer almaktadır. 32,8°C sıcaklıÄındaki termal suyu, temiz daÄ havası ve beÅ havuzlu Termal kompleksiyle tam bir rehabilitasyon merkezi olan kaplıca, saÄlık turizmi için ideal bir destinasyondur.</p> </div> </a><a href="/tr/doga/palic-golu" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-48 bg-[#e9e5dc] overflow-hidden"> <img src="/uploads/photos/card/2026/06/1780355663995_0t9caau.webp" alt="Paliç Gölü" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy"> <span class="absolute top-3 left-3 bg-white/90 backdrop-blur-sm text-[#c8502a] text-xs font-semibold px-2 py-1 rounded-full"> DoÄa </span> </div> <div class="p-4 flex flex-col flex-1"> <h3 class="font-semibold text-base leading-snug">Paliç Gölü</h3> <p class="text-xs text-[#9ca3af] mt-1">PaliÄ</p> <p class="text-sm text-[#6b7280] mt-2 line-clamp-2 flex-1">Paliç Gölü, Subotica yakınlarında Sırbistan'ın kuzeyindeki en tanınmıŠdoÄal ve rekreasyon alanlarından biridir. Göl, su, park, yürüyüŠyolları ve Paliç'in kendine özgü Art Nouveau mimarisini bir araya getirmektedir â ailecek gezinti veya yolculukta kısa bir mola için idealdir.</p> </div> </a><a href="/tr/turistik-yerler/petrovaradin-kalesi" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-48 bg-[#e9e5dc] overflow-hidden"> <img src="/uploads/photos/card/2026/05/1779828392935_rjj2xtz.webp" alt="Petrovaradin Kalesi" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy"> <span class="absolute top-3 left-3 bg-white/90 backdrop-blur-sm text-[#c8502a] text-xs font-semibold px-2 py-1 rounded-full"> Turistik Yer </span> </div> <div class="p-4 flex flex-col flex-1"> <h3 class="font-semibold text-base leading-snug">Petrovaradin Kalesi</h3> <p class="text-xs text-[#9ca3af] mt-1">Novi Sad - centar Vojvodine</p> <p class="text-sm text-[#6b7280] mt-2 line-clamp-2 flex-1">Petrovaradin â Tuna'nın Cebelitarık'ı â Novi Sad yakınlarında Tuna nehri üzerindeki kayalık bir yükseltide yer alan 18. yüzyıla ait bir askeri mimarlık Åaheseridir. 16 km yeraltı tüneli, "ters" akrep ve yelkovanlarıyla saat kulesi ve EXIT festivali'nin ev sahipliÄi ile tanınır.</p> </div> </a> </div> </section> </div> </main> <!-- Search overlay --> <div id="search-overlay" data-lang="tr" data-placeholder="Destinasyonlar, restoranlar, etkinlikler araâ¦" data-places-label="Destinasyonlar" data-items-label="Yerler & Deneyimler" hidden class="fixed inset-0 z-[60] flex flex-col" style="background:rgba(15,15,15,0.55);backdrop-filter:blur(6px)"> <div class="bg-white shadow-xl"> <div class="max-w-2xl mx-auto px-4 py-3 flex items-center gap-3"> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-[#9ca3af] shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.35-4.35"></path> </svg> <input id="overlay-input" type="text" class="flex-1 text-base text-[#1f2933] outline-none placeholder:text-[#9ca3af] bg-transparent py-2" autocomplete="off" spellcheck="false"> <button id="search-close" class="text-[#9ca3af] hover:text-[#1f2933] transition-colors p-1.5 rounded-lg hover:bg-[#f3f0ea]" aria-label="Zatvori"> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path d="M18 6 6 18M6 6l12 12"></path> </svg> </button> </div> </div> <div class="flex-1 overflow-y-auto"> <div class="max-w-2xl mx-auto px-4 py-5"> <p id="overlay-status" class="text-xs text-[#9ca3af] mb-4"></p> <div id="overlay-places" class="hidden mb-6"> <p id="overlay-places-label" class="text-xs font-semibold uppercase tracking-wider text-[#9ca3af] mb-2"></p> <div id="overlay-places-list" class="bg-white rounded-2xl overflow-hidden divide-y divide-[#f3f0ea]"></div> </div> <div id="overlay-items" class="hidden"> <p id="overlay-items-label" class="text-xs font-semibold uppercase tracking-wider text-[#9ca3af] mb-2"></p> <div id="overlay-items-list" class="bg-white rounded-2xl overflow-hidden divide-y divide-[#f3f0ea]"></div> </div> </div> </div> </div> <footer class="border-t border-[#e5e0d8] bg-white mt-16 py-10 text-sm text-[#9ca3af] text-center"> <div class="max-w-6xl mx-auto px-4"> <p class="font-semibold text-[#1f2933] mb-1">Travel RS</p> <p>Sırbistan'ın en iyisini keÅfedin â Åehirler, restoranlar, oteller, etkinlikler ve gizli mücevherler.</p> <p class="mt-4">© 2026 Travel RS</p> </div> </footer>
3<script type="module">const g=document.getElementById("kinds-toggle"),c=document.getElementById("kinds-menu");g.addEventListener("click",e=>{e.stopPropagation();const t=!c.hidden;c.hidden=t,g.setAttribute("aria-expanded",String(!t))});const l=document.getElementById("lang-toggle"),d=document.getElementById("lang-menu");l&&d&&(l.addEventListener("click",e=>{e.stopPropagation();const t=!d.hidden;d.hidden=t,l.setAttribute("aria-expanded",String(!t))}),d.addEventListener("click",e=>e.stopPropagation()));document.addEventListener("click",()=>{c.hidden=!0,g.setAttribute("aria-expanded","false"),d&&(d.hidden=!0),l&&l.setAttribute("aria-expanded","false")});c.addEventListener("click",e=>e.stopPropagation());const o=document.getElementById("search-overlay"),a=document.getElementById("overlay-input"),L=document.getElementById("search-close"),x=document.getElementById("search-open"),i=document.getElementById("overlay-status"),r=document.getElementById("overlay-places"),u=document.getElementById("overlay-items"),b=document.getElementById("overlay-places-list"),k=document.getElementById("overlay-items-list"),B=document.getElementById("overlay-places-label"),I=document.getElementById("overlay-items-label"),p=o.dataset.lang||"sr",w=o.dataset.placeholder||"",$=o.dataset.placesLabel||"",C=o.dataset.itemsLabel||"";a.placeholder=w;B.textContent=$;I.textContent=C;let m,v="";function T(){o.hidden=!1,document.body.style.overflow="hidden",a.value="",i.textContent="",r.classList.add("hidden"),u.classList.add("hidden"),a.focus()}function y(){o.hidden=!0,document.body.style.overflow="",v="",clearTimeout(m)}x.addEventListener("click",T);L.addEventListener("click",y);o.addEventListener("click",e=>{e.target===o&&y()});document.addEventListener("keydown",e=>{e.key==="Escape"&&!o.hidden&&y()});a.addEventListener("input",()=>{const e=a.value.trim();if(clearTimeout(m),e.length<2){i.textContent="",r.classList.add("hidden"),u.classList.add("hidden");return}m=setTimeout(()=>E(e),250)});a.addEventListener("keydown",e=>{if(e.key==="Enter"){const t=a.value.trim();clearTimeout(m),t.length>=2&&E(t)}});async function E(e){v=e,i.textContent="â¦";try{const s=await(await fetch(`/api/search?q=${encodeURIComponent(e)}&lang=${p}`)).json();if(v!==e)return;j(s,e)}catch{i.textContent="â "}}function f(e,t,s,h){return`<a href="${h}" class="flex items-center gap-3 px-4 py-3 hover:bg-[#faf7f2] transition-colors group"> 4 <div class="w-10 h-10 rounded-xl bg-[#e9e5dc] overflow-hidden shrink-0"> 5 ${e?`<img src="${e}" alt="" class="w-full h-full object-cover" loading="lazy">`:""} 6 </div> 7 <div class="flex-1 min-w-0"> 8 <p class="text-sm font-semibold text-[#1f2933] truncate group-hover:text-[#c8502a] transition-colors">${s}</p> 9 ${t?`<p class="text-xs text-[#9ca3af]">${t}</p>`:""} 10 </div> 11 <svg class="w-4 h-4 text-[#e5e0d8] group-hover:text-[#c8502a] transition-colors shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path d="m9 18 6-6-6-6"/></svg> 12 </a>`}function j({items:e,places:t},s){const h=e.length+t.length;i.textContent=h?"":p==="tr"?`"${s}" için sonuç yok`:p==="en"?`No results for "${s}"`:`Nema rezultata za â${s}"`,t.length?(b.innerHTML=t.map(n=>f(n.thumb,n.country_code||"",n.title,n.url_path)).join(""),r.classList.remove("hidden")):r.classList.add("hidden"),e.length?(k.innerHTML=e.map(n=>f(n.thumb,n.kind_label||"",n.title,n.url_path)).join(""),u.classList.remove("hidden")):u.classList.add("hidden")}</script>
12</body></html>
12<script>(function(){const noResults = "No results for \"\""; 13const resultCount = ""; 14const searching = "Searchingâ¦"; 15const searchError = "Error. Please try again."; 16const placesSection = "Destinations"; 17const itemsSection = "Places & Experiences"; 18 19 const input = document.getElementById('search-input'); 20 const clearBtn = document.getElementById('search-clear'); 21 const resultsEl = document.getElementById('search-results-section'); 22 const homeEl = document.getElementById('homepage-content'); 23 const statusEl = document.getElementById('search-status'); 24 const placesWrap = document.getElementById('search-places'); 25 const itemsWrap = document.getElementById('search-items'); 26 const placesGrid = document.getElementById('search-places-grid'); 27 const itemsGrid = document.getElementById('search-items-grid'); 28 29 let debounce; 30 let activeQuery = ''; 31 32 input.addEventListener('input', () => { 33 const q = input.value.trim(); 34 clearBtn.classList.toggle('hidden', q.length === 0); 35 clearTimeout(debounce); 36 if (q.length < 2) { hideResults(); return; } 37 debounce = setTimeout(() => fetchResults(q), 280); 38 }); 39 40 clearBtn.addEventListener('click', () => { 41 input.value = ''; 42 clearBtn.classList.add('hidden'); 43 hideResults(); 44 input.focus(); 45 }); 46 47 function hideResults() { 48 resultsEl.classList.add('hidden'); 49 homeEl.classList.remove('hidden'); 50 activeQuery = ''; 51 } 52 53 function showResults() { 54 resultsEl.classList.remove('hidden'); 55 homeEl.classList.add('hidden'); 56 } 57 58 async function fetchResults(q) { 59 activeQuery = q; 60 showResults(); 61 statusEl.textContent = 'Searchingâ¦'; 62 placesWrap.classList.add('hidden'); 63 itemsWrap.classList.add('hidden'); 64 65 try { 66 const res = await fetch(`/api/search?q=${encodeURIComponent(q)}&lang=tr`); 67 const data = await res.json(); 68 if (activeQuery !== q) return; 69 renderResults(data, q); 70 } catch { 71 statusEl.textContent = 'Error. Please try again.'; 72 } 73 } 74 75 function card(img, badge, title, sub, href) { 76 return `<a href="${href}" class="group bg-white border border-[#e5e0d8] rounded-2xl overflow-hidden hover:shadow-md transition-shadow flex flex-col"> 77 <div class="h-40 bg-[#e9e5dc] overflow-hidden"> 78 ${img ? `<img src="${img}" alt="${title}" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" />` : ''} 79 </div> 80 <div class="p-3"> 81 ${badge ? `<span class="text-xs text-[#c8502a] font-semibold">${badge}</span>` : ''} 82 <p class="text-sm font-semibold leading-snug mt-0.5">${title}</p> 83 ${sub ? `<p class="text-xs text-[#9ca3af] mt-0.5">${sub}</p>` : ''} 84 </div> 85 </a>`; 86 } 87 88 function renderResults({ items, places }, q) { 89 const total = items.length + places.length; 90 statusEl.textContent = total 91 ? `${total} result${total === 1 ? '' : 's'} for "${q}"` 92 : `No results for "${q}"`; 93 94 if (places.length) { 95 placesGrid.innerHTML = places.map(p => card(p.thumb, p.country_code, p.title, '', p.url_path)).join(''); 96 placesWrap.classList.remove('hidden'); 97 } else { 98 placesWrap.classList.add('hidden'); 99 } 100 101 if (items.length) { 102 itemsGrid.innerHTML = items.map(it => card(it.thumb, it.kind_label, it.title, it.place_name || '', it.url_path)).join(''); 103 itemsWrap.classList.remove('hidden'); 104 } else { 105 itemsWrap.classList.add('hidden'); 106 } 107 } 108})();</script>
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.