- Scan-ID:
- da214ba7-6679-44cb-85c8-53442358c324Beendet
- Eingereichte URL:
- https://popcornmovies.to/
- Bericht beendet:
Links · 0 gefunden
Die von der Seite ausgehenden identifizierten Links
JavaScript-Variablen · 19 gefunden
Globale JavaScript-Variablen, die in das Window Object einer Seite geladen werden, sind Variablen, die außerhalb von Funktionen deklariert werden und von jeder Stelle des Codes innerhalb des aktuellen Bereichs zugänglich sind
| Name | Typ |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| gtag | function |
| dataLayer | object |
| OneSignal | function |
| lazySizes | object |
| toastNotification | function |
| Livewire | object |
| Alpine | object |
Konsolenprotokoll-Meldungen · 2 gefunden
In der Web-Konsole protokollierte Meldungen
| Typ | Kategorie | Protokoll |
|---|---|---|
| warning | other |
|
| warning | other |
|
HTML
Der HTML-Rohtext der Seite
<!DOCTYPE html><html lang="en" class="dark" dir="ltr"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="Q0rw21LC8q6zAcXfkblGdSyELYHg9no3LhFat17C">
<title>Watch Movies & TV Shows Online Free HD — PopcornMovies</title>
<meta itemprop="name" content="Watch Movies & TV Shows Online Free HD — PopcornMovies">
<meta itemprop="description" content="The best place to watch movies online for free in HD quality FMovies. Free TV Shows, Films and live channels PopcornMovies">
<meta property="og:url" content="https://popcornmovies.to">
<meta property="og:locale" content="en_EN">
<meta property="og:type" content="article">
<meta property="og:title" content="Watch Movies & TV Shows Online Free HD — PopcornMovies">
<meta property="og:description" content="The best place to watch movies online for free in HD quality FMovies. Free TV Shows, Films and live channels PopcornMovies">
<meta property="og:url" content="https://popcornmovies.to">
<meta name="twitter:card" content="summary_large_image">
<link rel="canonical" href="https://popcornmovies.to">
<link rel="apple-touch-icon" sizes="180x180" href="https://popcornmovies.to/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://popcornmovies.to/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://popcornmovies.to/favicon/favicon-16x16.png">
<link rel="manifest" href="https://popcornmovies.to/site.webmanifest">
<link rel="preload" as="style" href="https://popcornmovies.to/build/assets/app-e4db462b.css"><link rel="preload" as="style" href="https://popcornmovies.to/build/assets/app-c0621ef5.css"><link rel="modulepreload" href="https://popcornmovies.to/build/assets/app-120bde95.js"><link rel="stylesheet" href="https://popcornmovies.to/build/assets/app-e4db462b.css" data-navigate-track="reload"><link rel="stylesheet" href="https://popcornmovies.to/build/assets/app-c0621ef5.css" data-navigate-track="reload"><script type="module" src="https://popcornmovies.to/build/assets/app-120bde95.js" data-navigate-track="reload"></script>
<style>
:root {
--color-gray-50:248 250 252;
--color-gray-100:241 245 249;
--color-gray-200:226 232 240;
--color-gray-300:203 213 225;
--color-gray-400:148 163 184;
--color-gray-500:100 116 139;
--color-gray-600:71 85 105;
--color-gray-700:51 65 85;
--color-gray-800:30 41 59;
--color-gray-900:15 23 42;
--color-gray-950:2 6 23;
--color-primary-500: 46 213 115;
}
</style>
<!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-XVB7VSKWFH"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XVB7VSKWFH');
</script>
<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" defer=""></script>
<script>
window.OneSignal = window.OneSignal || [];
OneSignal.push(function () {
OneSignal.init({
appId: "4985adf1-27b8-4ccc-85f6-519c90dc3c3c"
});
});
OneSignal.push(function () {
OneSignal.showNativePrompt();
});
</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>
<style>/* Make clicks pass-through */
#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: var(--livewire-progress-bar-color, #29d);
position: fixed;
z-index: 1031;
top: 0;
left: 0;
width: 100%;
height: 2px;
}
/* Fancy blur effect */
#nprogress .peg {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px var(--livewire-progress-bar-color, #29d), 0 0 5px var(--livewire-progress-bar-color, #29d);
opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
}
/* Remove these to get rid of the spinner */
#nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 15px;
right: 15px;
}
#nprogress .spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: var(--livewire-progress-bar-color, #29d);
border-left-color: var(--livewire-progress-bar-color, #29d);
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
overflow: hidden;
position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@-webkit-keyframes nprogress-spinner {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style><style>/* Make clicks pass-through */
#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: var(--livewire-progress-bar-color, #29d);
position: fixed;
z-index: 1031;
top: 0;
left: 0;
width: 100%;
height: 2px;
}
/* Fancy blur effect */
#nprogress .peg {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px var(--livewire-progress-bar-color, #29d), 0 0 5px var(--livewire-progress-bar-color, #29d);
opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
}
/* Remove these to get rid of the spinner */
#nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 15px;
right: 15px;
}
#nprogress .spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: var(--livewire-progress-bar-color, #29d);
border-left-color: var(--livewire-progress-bar-color, #29d);
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
overflow: hidden;
position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@-webkit-keyframes nprogress-spinner {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style><script src="https://cdn.onesignal.com/sdks/OneSignalPageSDKES6.js?v=151606" async=""></script></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 mb-4 custom-container ">
<div class="">
<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" aria-expanded="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>
<rect y="11" width="24" height="1.5"></rect>
<rect y="18" width="24" height="1.5"></rect>
</svg>
</button>
</div>
<!-- Site branding -->
<div class="shrink-0 lg:ml-0 flex items-center gap-x-5">
<!-- Logo -->
<a class="" href="https://popcornmovies.to/home">
<img src="https://popcornmovies.to/static/img/logo-1723617006.png" class="w-full h-7" alt="PopcornMovies">
</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://popcornmovies.to/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">Movies</div>
</a>
</li>
<li class="">
<a href="https://popcornmovies.to/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 Shows</div>
</a>
</li>
<li class="">
<a href="https://popcornmovies.to/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">Trending</div>
</a>
</li>
<li class="">
<a href="https://popcornmovies.to/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://popcornmovies.to/live-broadcasts" 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">Live broadcasts</div>
</a>
</li>
<li class="">
<a href="https://popcornmovies.to/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">Collections</div>
</a>
</li>
<li class="">
<a href="https://popcornmovies.to/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">Actors</div>
</a>
</li>
<li class="hidden 2xl:block">
<a href="https://popcornmovies.to/request" 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">Request</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://popcornmovies.to/static/sprite/sprite.svg#search"></use>
</svg>
</button>
</li>
<li class="hidden lg:block">
<a href="https://popcornmovies.to/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">Sign in</a>
</li>
<li class="hidden lg:block">
<a href="https://popcornmovies.to/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>Sign up</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://popcornmovies.to/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://popcornmovies.to/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 -translate-x-full" :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://popcornmovies.to/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" x-bind:class="compactToggle ? 'w-6 h-6' : ''">
<use xlink:href="https://popcornmovies.to/static/sprite/sprite.svg#movie"></use>
</svg>
<div class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1 block" :class="compactToggle ? 'lg:hidden' : 'block'">Movies</div>
</a>
<a href="https://popcornmovies.to/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" x-bind:class="compactToggle ? 'w-6 h-6' : ''">
<use xlink:href="https://popcornmovies.to/static/sprite/sprite.svg#tv"></use>
</svg>
<div class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1 block" :class="compactToggle ? 'lg:hidden' : 'block'">TV Shows</div>
</a>
<a href="https://popcornmovies.to/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" x-bind:class="compactToggle ? 'w-6 h-6' : ''">
<use xlink:href="https://popcornmovies.to/static/sprite/sprite.svg#trending"></use>
</svg>
<div class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1 block" :class="compactToggle ? 'lg:hidden' : 'block'">Trending</div>
</a>
<a href="https://popcornmovies.to/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" x-bind:class="compactToggle ? 'w-6 h-6' : ''">
<use xlink:href="https://popcornmovies.to/static/sprite/sprite.svg#top"></use>
</svg>
<div class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1 block" :class="compactToggle ? 'lg:hidden' : 'block'">Top IMDb</div>
</a>
<a href="https://popcornmovies.to/live-broadcasts" 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" x-bind:class="compactToggle ? 'w-6 h-6' : ''">
<use xlink:href="https://popcornmovies.to/static/sprite/sprite.svg#broadcast"></use>
</svg>
<div class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1 block" :class="compactToggle ? 'lg:hidden' : 'block'">Live broadcasts</div>
</a>
<a href="https://popcornmovies.to/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" x-bind:class="compactToggle ? 'w-6 h-6' : ''">
<use xlink:href="https://popcornmovies.to/static/sprite/sprite.svg#collection"></use>
</svg>
<div class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1 block" :class="compactToggle ? 'lg:hidden' : 'block'">Collections</div>
</a>
<div class="border-t border-gray-100 dark:border-gray-800/50 my-6"></div>
<a href="https://popcornmovies.to/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" x-bind:class="compactToggle ? 'w-6 h-6' : ''">
<use xlink:href="https://popcornmovies.to/static/sprite/sprite.svg#people"></use>
</svg>
<div class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1 block" :class="compactToggle ? 'lg:hidden' : 'block'">Actors</div>
</a>
<a href="https://popcornmovies.to/request" 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" x-bind:class="compactToggle ? 'w-6 h-6' : ''">
<use xlink:href="https://popcornmovies.to/static/sprite/sprite.svg#refresh"></use>
</svg>
<div class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1 block" :class="compactToggle ? 'lg:hidden' : 'block'">Request</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 block" :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://popcornmovies.to/page/privacy-policy" class="hover:underline">Privacy Policy</a>
<a href="https://popcornmovies.to/page/cookie-policy" class="hover:underline">Cookie Policy</a>
<a href="https://popcornmovies.to/page/dmca" class="hover:underline">DMCA</a>
<a href="https://popcornmovies.to/page/terms" class="hover:underline">Terms</a>
</div>
<div class="text-xs mt-4 text-gray-500 dark:text-gray-500">
© 2024 PopcornMovies</div>
</div>
</div>
</aside>
<div class="flex-1">
<div class="relative">
<div class="absolute inset-0 before:absolute before:inset-0 before:bg-gradient-to-b before:from-gray-950 before:to-transparent before:z-10 after:absolute after:inset-0 after:bg-gradient-to-t after:from-gray-950 after:to-transparent after:via-gray-950/60 after:z-10">
</div>
<div class="absolute inset-0 before:absolute before:right-0 rtl:before:left-0 before:top-0 before:bottom-0 before:w-1/5 before:bg-gradient-to-l before:from-gray-950 before:to-transparent after:absolute after:left-0 after:top-0 after:bottom-0 after:w-1/2 after:bg-gradient-to-r after:from-gray-950 after:to-transparent z-10">
</div>
<img src="https://popcornmovies.to/static/img/landing.jpg" class="absolute h-full w-full object-cover z-0">
<!-- Hero -->
<div class="container py-10 sm:py-24 relative z-20">
<div class="text-center">
<div class="flex items-center justify-center">
<img src="/static/img/PopcornLanding.png" alt="PopcornMovies" class="h-20 mr-2">
<h1 class="text-4xl sm:text-5xl font-bold text-gray-800 dark:text-gray-200 texture-text animate-pulse">
PopcornMovies
</h1>
</div>
<p class="mt-3 text-gray-600 dark:text-gray-400">70,000+ Movies 35,000+ TV Shows And Live Broadcasts</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="Q0rw21LC8q6zAcXfkblGdSyELYHg9no3LhFat17C" autocomplete="off"> <div class="relative z-10 flex space-x-3 p-2 bg-gray-700/50 backdrop-blur 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="Search .." 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">
<use xlink:href="https://popcornmovies.to/static/sprite/sprite.svg#search"></use>
</svg>
</button>
</div>
</form>
</div>
<a href="https://popcornmovies.to/home" 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 border-transparent text-white bg-primary-500 hover:bg-primary-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 dark:hover:bg-primary-500/70 dark:focus:ring-offset-gray-800 !px-3 mx-auto !rounded-full mt-10 !text-base !font-bold !py-2.5" type="submit">
<svg xmlns="http://www.w3.org/2000/svg" class="size-8" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM10.6219 8.41459C10.5562 8.37078 10.479 8.34741 10.4 8.34741C10.1791 8.34741 10 8.52649 10 8.74741V15.2526C10 15.3316 10.0234 15.4088 10.0672 15.4745C10.1897 15.6583 10.4381 15.708 10.6219 15.5854L15.5008 12.3328C15.5447 12.3035 15.5824 12.2658 15.6117 12.2219C15.7343 12.0381 15.6846 11.7897 15.5008 11.6672L10.6219 8.41459Z">
</path>
</svg>
Go to Homepage
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="size-4" stroke="currentColor">
<use xlink:href="https://popcornmovies.to/static/sprite/sprite.svg#right"></use>
</svg>
</a>
</div>
</div>
<!-- End Hero -->
<div class="max-w-7xl mx-auto w-full px-6 lg:px-8 relative z-20">
</div>
</div>
</div>
<div class="mt-auto">
<div class="fixed bottom-4 left-0 right-0 z-40" x-show="!promote">
<div class="block hover:bg-gray-800 transition duration-300 max-w-2xl mx-auto bg-gray-700/80 backdrop-blur-lg w-full rounded-full p-1.5 px-4 overflow-hidden">
<div class="flex items-center gap-x-6">
<div class="w-12 h-12 relative">
<img src="https://popcornmovies.to/static/img/promote.png" class="w-full h-auto">
</div>
<a href="" class="text-base hover:underline font-medium text-white tracking-tight">New Movies And Shows are added daily, if you still do not find what you are looking for, you can use the request section to post it yourself.</a>
<div class="inline-flex cursor-pointer ml-auto rounded-full p-2 text-gray-500 hover:bg-gray-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-50 focus:ring-gray-600 dark:hover:bg-white/20 dark:hover:backdrop-blur-lg dark:text-white/70" @click="promote = true">
<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">
<use xlink:href="https://popcornmovies.to/static/sprite/sprite.svg#close"></use>
</svg>
</div>
</div>
</div>
</div>
<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://popcornmovies.to/home" aria-label="Brand">
<img src="https://popcornmovies.to/static/img/logo-1723617006.png" class="w-auto h-10" alt="PopcornMovies">
</a>
<p class="mt-5 text-sm text-gray-400 leading-6 max-w-sm w-full">PopcornMovies - The best place to watch movies online for free with HD quality, Free TV Shows and stream liv</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>English</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">
<use xlink:href="https://popcornmovies.to/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://popcornmovies.to/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://popcornmovies.to/static/img/flags/en.svg" class="h-4 w-auto rounded-full">
<span>English</span>
</a>
</li>
<li>
<a href="https://popcornmovies.to/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://popcornmovies.to/static/img/flags/tr.svg" class="h-4 w-auto rounded-full">
<span>Türkçe</span>
</a>
</li>
<li>
<a href="https://popcornmovies.to/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://popcornmovies.to/static/img/flags/de.svg" class="h-4 w-auto rounded-full">
<span>Deutschland</span>
</a>
</li>
<li>
<a href="https://popcornmovies.to/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://popcornmovies.to/static/img/flags/fr.svg" class="h-4 w-auto rounded-full">
<span>France</span>
</a>
</li>
<li>
<a href="https://popcornmovies.to/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://popcornmovies.to/static/img/flags/ja.svg" class="h-4 w-auto rounded-full">
<span>日本</span>
</a>
</li>
<li>
<a href="https://popcornmovies.to/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://popcornmovies.to/static/img/flags/ar.svg" class="h-4 w-auto rounded-full">
<span>عربي</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<p class="mt-3 text-xs sm:text-sm text-gray-500 dark:text-gray-500">
© 2024 PopcornMovies. 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="#" 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://popcornmovies.to/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="#" 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://popcornmovies.to/static/sprite/sprite.svg#facebook"></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="#" 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://popcornmovies.to/static/sprite/sprite.svg#instagram"></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="#" 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://popcornmovies.to/static/sprite/sprite.svg#youtube"></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">Browse</h4>
<div class="mt-4 grid grid-cols-2 gap-3 text-sm">
<a href="https://popcornmovies.to/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">
Movies
</a>
<a href="https://popcornmovies.to/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 Shows
</a>
<a href="https://popcornmovies.to/trending" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
Trending
</a>
<a href="https://popcornmovies.to/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://popcornmovies.to/live-broadcasts" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
Live broadcasts
</a>
<a href="https://popcornmovies.to/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">
Collections
</a>
<a href="https://popcornmovies.to/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">
Actors
</a>
<a href="https://popcornmovies.to/request" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
Request
</a>
<a href="/subscription" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
Subscription
</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://popcornmovies.to/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://popcornmovies.to/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>
<a href="https://popcornmovies.to/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://popcornmovies.to/page/terms" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
Terms
</a>
</div>
</div>
</div>
<!-- End Grid -->
</footer>
<div class="fixed bottom-4 right-4 z-[60] sm:max-w-lg" x-show="!cookiePolicy">
<!-- Card -->
<div class="p-7 bg-white rounded-2xl shadow-sm dark:bg-gray-800">
<div class="flex gap-x-6">
<svg class="h-10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<path style="fill:#FFC033;" d="M471.801,434.713C423.206,484.554,358.118,512,288.536,512c-13.594,0-26.945-1.07-39.97-3.114
C126.312,489.645,32.533,383.558,32.533,255.997c0-68.08,26.308-132.124,74.091-180.327c38.833-39.172,88.241-64.261,141.941-72.588
c12.376-1.936,24.968-2.965,37.723-3.074c27.798-0.217,55.217,3.967,81.444,12.498c8.652,2.816,15.49,9.681,18.279,18.347
c2.789,8.652,1.232,18.184-4.143,25.482c-19.308,26.254-29.517,57.41-29.517,90.109c0,48.636,22.422,93.197,61.54,122.267
c8.896,6.608,12.863,18.239,9.884,28.949c-1.977,7.095-2.979,14.434-2.979,21.813c0,30.574,16.898,58.29,44.087,72.358
c7.555,3.9,12.877,11.252,14.244,19.674C480.48,419.927,477.745,428.606,471.801,434.713z"></path>
<path style="fill:#F9A926;" d="M471.801,434.713C423.206,484.554,358.118,512,288.536,512c-13.594,0-26.945-1.07-39.97-3.114V3.082
c12.376-1.936,24.968-2.965,37.723-3.074c27.798-0.217,55.217,3.967,81.444,12.498c8.652,2.816,15.49,9.681,18.279,18.347
c2.789,8.652,1.232,18.184-4.143,25.482c-19.308,26.254-29.517,57.41-29.517,90.109c0,48.636,22.422,93.197,61.54,122.267
c8.896,6.608,12.863,18.239,9.884,28.949c-1.977,7.095-2.979,14.434-2.979,21.813c0,30.574,16.898,58.29,44.087,72.358
c7.555,3.9,12.877,11.252,14.244,19.674C480.48,419.927,477.745,428.606,471.801,434.713z"></path>
<path style="fill:#A6673A;" d="M270.027,177.519c0,31.237-25.401,56.638-56.638,56.638s-56.638-25.401-56.638-56.638
s25.401-56.638,56.638-56.638S270.027,146.282,270.027,177.519z"></path>
<path style="fill:#99522E;" d="M270.027,177.519c0,31.237-25.401,56.638-56.638,56.638V120.88
C244.625,120.88,270.027,146.282,270.027,177.519z"></path>
<path style="fill:#A6673A;" d="M253.63,315.709c0,35.665-29.03,64.681-64.695,64.681s-64.681-29.016-64.681-64.681
s29.016-64.695,64.681-64.695S253.63,280.044,253.63,315.709z"></path>
<path style="fill:#99522E;" d="M253.63,315.709c0,35.665-29.03,64.681-64.695,64.681V251.014
C224.6,251.014,253.63,280.044,253.63,315.709z"></path>
<path style="fill:#A6673A;" d="M356.751,362.314c0,27.134-22.084,49.218-49.232,49.218c-27.134,0-49.218-22.084-49.218-49.218
c0-27.148,22.084-49.232,49.218-49.232C334.667,313.082,356.751,335.166,356.751,362.314z"></path>
<path style="fill:#99522E;" d="M356.751,362.314c0,27.134-22.084,49.218-49.232,49.218v-98.45
C334.667,313.082,356.751,335.166,356.751,362.314z"></path>
</svg>
<p class="text-sm text-gray-800 dark:text-gray-200">
By browsing this website, you accept our <a href="https://popcornmovies.to/page/cookie-policy" target="_blank" class="inline-flex items-center gap-x-1.5 text-primary-500 decoration-2 hover:underline font-medium">cookies policy</a>.
</p>
<div>
<button type="button" class="inline-flex rounded-full p-2 text-gray-500 hover:bg-gray-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-50 focus:ring-gray-600 dark:hover:bg-gray-600 dark:text-gray-400" @click="cookiePolicy = true">
<span class="sr-only">Dismiss</span>
<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">
<use xlink:href="https://popcornmovies.to/static/sprite/sprite.svg#close"></use>
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
<div wire:snapshot="{"data":{"q":""},"memo":{"id":"vdjyoPlOTJdwf1hLDYIn","name":"search-component","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"eb30fe957952f4855820190794ffb3c6f707c21d4a7df572fee8408791ad21f1"}" wire:effects="[]" wire:id="vdjyoPlOTJdwf1hLDYIn">
<div class="fixed inset-0 bg-gray-950/30 dark:bg-gray-950/50 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 translate-y-4" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in-out duration-200" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-4" style="display: none;">
<div class="bg-white dark:bg-gray-800 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 dark:bg-gray-800 dark:text-gray-200 placeholder-gray-400 dark:placeholder-gray-500 text-sm appearance-none py-3 pl-14 pr-4" type="search" placeholder="Search .." 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 dark:group-hover:text-gray-400 ml-4 mr-4">
<use xlink:href="https://popcornmovies.to/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-600 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>
<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"></path>
</svg>
<span class="sr-only">Loading...</span>
</div>
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
</div>
<script src="https://popcornmovies.to/static/js/lazysizes.js"></script>
<script>
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>
<!-- Livewire Scripts -->
<script src="https://popcornmovies.to/vendor/livewire/livewire.js?id=cc800bf4" data-csrf="Q0rw21LC8q6zAcXfkblGdSyELYHg9no3LhFat17C" data-update-uri="/livewire/update" data-navigate-once="true"></script>
</body></html>