PageSourceSearch

https://travel.rs/tr

html travel.rs collected 2026-10-02 14:00:48 UTC 38,640 bytes, 108 lines download raw bytes

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&#39;ı 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&#39;ı 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 &amp; 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&#39;nın Başkenti</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Sırbistan&#39;ın ikinci, Voyvodina&#39;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&#39;ın başkenti ve Güneydoğu Avrupa&#39;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&#39;ı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&#39;ın en büyük dağı ve güneydoğu Avrupa&#39;nın en ünlü kayak merkezidir. 1981&#39;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&#39;da bir şehirdir — bir zamanlar Prens Lazar&#39;
3ın ortaçağ başkentiydi. Lazarica Kilisesi, Kruševac Kalesi ve 1389 Kosova Savaşı&#39;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&#39;a 140 km uzaklıkta, Velika Morava&#39;nın sağ kıyısında Pomoravlje İlçesi&#39;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&#39;ı 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&#39;ı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&#39;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&#39;ı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&#39;nın kalbinde bir şehirdir; Oplenac tepesinde Kral Petro I&#39;in vakfı — Karađorđević hanedanı mozolesini barındıran Aziz Yorgi Kilisesi, 1811 tarihli Karađorđe&#39;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&#39;ı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&#39;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ı&#39;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&#39;tan 35 km, Niš&#39;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&#39;a 24 km ve Belgrad&#39;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&#39;ın kuzeyindeki en tanınmış doğal ve rekreasyon alanlarından biridir. Göl, su, park, yürüyüş yolları ve Paliç&#39;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&#39;nın Cebelitarık&#39;ı — 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, &quot;ters&quot; akrep ve yelkovanlarıyla saat kulesi ve EXIT festivali&#39;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 &amp; 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&#39;ın en iyisini keşfedin — şehirler, restoranlar, oteller, etkinlikler ve gizli mücevherler.</p> <p class="mt-4">&copy; 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.