<!DOCTYPE html>
<html lang="sr" class="dark" dir="ltr">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ELTRCJ6XMZ" type="98ee465f6d1fba9411576d41-text/javascript"></script>
<script type="98ee465f6d1fba9411576d41-text/javascript">
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-ELTRCJ6XMZ');
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="t8zNQf8deDJX4ujCjHtMpAS910bNJeCmLhkkTcfL">
<title>Najbolji filmovi i serije online sa prevodom | Film Club</title>
<meta name="description" content="Gledaj besplatno filmove i serije sa prevodom u HD kvalitetu. Brza reprodukcija, bez registracije i sa minimalnim reklamama. Isprobaj sada!">
<meta name="keywords" content="filmovi online, serije sa prevodom, besplatno gledanje">
<meta itemprop="name" content="Najbolji filmovi i serije online sa prevodom | Film Club">
<meta itemprop="description" content="Gledaj besplatno filmove i serije sa prevodom u HD kvalitetu. Brza reprodukcija, bez registracije i sa minimalnim reklamama. Isprobaj sada!">
<meta property="og:url" content="https://filmclub.vip">
<meta property="og:locale" content="sr_SR" />
<meta property="og:type" content="article">
<meta property="og:title" content="Najbolji filmovi i serije online sa prevodom | Film Club">
<meta property="og:description" content="Gledaj besplatno filmove i serije sa prevodom u HD kvalitetu. Brza reprodukcija, bez registracije i sa minimalnim reklamama. Isprobaj sada!">
<meta property="og:url" content="https://filmclub.vip">
<meta name="twitter:card" content="summary_large_image">
<link rel="canonical" href="https://filmclub.vip"/>
<link rel="apple-touch-icon" sizes="180x180" href="https://filmclub.vip/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://filmclub.vip/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://filmclub.vip/favicon/favicon-16x16.png">
<link rel="manifest" href="https://filmclub.vip/site.webmanifest">
<link rel="preload" as="style" href="https://filmclub.vip/build/assets/app-41a0d3d4.css" /><link rel="modulepreload" href="https://filmclub.vip/build/assets/app-78822604.js" /><link rel="stylesheet" href="https://filmclub.vip/build/assets/app-41a0d3d4.css" data-navigate-track="reload" /><script type="98ee465f6d1fba9411576d41-module" src="https://filmclub.vip/build/assets/app-78822604.js" data-navigate-track="reload"></script>
<style>
:root {
--color-gray-50:250 250 250;
--color-gray-100:244 244 245;
--color-gray-200:228 228 231;
--color-gray-300:212 212 216;
--color-gray-400:161 161 170;
--color-gray-500:113 113 122;
--color-gray-600:82 82 91;
--color-gray-700:63 63 70;
--color-gray-800:39 39 42;
--color-gray-900:24 24 27;
--color-gray-950:9 9 11;
--color-primary-500: 139 92 246;
}
</style>
<script src="https://jsc.adskeeper.com/site/899212.js" async type="98ee465f6d1fba9411576d41-text/javascript">
</script>
<!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}</style>
</head>
<body
class="min-h-screen dark:bg-gray-950 flex flex-col relative"
x-data="{ searchOpen: false,loading:false,'sidebarToggle': false,compactToggle: localStorage.getItem('compactToggle') === 'true', cookiePolicy: localStorage.getItem('cookiePolicy'), promote: localStorage.getItem('promote')}"
x-init="$watch('cookiePolicy', val => {
localStorage.setItem('cookiePolicy', val);
}) ; $watch('promote', val => {
localStorage.setItem('promote', val);
}); $watch('compactToggle', val => {
localStorage.setItem('compactToggle', val);
})">
<!-- End Announcement Banner -->
<header
class="w-full z-40 bg-white dark:bg-gray-950 xl:dark:bg-gray-950/80 backdrop-blur-lg sticky top-0 ">
<div class="px-6 lg:px-8">
<div class="flex items-center relative h-16">
<div class="lg:hidden mr-5">
<!-- Hamburger button -->
<button
class="hamburger text-gray-700 dark:text-gray-100"
:class="{ 'active': sidebarToggle }"
@click.stop="sidebarToggle = !sidebarToggle"
aria-controls="mobile-nav"
:aria-expanded="sidebarToggle"
>
<span class="sr-only">Menu</span>
<svg class="w-5 h-5 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<rect y="4" width="24" height="1.5"/>
<rect y="11" width="24" height="1.5"/>
<rect y="18" width="24" height="1.5"/>
</svg>
</button>
</div>
<!-- Site branding -->
<div class="shrink-0 lg:ml-0 flex items-center gap-x-5">
<button
class="hamburger text-gray-700 dark:text-white dark:hover:text-gray-300 transition hidden lg:block"
@click="compactToggle = !compactToggle; localStorage.setItem('compactToggle', compactToggle ? 'true' : 'false')">
<span class="sr-only">Menu</span>
<svg class="w-5 h-5 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<rect y="4" width="24" height="1.5"/>
<rect y="11" width="24" height="1.5"/>
<rect y="18" width="24" height="1.5"/>
</svg>
</button>
<!-- Logo -->
<a class="" href="https://filmclub.vip/home">
<img src="https://filmclub.vip/static/img/logo-1742933502.png" class="w-full h-7"
alt="Film Club">
</a>
</div>
<nav class="hidden lg:block 2xl:mx-8 lg:mx-5">
<ul class="flex grow justify-end flex-wrap items-center text-sm">
<li class="">
<a href="https://filmclub.vip/browse"
class="px-3.5 py-2.5 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:border-primary-500 dark:hover:text-gray-100 hover:rounded-lg flex items-center relative after:absolute after:inset-0 after:rounded-lg hover:after:w-full after:transition hover:after:bg-gray-400/10">
<div
class="tracking-tight font-medium whitespace-nowrap flex-1">Pregled</div>
</a>
</li>
<li class="">
<a href="https://filmclub.vip/trending"
class="px-3.5 py-2.5 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:border-primary-500 dark:hover:text-gray-100 hover:rounded-lg flex items-center relative after:absolute after:inset-0 after:rounded-lg hover:after:w-full after:transition hover:after:bg-gray-400/10">
<div
class="tracking-tight font-medium whitespace-nowrap flex-1">Popularno</div>
</a>
</li>
<li class="">
<a href="https://filmclub.vip/top-imdb"
class="px-3.5 py-2.5 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:border-primary-500 dark:hover:text-gray-100 hover:rounded-lg flex items-center relative after:absolute after:inset-0 after:rounded-lg hover:after:w-full after:transition hover:after:bg-gray-400/10">
<div
class="tracking-tight font-medium whitespace-nowrap flex-1">Top IMDb</div>
</a>
</li>
<li class="">
<a href="https://filmclub.vip/movies"
class="px-3.5 py-2.5 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:border-primary-500 dark:hover:text-gray-100 hover:rounded-lg flex items-center relative after:absolute after:inset-0 after:rounded-lg hover:after:w-full after:transition hover:after:bg-gray-400/10">
<div
class="tracking-tight font-medium whitespace-nowrap flex-1">Filmovi</div>
</a>
</li>
<li class="">
<a href="https://filmclub.vip/tv-shows"
class="px-3.5 py-2.5 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:border-primary-500 dark:hover:text-gray-100 hover:rounded-lg flex items-center relative after:absolute after:inset-0 after:rounded-lg hover:after:w-full after:transition hover:after:bg-gray-400/10">
<div
class="tracking-tight font-medium whitespace-nowrap flex-1">TV Serije</div>
</a>
</li>
<li class="">
<a href="https://filmclub.vip/collections"
class="px-3.5 py-2.5 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:border-primary-500 dark:hover:text-gray-100 hover:rounded-lg flex items-center relative after:absolute after:inset-0 after:rounded-lg hover:after:w-full after:transition hover:after:bg-gray-400/10">
<div
class="tracking-tight font-medium whitespace-nowrap flex-1">Kolekcije</div>
</a>
</li>
<li class="hidden 2xl:block">
<a href="https://filmclub.vip/peoples"
class="px-3.5 py-2.5 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:border-primary-500 dark:hover:text-gray-100 hover:rounded-lg flex items-center relative after:absolute after:inset-0 after:rounded-lg hover:after:w-full after:transition hover:after:bg-gray-400/10">
<div
class="tracking-tight font-medium whitespace-nowrap flex-1">Glumci</div>
</a>
</li>
<li class="hidden 2xl:block">
<a href="https://filmclub.tv/donacija/donacija.php"
class="px-3.5 py-2.5 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:border-primary-500 dark:hover:text-gray-100 hover:rounded-lg flex items-center relative after:absolute after:inset-0 after:rounded-lg hover:after:w-full after:transition hover:after:bg-gray-400/10">
<div
class="tracking-tight font-medium whitespace-nowrap flex-1">PREMIUM</div>
</a>
</li>
</ul>
</nav>
<nav class="flex ml-auto rtl:mr-auto rtl:ml-0 lg:w-96">
<ul class="flex grow justify-end flex-wrap items-center text-sm gap-x-6 lg:gap-x-7">
<li class="block lg:hidden">
<button type="button"
class="w-5 h-5 flex items-center text-gray-500 dark:text-gray-400 dark:hover:text-primary-500 hover:text-primary-500 justify-center hover:text-primary-500 transition duration-150 rounded-full"
@click.prevent="searchOpen = true;if (searchOpen) $nextTick(()=>{$refs.searchInput.focus()});"
aria-controls="search-modal"
@keydown.window.ctrl.q="searchOpen = true;if (searchOpen) $nextTick(()=>{$refs.searchInput.focus()});">
<svg
xmlns="http://www.w3.org/2000/svg"
stroke-linecap="round"
stroke-width="1.75"
stroke-linejoin="round"
class="w-5 h-5">
<use xlink:href="https://filmclub.vip/static/sprite/sprite.svg#search"></use>
</svg>
</button>
</li>
<li class="hidden lg:block">
<a href="https://filmclub.vip/login"
class="text-gray-700 dark:text-gray-400 dark:hover:text-white hover:text-primary-500 inline-flex items-center px-1 py-2 text-sm">Prijavi se</a>
</li>
<li class="hidden lg:block">
<a href="https://filmclub.vip/register"
class="bg-primary-500 rounded-full border-transparent text-white dark:text-gray-200 hover:text-white hover:bg-primary-500 transition-all inline-flex items-center px-6 lg:px-8 py-3.5 text-sm group ">
<span>Registruj se</span>
<span
class="tracking-normal group-hover:translate-x-0.5 transition-transform duration-150 ease-in-out ml-3">-></span>
</a>
</li>
<li class="block lg:hidden">
<a href="https://filmclub.vip/login"
class="bg-primary-500 rounded-full border-transparent text-white dark:text-gray-200 hover:text-white hover:bg-primary-500 transition-all inline-flex items-center w-10 h-10 flex items-center justify-center text-sm group ">
<svg
xmlns="http://www.w3.org/2000/svg"
stroke-linecap="round"
stroke-width="1.75"
stroke-linejoin="round"
class="w-5 h-5" stroke="currentColor">
<use xlink:href="https://filmclub.vip/static/sprite/sprite.svg#user"></use>
</svg>
</a>
</li>
</ul>
</nav>
</div>
</div>
</header>
<aside id="sidebar"
class="fixed top-[64px] bottom-0 group top-0 left-0 bg-white lg:translate-x-0 lg:right-auto lg:bottom-0 dark:scrollbar-y hidden flex-col z-40 dark:bg-gray-950 transition w-full lg:w-64 transition-all duration-200 ease-out"
:class="[sidebarToggle ? 'translate-x-0 !flex' : '-translate-x-full hidden']"
@click.outside="sidebarToggle = false">
<div
class="flex flex-col overflow-y-auto scrollbar-y h-full px-2 lg:px-4 scrollbar scrollbar-thumb-gray-100 dark:scrollbar-thumb-white/10 scrollbar-thin scrollbar-track-transparent">
<a href="https://filmclub.vip/browse"
class="px-4 gap-x-5 py-3 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:bg-gray-50/70 hover:border-primary-500 dark:hover:text-gray-100 dark:hover:bg-gray-900 transition rounded-lg flex items-center ">
<svg
xmlns="http://www.w3.org/2000/svg"
stroke-linecap="round"
stroke-width="1.75"
stroke-linejoin="round"
class="w-5 h-5" fill="currentColor" stroke="none" stroke-width="0" x-bind:class="compactToggle ? 'w-6 h-6' : ''">
<use xlink:href="https://filmclub.vip/static/sprite/sprite.svg#browse"></use>
</svg>
<div
class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1"
:class="compactToggle ? 'lg:hidden' : 'block'">Pregled</div>
</a>
<a href="https://filmclub.vip/trending"
class="px-4 gap-x-5 py-3 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:bg-gray-50/70 hover:border-primary-500 dark:hover:text-gray-100 dark:hover:bg-gray-900 transition rounded-lg flex items-center ">
<svg
xmlns="http://www.w3.org/2000/svg"
stroke-linecap="round"
stroke-width="1.75"
stroke-linejoin="round"
class="w-5 h-5" fill="currentColor" stroke="none" stroke-width="0" x-bind:class="compactToggle ? 'w-6 h-6' : ''">
<use xlink:href="https://filmclub.vip/static/sprite/sprite.svg#trending"></use>
</svg>
<div
class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1"
:class="compactToggle ? 'lg:hidden' : 'block'">Popularno</div>
</a>
<a href="https://filmclub.vip/top-imdb"
class="px-4 gap-x-5 py-3 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:bg-gray-50/70 hover:border-primary-500 dark:hover:text-gray-100 dark:hover:bg-gray-900 transition rounded-lg flex items-center ">
<svg
xmlns="http://www.w3.org/2000/svg"
stroke-linecap="round"
stroke-width="1.75"
stroke-linejoin="round"
class="w-5 h-5" fill="currentColor" stroke="none" stroke-width="0" x-bind:class="compactToggle ? 'w-6 h-6' : ''">
<use xlink:href="https://filmclub.vip/static/sprite/sprite.svg#top"></use>
</svg>
<div
class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1"
:class="compactToggle ? 'lg:hidden' : 'block'">Top IMDb</div>
</a>
<a href="https://filmclub.vip/movies"
class="px-4 gap-x-5 py-3 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:bg-gray-50/70 hover:border-primary-500 dark:hover:text-gray-100 dark:hover:bg-gray-900 transition rounded-lg flex items-center ">
<svg
xmlns="http://www.w3.org/2000/svg"
stroke-linecap="round"
stroke-width="1.75"
stroke-linejoin="round"
class="w-5 h-5" fill="currentColor" stroke="none" stroke-width="0" x-bind:class="compactToggle ? 'w-6 h-6' : ''">
<use xlink:href="https://filmclub.vip/static/sprite/sprite.svg#movie"></use>
</svg>
<div
class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1"
:class="compactToggle ? 'lg:hidden' : 'block'">Filmovi</div>
</a>
<a href="https://filmclub.vip/tv-shows"
class="px-4 gap-x-5 py-3 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:bg-gray-50/70 hover:border-primary-500 dark:hover:text-gray-100 dark:hover:bg-gray-900 transition rounded-lg flex items-center ">
<svg
xmlns="http://www.w3.org/2000/svg"
stroke-linecap="round"
stroke-width="1.75"
stroke-linejoin="round"
class="w-5 h-5" fill="currentColor" stroke="none" stroke-width="0" x-bind:class="compactToggle ? 'w-6 h-6' : ''">
<use xlink:href="https://filmclub.vip/static/sprite/sprite.svg#tv"></use>
</svg>
<div
class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1"
:class="compactToggle ? 'lg:hidden' : 'block'">TV Serije</div>
</a>
<div class="border-t border-gray-100 dark:border-gray-800/50 my-6"></div>
<a href="https://filmclub.vip/collections"
class="px-4 gap-x-5 py-3 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:bg-gray-50/70 hover:border-primary-500 dark:hover:text-gray-100 dark:hover:bg-gray-900 transition rounded-lg flex items-center ">
<svg
xmlns="http://www.w3.org/2000/svg"
stroke-linecap="round"
stroke-width="1.75"
stroke-linejoin="round"
class="w-5 h-5" fill="currentColor" stroke="none" stroke-width="0" x-bind:class="compactToggle ? 'w-6 h-6' : ''">
<use xlink:href="https://filmclub.vip/static/sprite/sprite.svg#collection"></use>
</svg>
<div
class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1"
:class="compactToggle ? 'lg:hidden' : 'block'">Kolekcije</div>
</a>
<a href="https://filmclub.vip/peoples"
class="px-4 gap-x-5 py-3 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:bg-gray-50/70 hover:border-primary-500 dark:hover:text-gray-100 dark:hover:bg-gray-900 transition rounded-lg flex items-center ">
<svg
xmlns="http://www.w3.org/2000/svg"
stroke-linecap="round"
stroke-width="1.75"
stroke-linejoin="round"
class="w-5 h-5" fill="currentColor" stroke="none" stroke-width="0" x-bind:class="compactToggle ? 'w-6 h-6' : ''">
<use xlink:href="https://filmclub.vip/static/sprite/sprite.svg#people"></use>
</svg>
<div
class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1"
:class="compactToggle ? 'lg:hidden' : 'block'">Glumci</div>
</a>
<a href="https://filmclub.tv/donacija/donacija.php"
class="px-4 gap-x-5 py-3 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:bg-gray-50/70 hover:border-primary-500 dark:hover:text-gray-100 dark:hover:bg-gray-900 transition rounded-lg flex items-center ">
<div class="w-5 h-5 border-4 rounded-full border-gray-400"
x-bind:class="compactToggle ? 'w-6 h-6' : ''"></div>
<div
class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1"
:class="compactToggle ? 'lg:hidden' : 'block'">PREMIUM</div>
</a>
<div class="border-t border-gray-100 dark:border-gray-900/50 mb-6 mt-auto"></div>
<div class="px-4 lg:px-5 py-6" :class="compactToggle ? 'lg:hidden' : 'block'">
<div class="flex flex-wrap text-xs text-gray-500 dark:text-gray-500 gap-x-4 gap-y-2">
<a href="https://filmclub.vip/page/dmca" class="hover:underline">DMCA</a>
<a href="https://filmclub.vip/page/privacy-policy" class="hover:underline">Privacy policy</a>
<a href="https://filmclub.vip/page/cookie-policy" class="hover:underline">Cookie policy</a>
</div>
<div class="text-xs mt-4 text-gray-500 dark:text-gray-500">
© 2025 Film Club</div>
</div>
</div>
</aside>
<div class="flex-1">
<!-- Hero -->
<div class="container py-10 sm:py-24">
<div class="text-center">
<p class="mt-3 text-gray-600 dark:text-gray-400"></p>
<div class="mt-7 sm:mt-12 mx-auto max-w-4xl w-full relative">
<!-- Form -->
<form class=" group" method="post">
<input type="hidden" name="_token" value="t8zNQf8deDJX4ujCjHtMpAS910bNJeCmLhkkTcfL" autocomplete="off"> <div class="relative z-10 flex space-x-3 p-2 bg-gray-800 rounded-full text-gray-400">
<label for=landing-search" class="sr-only">Search</label>
<input id="landing-search"
class="w-full border-0 focus:ring-transparent flex-1 bg-transparent text-white placeholder-gray-400/50 text-sm appearance-none py-3 pl-12"
type="search" placeholder="Pretraga .." x-ref="searchInput" name="q"/>
<button class="absolute inset-0 right-auto group" type="submit" aria-label="Search">
<svg
xmlns="http://www.w3.org/2000/svg"
stroke-linecap="round"
stroke-width="1.75"
stroke-linejoin="round"
class="w-5 h-5 shrink-0 fill-current ml-4 mr-4" stroke-width="2">
<use xlink:href="https://filmclub.vip/static/sprite/sprite.svg#search"></use>
</svg>
</button>
</div>
</form>
<!-- SVG Element -->
<div
class="hidden absolute top-2/4 left-14 transform -translate-y-2/4 -translate-x-40 md:block lg:-translate-x-80"
aria-hidden="true">
<svg class="w-52 h-auto" width="717" height="653" viewBox="0 0 717 653" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M170.176 228.357C177.176 230.924 184.932 227.329 187.498 220.329C190.064 213.329 186.47 205.574 179.47 203.007L170.176 228.357ZM98.6819 71.4156L85.9724 66.8638L85.8472 67.2136L85.7413 67.5698L98.6819 71.4156ZM336.169 77.9736L328.106 88.801L328.288 88.9365L328.475 89.0659L336.169 77.9736ZM616.192 128.685C620.658 122.715 619.439 114.254 613.469 109.788L516.183 37.0035C510.213 32.5371 501.753 33.756 497.286 39.726C492.82 45.696 494.039 54.1563 500.009 58.6227L586.485 123.32L521.788 209.797C517.322 215.767 518.541 224.227 524.511 228.694C530.481 233.16 538.941 231.941 543.407 225.971L616.192 128.685ZM174.823 215.682C179.47 203.007 179.475 203.009 179.48 203.011C179.482 203.012 179.486 203.013 179.489 203.014C179.493 203.016 179.496 203.017 179.498 203.018C179.501 203.019 179.498 203.018 179.488 203.014C179.469 203.007 179.425 202.99 179.357 202.964C179.222 202.912 178.991 202.822 178.673 202.694C178.035 202.437 177.047 202.026 175.768 201.456C173.206 200.314 169.498 198.543 165.106 196.099C156.27 191.182 144.942 183.693 134.609 173.352C114.397 153.124 97.7311 122.004 111.623 75.2614L85.7413 67.5698C68.4512 125.748 89.856 166.762 115.51 192.436C128.11 205.047 141.663 213.953 151.976 219.692C157.158 222.575 161.591 224.698 164.777 226.118C166.371 226.828 167.659 227.365 168.578 227.736C169.038 227.921 169.406 228.065 169.675 228.168C169.809 228.22 169.919 228.261 170.002 228.293C170.044 228.309 170.08 228.322 170.109 228.333C170.123 228.338 170.136 228.343 170.147 228.347C170.153 228.349 170.16 228.352 170.163 228.353C170.17 228.355 170.176 228.357 174.823 215.682ZM111.391 75.9674C118.596 55.8511 137.372 33.9214 170.517 28.6833C204.135 23.3705 255.531 34.7533 328.106 88.801L344.233 67.1462C268.876 11.0269 210.14 -4.91361 166.303 2.01428C121.993 9.01681 95.9904 38.8917 85.9724 66.8638L111.391 75.9674ZM328.475 89.0659C398.364 137.549 474.018 153.163 607.307 133.96L603.457 107.236C474.34 125.837 406.316 110.204 343.864 66.8813L328.475 89.0659Z"
fill="currentColor" class="fill-primary-500/20"/>
<path
d="M17.863 238.22C10.4785 237.191 3.6581 242.344 2.62917 249.728C1.60024 257.113 6.75246 263.933 14.137 264.962L17.863 238.22ZM117.548 265.74L119.421 252.371L119.411 252.37L117.548 265.74ZM120.011 466.653L132.605 471.516L132.747 471.147L132.868 470.771L120.011 466.653ZM285.991 553.767C291.813 549.109 292.756 540.613 288.098 534.792L212.193 439.92C207.536 434.098 199.04 433.154 193.218 437.812C187.396 442.47 186.453 450.965 191.111 456.787L258.582 541.118L174.251 608.589C168.429 613.247 167.486 621.742 172.143 627.564C176.801 633.386 185.297 634.329 191.119 629.672L285.991 553.767ZM14.137 264.962L115.685 279.111L119.411 252.37L17.863 238.22L14.137 264.962ZM115.675 279.11C124.838 280.393 137.255 284.582 145.467 291.97C149.386 295.495 152.093 299.505 153.39 304.121C154.673 308.691 154.864 314.873 152.117 323.271L177.779 331.665C181.924 318.993 182.328 307.301 179.383 296.818C176.451 286.381 170.485 278.159 163.524 271.897C149.977 259.71 131.801 254.105 119.421 252.371L115.675 279.11ZM152.117 323.271C138.318 365.454 116.39 433.697 107.154 462.535L132.868 470.771C142.103 441.936 164.009 373.762 177.779 331.665L152.117 323.271ZM107.417 461.79C103.048 473.105 100.107 491.199 107.229 508.197C114.878 526.454 132.585 539.935 162.404 543.488L165.599 516.678C143.043 513.99 135.175 505.027 132.132 497.764C128.562 489.244 129.814 478.743 132.605 471.516L107.417 461.79ZM162.404 543.488C214.816 549.734 260.003 554.859 276.067 556.643L279.047 529.808C263.054 528.032 217.939 522.915 165.599 516.678L162.404 543.488Z"
fill="currentColor" class="fill-primary-500/50"/>
<path
d="M229.298 165.61C225.217 159.371 216.85 157.621 210.61 161.702C204.371 165.783 202.621 174.15 206.702 180.39L229.298 165.61ZM703.921 410.871C711.364 410.433 717.042 404.045 716.605 396.602L709.47 275.311C709.032 267.868 702.643 262.189 695.2 262.627C687.757 263.065 682.079 269.454 682.516 276.897L688.858 384.71L581.045 391.052C573.602 391.49 567.923 397.879 568.361 405.322C568.799 412.765 575.187 418.444 582.63 418.006L703.921 410.871ZM206.702 180.39C239.898 231.14 343.567 329.577 496.595 322.758L495.394 295.785C354.802 302.049 259.09 211.158 229.298 165.61L206.702 180.39ZM496.595 322.758C567.523 319.598 610.272 335.61 637.959 353.957C651.944 363.225 662.493 373.355 671.17 382.695C675.584 387.447 679.351 391.81 683.115 396.047C686.719 400.103 690.432 404.172 694.159 407.484L712.097 387.304C709.691 385.166 706.92 382.189 703.298 378.113C699.837 374.217 695.636 369.362 690.951 364.319C681.43 354.07 669.255 342.306 652.874 331.451C619.829 309.553 571.276 292.404 495.394 295.785L496.595 322.758Z"
fill="currentColor" class="fill-primary-500"/>
</svg>
</div>
<!-- End SVG Element -->
<!-- SVG Element -->
<div
class="hidden absolute top-2/4 right-0 transform -translate-y-2/4 translate-x-40 md:block lg:translate-x-80"
aria-hidden="true">
<svg class="w-72 h-auto" width="1115" height="636" viewBox="0 0 1115 636" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M0.990203 279.321C-1.11035 287.334 3.68307 295.534 11.6966 297.634L142.285 331.865C150.298 333.965 158.497 329.172 160.598 321.158C162.699 313.145 157.905 304.946 149.892 302.845L33.8132 272.418L64.2403 156.339C66.3409 148.326 61.5475 140.127 53.5339 138.026C45.5204 135.926 37.3213 140.719 35.2207 148.733L0.990203 279.321ZM424.31 252.289C431.581 256.26 440.694 253.585 444.664 246.314C448.635 239.044 445.961 229.931 438.69 225.96L424.31 252.289ZM23.0706 296.074C72.7581 267.025 123.056 230.059 187.043 212.864C249.583 196.057 325.63 198.393 424.31 252.289L438.69 225.96C333.77 168.656 249.817 164.929 179.257 183.892C110.144 202.465 54.2419 243.099 7.92943 270.175L23.0706 296.074Z"
fill="currentColor" class="fill-primary-500"/>
<path
d="M451.609 382.417C446.219 388.708 446.95 398.178 453.241 403.567L555.763 491.398C562.054 496.788 571.524 496.057 576.913 489.766C582.303 483.474 581.572 474.005 575.281 468.615L484.15 390.544L562.222 299.413C567.612 293.122 566.881 283.652 560.59 278.263C554.299 272.873 544.829 273.604 539.44 279.895L451.609 382.417ZM837.202 559.655C841.706 566.608 850.994 568.593 857.947 564.09C864.9 559.586 866.885 550.298 862.381 543.345L837.202 559.655ZM464.154 407.131C508.387 403.718 570.802 395.25 638.136 410.928C704.591 426.401 776.318 465.66 837.202 559.655L862.381 543.345C797.144 442.631 718.724 398.89 644.939 381.709C572.033 364.734 504.114 373.958 461.846 377.22L464.154 407.131Z"
fill="currentColor" class="fill-primary-500/50"/>
<path
d="M447.448 0.194357C439.203 -0.605554 431.87 5.43034 431.07 13.6759L418.035 148.045C417.235 156.291 423.271 163.623 431.516 164.423C439.762 165.223 447.095 159.187 447.895 150.942L459.482 31.5025L578.921 43.0895C587.166 43.8894 594.499 37.8535 595.299 29.6079C596.099 21.3624 590.063 14.0296 581.818 13.2297L447.448 0.194357ZM1086.03 431.727C1089.68 439.166 1098.66 442.239 1106.1 438.593C1113.54 434.946 1116.62 425.96 1112.97 418.521L1086.03 431.727ZM434.419 24.6572C449.463 42.934 474.586 81.0463 521.375 116.908C568.556 153.07 637.546 187.063 742.018 200.993L745.982 171.256C646.454 157.985 582.444 125.917 539.625 93.0974C496.414 59.978 474.537 26.1903 457.581 5.59138L434.419 24.6572ZM742.018 200.993C939.862 227.372 1054.15 366.703 1086.03 431.727L1112.97 418.521C1077.85 346.879 956.138 199.277 745.982 171.256L742.018 200.993Z"
fill="currentColor" class="fill-primary-500/20"/>
</svg>
</div>
<!-- End SVG Element -->
</div>
</div>
</div>
<!-- End Hero -->
<div class="max-w-7xl mx-auto w-full px-6 lg:px-8">
</div>
</div>
<div class="flex-1 px-4 md:px-12 py-10">
<div class="max-w-4xl mx-auto text-center">
<h1 class="text-4xl md:text-5xl font-extrabold mb-6 leading-tight text-white">
Gledaj Najbolje Filmove i Serije Online sa Prevodom u HD – Besplatno na Filmclub
</h1>
<h2 class="text-2xl font-semibold text-gray-300 mb-4">
Besplatno Gledanje Filmova i Serija Bez Registracije
</h2>
<p class="text-lg md:text-xl text-gray-300 mb-8">
Dobrodošli na <strong>Filmclub</strong> — tvoju besplatnu platformu za <strong>gledanje filmova i serija online sa prevodom</strong> u vrhunskom HD kvalitetu. Bez registracije, bez instalacija i sa minimalno reklama — jednostavno klikni i gledaj omiljeni sadržaj bilo kad i bilo gde.
<br><br>
Na sajtu Filmclub svakodnevno dodajemo nove <strong>filmove sa prevodom</strong>, najnovije <strong>epizode popularnih serija</strong>, kao i <strong>aktuelne bioskopske hitove</strong>. Gledaj <strong>akciju, komediju, dramu, triler, horor, naučnu fantastiku, dokumentarce</strong> i još mnogo toga — potpuno besplatno.
<br><br>
Naša <strong>video streaming platforma</strong> je prilagođena svim uređajima: telefonima, tabletima, laptopovima i smart televizorima. Filmclub je pravo mesto za <strong>besplatno gledanje filmova i TV serija online</strong>, sa redovnim ažuriranjima i preporukama na osnovu tvoje omiljene zabave.
</p>
<h2 class="text-xl font-bold text-white mt-10 mb-4">Kategorije</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-6 gap-4 text-center text-white font-semibold">
<a href="https://filmclub.vip/movies" class="hover:underline text-blue-400">🎬 Filmovi</a>
<a href="https://filmclub.vip/tv-shows" class="hover:underline text-red-400">📺 Serije</a>
<a href="https://filmclub.vip/trending" class="hover:underline text-pink-400">🔥 Popularno</a>
<a href="https://filmclub.vip/live-broadcasts" class="hover:underline text-green-400">📡 Prenosi uživo</a>
<a href="https://filmclub.vip/browse" class="hover:underline text-purple-400">🔍 Istraži</a>
<a href="https://filmclub.pw/top-imdb" class="hover:underline text-yellow-400">⭐ Top IMDb</a>
</div>
<h2 class="text-xl font-bold text-white mt-10 mb-4">Šta nudimo?</h2>
<ul class="list-disc list-inside text-gray-400">
<li>Gledanje bez registracije</li>
<li>HD i Full HD kvalitet striminga</li>
<li>Prevod na srpski/hrvatski/bosanski</li>
<li>Redovno ažuriran sadržaj sa IMDb top liste</li>
<li>Prenosi uživo i specijalni događaji</li>
</ul>
</div>
</div>
<div class="mt-auto">
<footer class="w-full lg:py-10 custom-container mt-auto">
<!-- Grid -->
<div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-12 gap-10 mb-10">
<div class="col-span-full hidden lg:col-span-4 lg:block">
<a class="flex-none text-xl text-gray-700 font-semibold dark:text-white" href="https://filmclub.vip/home" aria-label="Brand">
<img src="https://filmclub.vip/static/img/logo-1742933502.png" class="w-auto h-10"
alt="Film Club">
</a>
<p class="mt-5 text-sm text-gray-400 leading-6 max-w-sm w-full">Gledaj filmove online sa prevodom besplatno i bez registracije, samo najbolji HD Filmovi i TV serije.</p>
<!-- Language Dropdown -->
<div class="text-white ml-auto inline-flex relative mt-4" x-data="{ open: false }">
<button class="inline-flex whitespace-nowrap gap-x-3 items-center justify-center px-6 py-3.5 text-sm rounded-base font-[450] disabled:opacity-50 disabled:pointer-events-none transition border bg-white text-gray-700 shadow-sm align-middle hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-primary-600 transition-all text-sm dark:bg-gray-800 dark:hover:bg-gray-700 dark:hover:border-gray-700 dark:border-gray-800 dark:text-gray-300 dark:hover:text-white dark:focus:ring-offset-gray-800 !py-2.5 tracking-tighter !rounded-full !font-normal !px-5 gap-x-3" type="button" @click.prevent="open = !open" aria-expanded="false">
<span>Srpski</span>
<svg
xmlns="http://www.w3.org/2000/svg"
stroke-linecap="round"
stroke-width="1.75"
stroke-linejoin="round"
class="w-4 h-4" stroke="currentColor" stroke-width="1.75">
<use xlink:href="https://filmclub.vip/static/sprite/sprite.svg#swap"></use>
</svg>
</button>
<div
class="z-10 absolute inset-x-0 w-52 bottom-full mb-3 bg-white p-3 left-0 rounded-lg shadow-lg border border-gray-100 text-sm dark:bg-gray-800 dark:border-gray-800"
@click.outside="open = false" @keydown.escape.window="open = false" x-show="open"
x-transition:enter="transition ease-out duration-200 transform"
x-transition:enter-start="opacity-0 -trangray-y-2"
x-transition:enter-end="opacity-100 trangray-y-0"
x-transition:leave="transition ease-out duration-200"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0" style="display: none;">
<div class="w-full max-w-xs">
<ul class="grid grid-cols-1">
<li>
<a href="https://filmclub.vip/lang/en"
class="text-gray-500 dark:text-gray-300 hover:text-primary-500 dark:hover:text-white dark:hover:bg-gray-700/50 py-2.5 px-3 rounded-lg flex gap-x-3 items-center tracking-tighter">
<img src="https://filmclub.vip/static/img/flags/en.svg"
alt="Zastava: English"
class="h-4 w-auto rounded-full">
<span>English</span>
</a>
</li>
<li>
<a href="https://filmclub.vip/lang/tr"
class="text-gray-500 dark:text-gray-300 hover:text-primary-500 dark:hover:text-white dark:hover:bg-gray-700/50 py-2.5 px-3 rounded-lg flex gap-x-3 items-center tracking-tighter">
<img src="https://filmclub.vip/static/img/flags/tr.svg"
alt="Zastava: Türkçe"
class="h-4 w-auto rounded-full">
<span>Türkçe</span>
</a>
</li>
<li>
<a href="https://filmclub.vip/lang/de"
class="text-gray-500 dark:text-gray-300 hover:text-primary-500 dark:hover:text-white dark:hover:bg-gray-700/50 py-2.5 px-3 rounded-lg flex gap-x-3 items-center tracking-tighter">
<img src="https://filmclub.vip/static/img/flags/de.svg"
alt="Zastava: Deutschland"
class="h-4 w-auto rounded-full">
<span>Deutschland</span>
</a>
</li>
<li>
<a href="https://filmclub.vip/lang/fr"
class="text-gray-500 dark:text-gray-300 hover:text-primary-500 dark:hover:text-white dark:hover:bg-gray-700/50 py-2.5 px-3 rounded-lg flex gap-x-3 items-center tracking-tighter">
<img src="https://filmclub.vip/static/img/flags/fr.svg"
alt="Zastava: France"
class="h-4 w-auto rounded-full">
<span>France</span>
</a>
</li>
<li>
<a href="https://filmclub.vip/lang/ja"
class="text-gray-500 dark:text-gray-300 hover:text-primary-500 dark:hover:text-white dark:hover:bg-gray-700/50 py-2.5 px-3 rounded-lg flex gap-x-3 items-center tracking-tighter">
<img src="https://filmclub.vip/static/img/flags/ja.svg"
alt="Zastava: 日本"
class="h-4 w-auto rounded-full">
<span>日本</span>
</a>
</li>
<li>
<a href="https://filmclub.vip/lang/ar"
class="text-gray-500 dark:text-gray-300 hover:text-primary-500 dark:hover:text-white dark:hover:bg-gray-700/50 py-2.5 px-3 rounded-lg flex gap-x-3 items-center tracking-tighter">
<img src="https://filmclub.vip/static/img/flags/ar.svg"
alt="Zastava: عربي"
class="h-4 w-auto rounded-full">
<span>عربي</span>
</a>
</li>
<li>
<a href="https://filmclub.vip/lang/sr"
class="text-gray-500 dark:text-gray-300 hover:text-primary-500 dark:hover:text-white dark:hover:bg-gray-700/50 py-2.5 px-3 rounded-lg flex gap-x-3 items-center tracking-tighter">
<img src="https://filmclub.vip/static/img/flags/sr.svg"
alt="Zastava: Srpski"
class="h-4 w-auto rounded-full">
<span>Srpski</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<p class="mt-3 text-xs sm:text-sm text-gray-500 dark:text-gray-500">
© 2025 Film Club. All rights reserved.</p>
<!-- Social Brands -->
<div class="space-x-1 mt-3">
<a class="inline-flex justify-center items-center w-10 h-10 text-center text-gray-500 hover:bg-gray-100 rounded-full focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 focus:ring-offset-white transition dark:text-gray-500 dark:hover:text-gray-200 dark:hover:bg-gray-800 dark:focus:ring-offset-slate-900"
href="https://t.me/filmclub_tv" target="_blank">
<svg
xmlns="http://www.w3.org/2000/svg"
stroke-linecap="round"
stroke-width="1.75"
stroke-linejoin="round"
class="w-4 h-4" fill="currentColor">
<use xlink:href="https://filmclub.vip/static/sprite/sprite.svg#twitter"></use>
</svg>
</a>
<a class="inline-flex justify-center items-center w-10 h-10 text-center text-gray-500 hover:bg-gray-100 rounded-full focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 focus:ring-offset-white transition dark:text-gray-500 dark:hover:text-gray-200 dark:hover:bg-gray-800 dark:focus:ring-offset-slate-900"
href="https://www.facebook.com/FILM-Club-100064531101247/" target="_blank">
<svg
xmlns="http://www.w3.org/2000/svg"
stroke-linecap="round"
stroke-width="1.75"
stroke-linejoin="round"
class="w-4 h-4" fill="currentColor">
<use xlink:href="https://filmclub.vip/static/sprite/sprite.svg#facebook"></use>
</svg>
</a>
</div>
<!-- End Social Brands -->
</div>
<!-- End Col -->
<div class=" lg:col-span-3">
<h4 class="text-sm font-medium text-gray-700 dark:text-gray-100">Pregled</h4>
<div class="mt-4 grid grid-cols-2 gap-3 text-sm">
<a href="https://filmclub.vip/browse?sort=created_at"
class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
Novo
</a>
<a href="https://filmclub.vip/top-imdb"
class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
Top IMDb
</a>
<a href="https://filmclub.vip/movies"
class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
Filmovi
</a>
<a href="https://filmclub.vip/tv-shows"
class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
TV Serije
</a>
<a href="https://filmclub.vip/collections"
class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
Kolekcije
</a>
<a href="https://filmclub.vip/peoples"
class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
Glumci
</a>
<a href="https://filmclub.tv"
class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
Filmclub
</a>
<a href="https://filmclub.vip/sitemaps/sitemap_post_1.xml"
class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
Sitemap
</a>
<a href="https://filmclub.tv/donacija/donacija.php"
class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
PREMIUM
</a>
</div>
</div>
<!-- End Col -->
<div class=" lg:col-span-3">
<h4 class="text-sm font-medium text-gray-700 dark:text-gray-100">About</h4>
<div class="mt-4 grid grid-cols-2 gap-3 text-sm">
<a href="https://filmclub.vip/page/dmca"
class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
DMCA
</a>
<a href="https://filmclub.vip/page/privacy-policy"
class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
Privacy policy
</a>
<a href="https://filmclub.vip/page/cookie-policy"
class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
Cookie policy
</a>
</div>
</div>
</div>
<!-- End Grid -->
</footer>
</div>
<div wire:snapshot="{"data":{"q":""},"memo":{"id":"R8nz3fLNDB0d1vNPG8gr","name":"search-component","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"sr"},"checksum":"cea11d9baf6095d95581e0445886e44ada5fea13966570a2533fce9c918b47e0"}" wire:effects="[]" wire:id="R8nz3fLNDB0d1vNPG8gr">
<div class="fixed inset-0 bg-gray-950/30 backdrop-blur-sm z-50 transition-opacity"
x-show="searchOpen" x-transition:enter="transition ease-out duration-200"
x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"
x-transition:leave="transition ease-out duration-100" x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0" aria-hidden="true" style="display: none;"></div>
<!-- Modal dialog -->
<div id="search-modal"
class="fixed inset-0 z-50 overflow-hidden flex items-start top-20 mb-4 justify-center px-4 sm:px-6"
role="dialog" aria-modal="true" x-show="searchOpen"
x-transition:enter="transition ease-in-out duration-200"
x-transition:enter-start="opacity-0 trangray-y-4"
x-transition:enter-end="opacity-100 trangray-y-0"
x-transition:leave="transition ease-in-out duration-200"
x-transition:leave-start="opacity-100 trangray-y-0"
x-transition:leave-end="opacity-0 trangray-y-4" style="display: none;">
<div class="bg-white overflow-auto max-w-3xl w-full max-h-full rounded-xl px-2 py-1"
@click.outside="searchOpen = false" @keydown.escape.window="searchOpen = false">
<!-- Search form -->
<div class="relative">
<label for="modal-search" class="sr-only">Search</label>
<input id="modal-search"
class="w-full border-0 focus:ring-transparent bg-transparent placeholder-gray-400/50 text-sm appearance-none py-3 pl-14 pr-4"
type="search" placeholder="Pretraga .." x-ref="searchInput" name="q" wire:model.live.debounce.500ms="q"/>
<button class="absolute inset-0 right-auto group" type="submit" aria-label="Search">
<svg
xmlns="http://www.w3.org/2000/svg"
stroke-linecap="round"
stroke-width="1.75"
stroke-linejoin="round"
class="w-5 h-5 shrink-0 fill-current text-gray-400 group-hover:text-gray-500 ml-4 mr-4" stroke-width="2">
<use xlink:href="https://filmclub.vip/static/sprite/sprite.svg#search"></use>
</svg>
</button>
<div role="status" class="absolute right-0 top-1/2 -translate-y-1/2" wire:loading>
<svg aria-hidden="true" class="inline w-6 h-6 mr-3 text-gray-200 animate-spin dark:text-gray-100 fill-primary-500" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
<path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
</svg>
<span class="sr-only">Loading...</span>
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
</div>
<script src="https://filmclub.vip/static/js/lazysizes.js" type="98ee465f6d1fba9411576d41-text/javascript"></script>
<div wire:snapshot="{"data":{"message":null,"showToastr":false},"memo":{"id":"t9XoybLmlK3prZE0pqEQ","name":"notify-component","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"sr"},"checksum":"0e2109685d0cd4c48c5c337faf147cf7c21290761545ca3ee9eef846c067dbb9"}" wire:effects="{"listeners":["show-toast"]}" wire:id="t9XoybLmlK3prZE0pqEQ"
class="notify fixed bottom-0 right-0 flex items-center w-full max-w-sm justify-center px-6 py-8 pointer-events-none z-50">
<div
x-data="{ showToastr:false, countdown: 4000,intervalx:100 }"
x-init="
window.Livewire.find('t9XoybLmlK3prZE0pqEQ').on('show-toast', () => {
showToastr = true;
countdown = 5000;
intervalx = 100;
const interval = setInterval(() => {
countdown = countdown - intervalx;
if (countdown === 0) {
showToastr = false;
clearInterval(interval);
}
}, intervalx);
});
"
x-show="showToastr"
x-description="Notification panel, show/hide based on alert state."
x-transition:enter="transform ease-out duration-300 transition"
x-transition:enter-start="translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2"
x-transition:enter-end="translate-y-0 opacity-100 sm:translate-x-0"
x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0"
class="flex items-center overflow-hidden relative w-full max-w-sm py-5 px-5 space-x-4 max-w-xs bg-gray-800 text-sm text-white rounded-md shadow-lg dark:bg-gray-700 pointer-events-auto"
>
<div class="bg-white/30 rounded-full transition-all duration-150 ease-linear absolute top-0 left-0"
id="toast-timer"
:style="{ height:`3px`,width: `${(100 * countdown) / 5000}%` }">
</div>
<!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
<div class="ml-5 flex-shrink-0 flex">
<button @click="showToastr = false;"
class="inline-flex text-white/50 hover:text-white focus:outline-none focus:text-gray-500 transition ease-in-out duration-150">
<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</button>
</div>
</div>
</div>
<script type="98ee465f6d1fba9411576d41-text/javascript">
function toastNotification() {
return {
show: true,
init() {
this.show = true
var progressBarElem = document.getElementById("toast-timer");
var interval_time = 100; // ms
var duration = 5000; // ms
var total_duration = duration; // Keeps track of the total duration
var update_timer = setInterval(function () {
duration = duration - interval_time;
// Update the progress bar if there is one
if (progressBarElem !== null) {
progressBarElem.style.width = (100 * duration) / total_duration + "%";
}
if (duration <= 0) {
// Stop updating the timer
clearInterval(update_timer);
}
}, interval_time);
setTimeout(() => {
this.show = false
}, 5000)
}
}
}
</script>
<script src="/livewire/livewire.js?id=8a199ab2" data-csrf="t8zNQf8deDJX4ujCjHtMpAS910bNJeCmLhkkTcfL" data-update-uri="/livewire/update" data-navigate-once="true" type="98ee465f6d1fba9411576d41-text/javascript"></script>
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="98ee465f6d1fba9411576d41-|49" defer></script></body>
</html>