- ID scansione:
- d03e22c1-d0c0-482c-932e-6c3f70306ccbFatto
- URL inviato:
- https://soap2daay.com/
- Report terminato:
Link · 0 trovati
I link in uscita identificati dalla pagina
Variabili JavaScript · 9 trovate
Le variabili JavaScript globali caricate sull'oggetto finestra di una pagina sono variabili dichiarate all'esterno delle funzioni e accessibili da qualsiasi punto del codice nell'ambito corrente
| Nome | Tipo |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| Swiper | function |
| z | function |
| isMobile | function |
| T | function |
| injectContent | function |
| LazyLoad | function |
Messaggi di log della console · 1 trovati
Messaggi registrati nella console Web
| Tipo | Categoria | Log |
|---|---|---|
| error | network |
|
HTML
Il corpo HTML non elaborato della pagina
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr" lang="en-US" prefix="og: https://ogp.me/ns#"><head> <base href="https://soap2daay.com"> <meta charset="UTF-8"> <meta name="revisit-after" content="1 days"> <meta name="author" content="Soap2Day"> <meta http-equiv="content-language" content="en"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="shortcut icon" href="https://soap2daay.com/themes/binged/assets/img/favicon.png" type="image/x-icon"> <meta name="robots" content="index,follow"> <title>Soap2Day - Watch Movies and Series Free on Soaptoday</title> <meta name="description" content="soap2day to watch free movies online. soap 2 day, soaptoday has thousands of latest movies and shows in HD Quality."> <meta name="robots" content="max-image-preview:large"> <link rel="canonical" href="https://soap2daay.com/"> <meta name="generator" content="SEO SW"> <meta property="og:locale" content="en_US"> <meta property="og:site_name" content="Soap2Day"> <meta property="og:type" content="website"> <meta property="og:title" content="Soap2Day - Watch Movies and Series Free on Soaptoday"> <meta property="og:description" content="soap2day to watch free movies online. soap 2 day, soaptoday has thousands of latest movies and shows in HD Quality."> <meta property="og:url" content="https://soap2daay.com/"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Soap2Day - Watch Movies and Series Free on Soaptoday"> <meta name="twitter:description" content="soap2day to watch free movies online. soap 2 day, soaptoday has thousands of latest movies and shows in HD Quality."> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "url": "{$baseurl}", "name": "{$sitename}", "potentialAction": { "@type": "SearchAction", "target": "{$baseurl}/search/{search_term_string}", "query-input": "required name=search_term_string" } } </script> <link rel="stylesheet" href="https://soap2daay.com/themes/binged/assets/css/app.css"> <link rel="sitemap" type="application/xml" title="Sitemap" href="https://soap2daay.com/sitemap.xml"> <script> const BASE_URL = 'https://soap2daay.com'; </script> </head> <body> <div id="root"> <header class=" false h-16 absolute top-0 left-0 right-0 z-[99] w-full smoothie"> <div class="" style="position: fixed; top: 0px; left: 0px; height: 2.2px; background: transparent; z-index: 2147483647; width: 100%;"> <div class="" style="height: 100%; background: rgb(74, 234, 220); width: 0%; opacity: 1; color: rgb(74, 234, 220);"> <div style="box-shadow: rgb(74, 234, 220) 0px 0px 10px, rgb(74, 234, 220) 0px 0px 10px; width: 5%; opacity: 1; position: absolute; height: 100%; transform: rotate(3deg) translate(0px, -4px); left: -5.5%;"></div> </div> </div> <div class="flex justify-between gap-5 h-full items-center xl:max-w-[93%] mx-auto px-3 sm:px-5 font-medium text-base"> <span class="flex gap-4 items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="hidden cursor-pointer smoothie hover:scale-110"> <path d="m12 19-7-7 7-7"></path> <path d="M19 12H5"></path> </svg> <a class="gradient-heading3 text-[1.6rem] tracking-normal text-2xl smoothie active:scale-[.97] font-extrabold uppercase" href="/">Soap2Day</a> </span> <div class="xl:flex absolute left-1/2 -translate-x-1/2 gap-4 xl:gap-8 hidden"> <a class="text-[var(--Gblue)] brightness-110 tracking-wider hover:brightness-110 gap-1 text-center text-base flex false" href="/" target="">Home</a> <a class="lline text-white brightness-110 tracking-wider hover:brightness-110 gap-1 text-center text-base flex false" href="/movies/" target="">Movies</a> <a class="lline text-white brightness-110 tracking-wider hover:brightness-110 gap-1 text-center text-base flex false" href="/tvshows/" target="">Tv Shows</a> <div class="relative"> <a class="lline text-white brightness-110 tracking-wider hover:brightness-110 gap-1 text-center text-base flex false" id="genre-dropdown-toggle">Genre</a> <div class="dropdown-menu absolute hidden bg-[#18191d] rounded-xl overflow-hidden shadow-lg"> <a class="block text-white px-4 py-2 hover:bg-[#333]" href="/genre/action-adventure/" title="Action & Adventure">Action & Adventure</a> <a class="block text-white px-4 py-2 hover:bg-[#333]" href="/genre/action/" title="Action">Action</a> <a class="block text-white px-4 py-2 hover:bg-[#333]" href="/genre/adventure/" title="Adventure">Adventure</a> <a class="block text-white px-4 py-2 hover:bg-[#333]" href="/genre/animation/" title="Animation">Animation</a> <a class="block text-white px-4 py-2 hover:bg-[#333]" href="/genre/comedy/" title="Comedy">Comedy</a> <a class="block text-white px-4 py-2 hover:bg-[#333]" href="/genre/crime/" title="Crime">Crime</a> <a class="block text-white px-4 py-2 hover:bg-[#333]" href="/genre/documentary/" title="Documentary">Documentary</a> <a class="block text-white px-4 py-2 hover:bg-[#333]" href="/genre/drama/" title="Drama">Drama</a> <a class="block text-white px-4 py-2 hover:bg-[#333]" href="/genre/family/" title="Family">Family</a> <a class="block text-white px-4 py-2 hover:bg-[#333]" href="/genre/fantasy/" title="Fantasy">Fantasy</a> <a class="block text-white px-4 py-2 hover:bg-[#333]" href="/genre/history/" title="History">History</a> <a class="block text-white px-4 py-2 hover:bg-[#333]" href="/genre/horror/" title="Horror">Horror</a> <a class="block text-white px-4 py-2 hover:bg-[#333]" href="/genre/kids/" title="Kids">Kids</a> <a class="block text-white px-4 py-2 hover:bg-[#333]" href="/genre/music/" title="Music">Music</a> <a class="block text-white px-4 py-2 hover:bg-[#333]" href="/genre/mystery/" title="Mystery">Mystery</a> <a class="block text-white px-4 py-2 hover:bg-[#333]" href="/genre/reality/" title="Reality">Reality</a> <a class="block text-white px-4 py-2 hover:bg-[#333]" href="/genre/romance/" title="Romance">Romance</a> <a class="block text-white px-4 py-2 hover:bg-[#333]" href="/genre/sci-fi-fantasy/" title="Sci-Fi & Fantasy">Sci-Fi & Fantasy</a> <a class="block text-white px-4 py-2 hover:bg-[#333]" href="/genre/science-fiction/" title="Science Fiction">Science Fiction</a> <a class="block text-white px-4 py-2 hover:bg-[#333]" href="/genre/soap/" title="Soap">Soap</a> <a class="block text-white px-4 py-2 hover:bg-[#333]" href="/genre/thriller/" title="Thriller">Thriller</a> <a class="block text-white px-4 py-2 hover:bg-[#333]" href="/genre/tv-movie/" title="TV Movie">TV Movie</a> <a class="block text-white px-4 py-2 hover:bg-[#333]" href="/genre/war-politics/" title="War & Politics">War & Politics</a> <a class="block text-white px-4 py-2 hover:bg-[#333]" href="/genre/war/" title="War">War</a> <a class="block text-white px-4 py-2 hover:bg-[#333]" href="/genre/western/" title="Western">Western</a> </div> </div> </div> <div id="dynamic-content">
<div class="flex items-center gap-3">
<div class="relative sm:flex flex-col group search-container">
<div class="flex gap-2 items-center backdrop-blur bg-white/20 px-3 rounded-lg smoothie">
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="#9c9c9c" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search">
<circle cx="11" cy="11" r="8"></circle>
<path d="m21 21-4.3-4.3"></path>
</svg>
<input type="search" name="search" placeholder="Search Anything..." class="!bg-transparent text-[.8rem] leading-8 font-normal text-white/90 w-[220px] 2xl:w-[250px] group-focus-within:w-[280px] 2xl:group-focus-within:w-[320px] tracking-wide smoothie" autocomplete="off" id="search-input">
</div>
</div>
</div>
</div> </div> </header> <div class="fixed bottom-3 right-3 z-[999] flex xl:hidden bg-[#1e1f24] p-2 rounded-lg shadow-lg backdrop-blur"> <div class="xl:hidden"> <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="var(--Gblue)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="false"> <line x1="4" x2="20" y1="12" y2="12"></line> <line x1="4" x2="20" y1="6" y2="6"></line> <line x1="4" x2="20" y1="18" y2="18"></line> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="var(--Gblue)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="hidden"> <path d="M18 6 6 18"></path> <path d="m6 6 12 12"></path> </svg> </div> <div class="hidden flex-col gap-2 z-50 size-fit items-center justify-center bg-[#18191d] absolute bottom-[3rem] right-0 p-5 smoothie rounded-xl overflow-hidden backdrop-blur shadow-lg"> <div class="flex w-full flex-col items-center gap-3"> <a class=" text-[var(--Gblue)] brightness-110 text-center font-medium flex text-nowrap tracking-wide false" href="/">Home</a> <a class=" lline text-white brightness-110 text-center font-medium flex text-nowrap tracking-wide false" href="/movies/">Movies</a> <a class=" lline text-white brightness-110 text-center font-medium flex text-nowrap tracking-wide false" href="/tvshows/">Tv Shows</a> </div> </div> </div> <div class="w-full flex flex-col gap-5 md:gap-12"> <section aria-labelledby="trending-section"> <div> <div class="swiper swiper-initialized swiper-horizontal h-[50vh] md:h-[100vh] swiper-backface-hidden"> <div class="swiper-wrapper" id="swiper-wrapper-2b3e4cb0d21027572" aria-live="off"> <div class="swiper-slide swiper-slide-active" style="width: 793px;"> <div class="size-full relative overflow-hidden"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img alt="Trending movie poster" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w1280" width="100%" class="size-full object-cover error" data-ll-status="error" src="https://i0.wp.com/www.themoviedb.org/t/p/w1280"> </span> <div id="opacity-layer"></div> <div class="absolute flex flex-col gap-2 md:gap-4 tracking-wide w-[87%] sm:w-[70%] md:w-[45%] left-[5%] bottom-[8%] md:bottom-[28vh] xl:bottom-[30vh]"> <div class="flex flex-col gap-1 md:gap-2"> <h2 class="line-clamp-2 text-white font-semibold leading-tight text-2xl md:text-3xl lg:text-4xl py-1 flex-shrink-0">Gladiator II</h2> <div class="text-xs 2xl:text-sm tracking-wider text-white/90 flex gap-3"> <span class="flex items-center gap-1 rounded-md"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="whitesmoke" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span>0.0</span> </span> <span class="flex gap-1"> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar-range"> <rect width="18" height="18" x="3" y="4" rx="2" ry="2"></rect> <line x1="16" x2="16" y1="2" y2="6"></line> <line x1="8" x2="8" y1="2" y2="6"></line> <line x1="3" x2="21" y1="10" y2="10"></line> <path d="M17 14h-6"></path> <path d="M13 18H7"></path> <path d="M7 14h.01"></path> <path d="M17 18h.01"></path> </svg> <span>2024-11-13</span> </span> <span class="flex items-center gap-1"> <span class="uppercase">en</span> <span>•</span> <span>HD</span> </span> </div> </div> <p class="leading-tight text-md text-slate-200 !line-clamp-2 !md:line-clamp-3 lg:leading-snug" title="Follows Lucius, the son of Maximus' love Lucilla, after Maximus' death.">Follows Lucius, the son of Maximus' love Lucilla, after Maximus' death.</p> <div class="flex gap-2 mt-2"> <a class="bg-[#00c1db] gap-1 font-semibold flex-shrink-0 text-black text-sm md:text-base p-2 md:py-[.65rem] rounded-full lg:rounded-lg overflow-hidden hover:brightness-[.8] justify-center items-center flex w-[7rem] md:w-[10rem]" href="/movies/gladiator-2-AJQlGm-7c29842422/" aria-label="Play Gladiator II"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="black" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> Play <span class="md:block hidden">Now</span> </a> </div> </div> </div> </div> <div class="swiper-slide swiper-slide-next" style="width: 793px;"> <div class="size-full relative overflow-hidden"> <span class="lazy-load-image-background blur lazy-load-image-loaded" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img alt="Trending movie poster" height="100%" width="100%" class="size-full object-cover loaded" data-ll-status="loaded" src="https://i0.wp.com/www.themoviedb.org/t/p/w1280/tkRDTu9hyWgaBSSzfkYDCZYd1kV.jpg"> </span> <div id="opacity-layer"></div> <div class="absolute flex flex-col gap-2 md:gap-4 tracking-wide w-[87%] sm:w-[70%] md:w-[45%] left-[5%] bottom-[8%] md:bottom-[28vh] xl:bottom-[30vh]"> <div class="flex flex-col gap-1 md:gap-2"> <h2 class="line-clamp-2 text-white font-semibold leading-tight text-2xl md:text-3xl lg:text-4xl py-1 flex-shrink-0">Conclave</h2> <div class="text-xs 2xl:text-sm tracking-wider text-white/90 flex gap-3"> <span class="flex items-center gap-1 rounded-md"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="whitesmoke" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span>5.2</span> </span> <span class="flex gap-1"> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar-range"> <rect width="18" height="18" x="3" y="4" rx="2" ry="2"></rect> <line x1="16" x2="16" y1="2" y2="6"></line> <line x1="8" x2="8" y1="2" y2="6"></line> <line x1="3" x2="21" y1="10" y2="10"></line> <path d="M17 14h-6"></path> <path d="M13 18H7"></path> <path d="M7 14h.01"></path> <path d="M17 18h.01"></path> </svg> <span>2024-10-25</span> </span> <span class="flex items-center gap-1"> <span class="uppercase">en</span> <span>•</span> <span>HD</span> </span> </div> </div> <p class="leading-tight text-md text-slate-200 !line-clamp-2 !md:line-clamp-3 lg:leading-snug" title="After the unexpected death of the Pope, Cardinal Lawrence is tasked with managing the covert and ancient ritual of electing a new one. Sequestered in the Vatican with the Catholic Church’s most powerful leaders until the process is complete, Lawre...">After the unexpected death of the Pope, Cardinal Lawrence is tasked with managing the covert and ancient ritual of electing a new one. Sequestered in the Vatican with the Catholic Church’s most powerful leaders until the process is complete, Lawre...</p> <div class="flex gap-2 mt-2"> <a class="bg-[#00c1db] gap-1 font-semibold flex-shrink-0 text-black text-sm md:text-base p-2 md:py-[.65rem] rounded-full lg:rounded-lg overflow-hidden hover:brightness-[.8] justify-center items-center flex w-[7rem] md:w-[10rem]" href="/movies/conclave-ZQL5TR-9d58c976cc/" aria-label="Play Conclave"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="black" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> Play <span class="md:block hidden">Now</span> </a> </div> </div> </div> </div> <div class="swiper-slide" style="width: 793px;"> <div class="size-full relative overflow-hidden"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img alt="Trending movie poster" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w1280/3V4kLQg0kSqPLctI5ziYWabAZYF.jpg" width="100%" class="size-full object-cover"> </span> <div id="opacity-layer"></div> <div class="absolute flex flex-col gap-2 md:gap-4 tracking-wide w-[87%] sm:w-[70%] md:w-[45%] left-[5%] bottom-[8%] md:bottom-[28vh] xl:bottom-[30vh]"> <div class="flex flex-col gap-1 md:gap-2"> <h2 class="line-clamp-2 text-white font-semibold leading-tight text-2xl md:text-3xl lg:text-4xl py-1 flex-shrink-0">Venom: The Last Dance</h2> <div class="text-xs 2xl:text-sm tracking-wider text-white/90 flex gap-3"> <span class="flex items-center gap-1 rounded-md"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="whitesmoke" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span>7.8</span> </span> <span class="flex gap-1"> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar-range"> <rect width="18" height="18" x="3" y="4" rx="2" ry="2"></rect> <line x1="16" x2="16" y1="2" y2="6"></line> <line x1="8" x2="8" y1="2" y2="6"></line> <line x1="3" x2="21" y1="10" y2="10"></line> <path d="M17 14h-6"></path> <path d="M13 18H7"></path> <path d="M7 14h.01"></path> <path d="M17 18h.01"></path> </svg> <span>2024-10-22</span> </span> <span class="flex items-center gap-1"> <span class="uppercase">en</span> <span>•</span> <span>HD</span> </span> </div> </div> <p class="leading-tight text-md text-slate-200 !line-clamp-2 !md:line-clamp-3 lg:leading-snug" title="Eddie and Venom are on the run. Hunted by both of their worlds and with the net closing in, the duo are forced into a devastating decision that will bring the curtains down on Venom and Eddie's last dance.">Eddie and Venom are on the run. Hunted by both of their worlds and with the net closing in, the duo are forced into a devastating decision that will bring the curtains down on Venom and Eddie's last dance.</p> <div class="flex gap-2 mt-2"> <a class="bg-[#00c1db] gap-1 font-semibold flex-shrink-0 text-black text-sm md:text-base p-2 md:py-[.65rem] rounded-full lg:rounded-lg overflow-hidden hover:brightness-[.8] justify-center items-center flex w-[7rem] md:w-[10rem]" href="/movies/venom-the-last-dance-Bxe4Vb-4f6baa4c96/" aria-label="Play Venom: The Last Dance"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="black" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> Play <span class="md:block hidden">Now</span> </a> </div> </div> </div> </div> <div class="swiper-slide" style="width: 793px;"> <div class="size-full relative overflow-hidden"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img alt="Trending movie poster" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w1280/yNU8UF3DOmv3G9gVNAj34beclTG.jpg" width="100%" class="size-full object-cover"> </span> <div id="opacity-layer"></div> <div class="absolute flex flex-col gap-2 md:gap-4 tracking-wide w-[87%] sm:w-[70%] md:w-[45%] left-[5%] bottom-[8%] md:bottom-[28vh] xl:bottom-[30vh]"> <div class="flex flex-col gap-1 md:gap-2"> <h2 class="line-clamp-2 text-white font-semibold leading-tight text-2xl md:text-3xl lg:text-4xl py-1 flex-shrink-0">Transformers One</h2> <div class="text-xs 2xl:text-sm tracking-wider text-white/90 flex gap-3"> <span class="flex items-center gap-1 rounded-md"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="whitesmoke" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span>0.0</span> </span> <span class="flex gap-1"> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar-range"> <rect width="18" height="18" x="3" y="4" rx="2" ry="2"></rect> <line x1="16" x2="16" y1="2" y2="6"></line> <line x1="8" x2="8" y1="2" y2="6"></line> <line x1="3" x2="21" y1="10" y2="10"></line> <path d="M17 14h-6"></path> <path d="M13 18H7"></path> <path d="M7 14h.01"></path> <path d="M17 18h.01"></path> </svg> <span>2024-09-11</span> </span> <span class="flex items-center gap-1"> <span class="uppercase">en</span> <span>•</span> <span>HD</span> </span> </div> </div> <p class="leading-tight text-md text-slate-200 !line-clamp-2 !md:line-clamp-3 lg:leading-snug" title="The untold origin story of Optimus Prime and Megatron, better known as sworn enemies, but once were friends bonded like brothers who changed the fate of Cybertron forever.">The untold origin story of Optimus Prime and Megatron, better known as sworn enemies, but once were friends bonded like brothers who changed the fate of Cybertron forever.</p> <div class="flex gap-2 mt-2"> <a class="bg-[#00c1db] gap-1 font-semibold flex-shrink-0 text-black text-sm md:text-base p-2 md:py-[.65rem] rounded-full lg:rounded-lg overflow-hidden hover:brightness-[.8] justify-center items-center flex w-[7rem] md:w-[10rem]" href="/movies/transformers-one-6eaQ2u-7774e4a8ce/" aria-label="Play Transformers One"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="black" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> Play <span class="md:block hidden">Now</span> </a> </div> </div> </div> </div> <div class="swiper-slide" style="width: 793px;"> <div class="size-full relative overflow-hidden"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img alt="Trending movie poster" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w1280/9oYdz5gDoIl8h67e3ccv3OHtmm2.jpg" width="100%" class="size-full object-cover"> </span> <div id="opacity-layer"></div> <div class="absolute flex flex-col gap-2 md:gap-4 tracking-wide w-[87%] sm:w-[70%] md:w-[45%] left-[5%] bottom-[8%] md:bottom-[28vh] xl:bottom-[30vh]"> <div class="flex flex-col gap-1 md:gap-2"> <h2 class="line-clamp-2 text-white font-semibold leading-tight text-2xl md:text-3xl lg:text-4xl py-1 flex-shrink-0">The Substance</h2> <div class="text-xs 2xl:text-sm tracking-wider text-white/90 flex gap-3"> <span class="flex items-center gap-1 rounded-md"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="whitesmoke" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span>8.1</span> </span> <span class="flex gap-1"> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar-range"> <rect width="18" height="18" x="3" y="4" rx="2" ry="2"></rect> <line x1="16" x2="16" y1="2" y2="6"></line> <line x1="8" x2="8" y1="2" y2="6"></line> <line x1="3" x2="21" y1="10" y2="10"></line> <path d="M17 14h-6"></path> <path d="M13 18H7"></path> <path d="M7 14h.01"></path> <path d="M17 18h.01"></path> </svg> <span>2024-09-07</span> </span> <span class="flex items-center gap-1"> <span class="uppercase">en</span> <span>•</span> <span>HD</span> </span> </div> </div> <p class="leading-tight text-md text-slate-200 !line-clamp-2 !md:line-clamp-3 lg:leading-snug" title="A fading celebrity decides to use a black market drug, a cell-replicating substance that temporarily creates a younger, better version of herself.">A fading celebrity decides to use a black market drug, a cell-replicating substance that temporarily creates a younger, better version of herself.</p> <div class="flex gap-2 mt-2"> <a class="bg-[#00c1db] gap-1 font-semibold flex-shrink-0 text-black text-sm md:text-base p-2 md:py-[.65rem] rounded-full lg:rounded-lg overflow-hidden hover:brightness-[.8] justify-center items-center flex w-[7rem] md:w-[10rem]" href="/movies/the-substance-MgQ2XL-22701e0f1b/" aria-label="Play The Substance"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="black" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> Play <span class="md:block hidden">Now</span> </a> </div> </div> </div> </div> <div class="swiper-slide" style="width: 793px;"> <div class="size-full relative overflow-hidden"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img alt="Trending movie poster" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w1280/c8vGaFuWkYetS1GY02CfSg88oaI.jpg" width="100%" class="size-full object-cover"> </span> <div id="opacity-layer"></div> <div class="absolute flex flex-col gap-2 md:gap-4 tracking-wide w-[87%] sm:w-[70%] md:w-[45%] left-[5%] bottom-[8%] md:bottom-[28vh] xl:bottom-[30vh]"> <div class="flex flex-col gap-1 md:gap-2"> <h2 class="line-clamp-2 text-white font-semibold leading-tight text-2xl md:text-3xl lg:text-4xl py-1 flex-shrink-0">Deadpool & Wolverine</h2> <div class="text-xs 2xl:text-sm tracking-wider text-white/90 flex gap-3"> <span class="flex items-center gap-1 rounded-md"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="whitesmoke" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span>8.1</span> </span> <span class="flex gap-1"> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar-range"> <rect width="18" height="18" x="3" y="4" rx="2" ry="2"></rect> <line x1="16" x2="16" y1="2" y2="6"></line> <line x1="8" x2="8" y1="2" y2="6"></line> <line x1="3" x2="21" y1="10" y2="10"></line> <path d="M17 14h-6"></path> <path d="M13 18H7"></path> <path d="M7 14h.01"></path> <path d="M17 18h.01"></path> </svg> <span>2024-07-24</span> </span> <span class="flex items-center gap-1"> <span class="uppercase">en</span> <span>•</span> <span>HD</span> </span> </div> </div> <p class="leading-tight text-md text-slate-200 !line-clamp-2 !md:line-clamp-3 lg:leading-snug" title="Wolverine joins the " merc="" with="" a="" mouth"="" in="" the="" third="" installment="" of="" deadpool="" film="" franchise."="">Wolverine joins the "merc with a mouth" in the third installment of the Deadpool film franchise.</p> <div class="flex gap-2 mt-2"> <a class="bg-[#00c1db] gap-1 font-semibold flex-shrink-0 text-black text-sm md:text-base p-2 md:py-[.65rem] rounded-full lg:rounded-lg overflow-hidden hover:brightness-[.8] justify-center items-center flex w-[7rem] md:w-[10rem]" href="/movies/deadpool-3-GPeHp6-06ad2551f1/" aria-label="Play Deadpool & Wolverine"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="black" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> Play <span class="md:block hidden">Now</span> </a> </div> </div> </div> </div> </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> </div> </section> <section aria-labelledby="trending-today-section" class="w-full mb-2 md:mb-0 mx-auto flex flex-col gap-3 md:gap-4 z-30 -mt-2 md:mt-[-27vh] xl:max-w-[92%]"> <header class="font-medium flex items-center gap-2 tracking-wide w-full px-2 lg:px-3 text-lg md:text-2xl py-1 flex-shrink-0" id="trending-today-section"> <div class="h-[1.4rem] p-[3px] md:h-[1.5rem] flex items-center justify-center rounded bg-[#00c1db]"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="black" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flame"> <path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"></path> </svg> </div> <h2>What's Trending Today</h2> </header> <div class="pl-3 lg:pl-4 w-full relative overflow-hidden"> <span class="hidden sm:flex absolute px-7 justify-center h-full items-center xl:rounded-r-3xl bg-gradient-to-l from-[#07080aa9] right-[-1px] z-30 top-1/2 -translate-y-1/2 cursor-pointer hover:text-[var(--Gblue)] overflow-hidden smoothie"></span> <div class="swiper swiper-initialized swiper-horizontal swiper-free-mode xl:rounded-3xl"> <div class="swiper-wrapper" id="swiper-wrapper-f7110247b5302b0810" aria-live="off"> <div class="swiper-slide aspect-[2/1] h-fit rounded-2xl lg:rounded-3xl overflow-hidden active:scale-[.98] transition-transform duration-300 ease-linear swiper-slide-active" style="width: 253.667px; margin-right: 10px;"> <a class="relative h-full w-full flex flex-col gap-2 flex-shrink-0 bg-[var(--light)] group active:scale-100" href="/tvshows/from-kjCxB3-c78f85f0bd/" aria-label="Watch FROM"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" fill="none" stroke="#2cdfff" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" class="absolute z-30 group-hover:opacity-100 opacity-0 top-2 right-2 smoothie"> <circle cx="12" cy="12" r="10"></circle> <polygon points="10 8 16 12 10 16 10 8"></polygon> </svg> <div class="z-0"> <span class="lazy-load-image-background blur lazy-load-image-loaded" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img alt="Thumbnail of FROM" width="100%" height="100%" class="size-full object-cover object-center group-hover:scale-[1.03] smoothie !duration-300 loaded" data-ll-status="loaded" src="https://i0.wp.com/www.themoviedb.org/t/p/w1280/hR2pFXMxVihldEk5WoSrV7Yq2ra.jpg"> </span> </div> <div class="flex flex-col hover:ring-[2px] ring-[#2cd5ff] ring-inset gradient-opacity absolute size-full gap-1 md:gap-2 justify-end bottom-0 right-0 left-0 pb-2 px-3 lg:px-5 lg:pb-3 smoothie rounded-2xl lg:rounded-3xl"> <h3 class="line-clamp-2 uppercase tracking-wide !leading-none text-sm md:text-base font-bold">FROM</h3> <div class="flex flex-wrap text-xs !leading-tight text-[#2cdfff] font-normal tracking-wider gap-1"> <span>Rating: 8.1</span> <span>•</span> <span>2022</span> <span>•</span> <span class="uppercase">en</span> </div> </div> </a> </div> <div class="swiper-slide aspect-[2/1] h-fit rounded-2xl lg:rounded-3xl overflow-hidden active:scale-[.98] transition-transform duration-300 ease-linear swiper-slide-next" style="width: 253.667px; margin-right: 10px;"> <a class="relative h-full w-full flex flex-col gap-2 flex-shrink-0 bg-[var(--light)] group active:scale-100" href="/tvshows/dexter-sclLK5-c604cafc62/" aria-label="Watch Dexter"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" fill="none" stroke="#2cdfff" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" class="absolute z-30 group-hover:opacity-100 opacity-0 top-2 right-2 smoothie"> <circle cx="12" cy="12" r="10"></circle> <polygon points="10 8 16 12 10 16 10 8"></polygon> </svg> <div class="z-0"> <span class="lazy-load-image-background blur lazy-load-image-loaded" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img alt="Thumbnail of Dexter" width="100%" height="100%" class="size-full object-cover object-center group-hover:scale-[1.03] smoothie !duration-300 loaded" data-ll-status="loaded" src="https://i0.wp.com/www.themoviedb.org/t/p/w1280/aSGSxGMTP893DPMCvMl9AdnEICE.jpg"> </span> </div> <div class="flex flex-col hover:ring-[2px] ring-[#2cd5ff] ring-inset gradient-opacity absolute size-full gap-1 md:gap-2 justify-end bottom-0 right-0 left-0 pb-2 px-3 lg:px-5 lg:pb-3 smoothie rounded-2xl lg:rounded-3xl"> <h3 class="line-clamp-2 uppercase tracking-wide !leading-none text-sm md:text-base font-bold">Dexter</h3> <div class="flex flex-wrap text-xs !leading-tight text-[#2cdfff] font-normal tracking-wider gap-1"> <span>Rating: 8.2</span> <span>•</span> <span>2006</span> <span>•</span> <span class="uppercase">en</span> </div> </div> </a> </div> <div class="swiper-slide aspect-[2/1] h-fit rounded-2xl lg:rounded-3xl overflow-hidden active:scale-[.98] transition-transform duration-300 ease-linear" style="width: 253.667px; margin-right: 10px;"> <a class="relative h-full w-full flex flex-col gap-2 flex-shrink-0 bg-[var(--light)] group active:scale-100" href="/movies/conclave-ZQL5TR-9d58c976cc/" aria-label="Watch Conclave"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" fill="none" stroke="#2cdfff" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" class="absolute z-30 group-hover:opacity-100 opacity-0 top-2 right-2 smoothie"> <circle cx="12" cy="12" r="10"></circle> <polygon points="10 8 16 12 10 16 10 8"></polygon> </svg> <div class="z-0"> <span class="lazy-load-image-background blur lazy-load-image-loaded" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img alt="Thumbnail of Conclave" width="100%" height="100%" class="size-full object-cover object-center group-hover:scale-[1.03] smoothie !duration-300 loaded" data-ll-status="loaded" src="https://i0.wp.com/www.themoviedb.org/t/p/w1280/tkRDTu9hyWgaBSSzfkYDCZYd1kV.jpg"> </span> </div> <div class="flex flex-col hover:ring-[2px] ring-[#2cd5ff] ring-inset gradient-opacity absolute size-full gap-1 md:gap-2 justify-end bottom-0 right-0 left-0 pb-2 px-3 lg:px-5 lg:pb-3 smoothie rounded-2xl lg:rounded-3xl"> <h3 class="line-clamp-2 uppercase tracking-wide !leading-none text-sm md:text-base font-bold">Conclave</h3> <div class="flex flex-wrap text-xs !leading-tight text-[#2cdfff] font-normal tracking-wider gap-1"> <span>Rating: 5.2</span> <span>•</span> <span>2024</span> <span>•</span> <span class="uppercase">en</span> </div> </div> </a> </div> <div class="swiper-slide aspect-[2/1] h-fit rounded-2xl lg:rounded-3xl overflow-hidden active:scale-[.98] transition-transform duration-300 ease-linear" style="width: 253.667px; margin-right: 10px;"> <a class="relative h-full w-full flex flex-col gap-2 flex-shrink-0 bg-[var(--light)] group active:scale-100" href="/tvshows/game-of-thrones-3640f2d9f5/" aria-label="Watch Game of Thrones"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" fill="none" stroke="#2cdfff" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" class="absolute z-30 group-hover:opacity-100 opacity-0 top-2 right-2 smoothie"> <circle cx="12" cy="12" r="10"></circle> <polygon points="10 8 16 12 10 16 10 8"></polygon> </svg> <div class="z-0"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w1280/2OMB0ynKlyIenMJWI2Dy9IWT4c.jpg" alt="Thumbnail of Game of Thrones" width="100%" height="100%" class="size-full object-cover object-center group-hover:scale-[1.03] smoothie !duration-300"> </span> </div> <div class="flex flex-col hover:ring-[2px] ring-[#2cd5ff] ring-inset gradient-opacity absolute size-full gap-1 md:gap-2 justify-end bottom-0 right-0 left-0 pb-2 px-3 lg:px-5 lg:pb-3 smoothie rounded-2xl lg:rounded-3xl"> <h3 class="line-clamp-2 uppercase tracking-wide !leading-none text-sm md:text-base font-bold">Game of Thrones</h3> <div class="flex flex-wrap text-xs !leading-tight text-[#2cdfff] font-normal tracking-wider gap-1"> <span>Rating: 8.5</span> <span>•</span> <span>2011</span> <span>•</span> <span class="uppercase">en</span> </div> </div> </a> </div> <div class="swiper-slide aspect-[2/1] h-fit rounded-2xl lg:rounded-3xl overflow-hidden active:scale-[.98] transition-transform duration-300 ease-linear" style="width: 253.667px; margin-right: 10px;"> <a class="relative h-full w-full flex flex-col gap-2 flex-shrink-0 bg-[var(--light)] group active:scale-100" href="/movies/red-one-YlpKT1-cdae44bb38/" aria-label="Watch Red One"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" fill="none" stroke="#2cdfff" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" class="absolute z-30 group-hover:opacity-100 opacity-0 top-2 right-2 smoothie"> <circle cx="12" cy="12" r="10"></circle> <polygon points="10 8 16 12 10 16 10 8"></polygon> </svg> <div class="z-0"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w1280/rOmUuQEZfPXglwFs5ELLLUDKodL.jpg" alt="Thumbnail of Red One" width="100%" height="100%" class="size-full object-cover object-center group-hover:scale-[1.03] smoothie !duration-300"> </span> </div> <div class="flex flex-col hover:ring-[2px] ring-[#2cd5ff] ring-inset gradient-opacity absolute size-full gap-1 md:gap-2 justify-end bottom-0 right-0 left-0 pb-2 px-3 lg:px-5 lg:pb-3 smoothie rounded-2xl lg:rounded-3xl"> <h3 class="line-clamp-2 uppercase tracking-wide !leading-none text-sm md:text-base font-bold">Red One</h3> <div class="flex flex-wrap text-xs !leading-tight text-[#2cdfff] font-normal tracking-wider gap-1"> <span>Rating: 0.0</span> <span>•</span> <span>2024</span> <span>•</span> <span class="uppercase">en</span> </div> </div> </a> </div> <div class="swiper-slide aspect-[2/1] h-fit rounded-2xl lg:rounded-3xl overflow-hidden active:scale-[.98] transition-transform duration-300 ease-linear" style="width: 253.667px; margin-right: 10px;"> <a class="relative h-full w-full flex flex-col gap-2 flex-shrink-0 bg-[var(--light)] group active:scale-100" href="/movies/alien-romulus--o4YSR-6c9a33e232/" aria-label="Watch Alien: Romulus"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" fill="none" stroke="#2cdfff" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" class="absolute z-30 group-hover:opacity-100 opacity-0 top-2 right-2 smoothie"> <circle cx="12" cy="12" r="10"></circle> <polygon points="10 8 16 12 10 16 10 8"></polygon> </svg> <div class="z-0"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w1280/9SSEUrSqhljBMzRe4aBTh17rUaC.jpg" alt="Thumbnail of Alien: Romulus" width="100%" height="100%" class="size-full object-cover object-center group-hover:scale-[1.03] smoothie !duration-300"> </span> </div> <div class="flex flex-col hover:ring-[2px] ring-[#2cd5ff] ring-inset gradient-opacity absolute size-full gap-1 md:gap-2 justify-end bottom-0 right-0 left-0 pb-2 px-3 lg:px-5 lg:pb-3 smoothie rounded-2xl lg:rounded-3xl"> <h3 class="line-clamp-2 uppercase tracking-wide !leading-none text-sm md:text-base font-bold">Alien: Romulus</h3> <div class="flex flex-wrap text-xs !leading-tight text-[#2cdfff] font-normal tracking-wider gap-1"> <span>Rating: 7.4</span> <span>•</span> <span>2024</span> <span>•</span> <span class="uppercase">en</span> </div> </div> </a> </div> <div class="swiper-slide aspect-[2/1] h-fit rounded-2xl lg:rounded-3xl overflow-hidden active:scale-[.98] transition-transform duration-300 ease-linear" style="width: 253.667px; margin-right: 10px;"> <a class="relative h-full w-full flex flex-col gap-2 flex-shrink-0 bg-[var(--light)] group active:scale-100" href="/movies/venom-the-last-dance-Bxe4Vb-4f6baa4c96/" aria-label="Watch Venom: The Last Dance"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" fill="none" stroke="#2cdfff" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" class="absolute z-30 group-hover:opacity-100 opacity-0 top-2 right-2 smoothie"> <circle cx="12" cy="12" r="10"></circle> <polygon points="10 8 16 12 10 16 10 8"></polygon> </svg> <div class="z-0"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w1280/3V4kLQg0kSqPLctI5ziYWabAZYF.jpg" alt="Thumbnail of Venom: The Last Dance" width="100%" height="100%" class="size-full object-cover object-center group-hover:scale-[1.03] smoothie !duration-300"> </span> </div> <div class="flex flex-col hover:ring-[2px] ring-[#2cd5ff] ring-inset gradient-opacity absolute size-full gap-1 md:gap-2 justify-end bottom-0 right-0 left-0 pb-2 px-3 lg:px-5 lg:pb-3 smoothie rounded-2xl lg:rounded-3xl"> <h3 class="line-clamp-2 uppercase tracking-wide !leading-none text-sm md:text-base font-bold">Venom: The Last Dance</h3> <div class="flex flex-wrap text-xs !leading-tight text-[#2cdfff] font-normal tracking-wider gap-1"> <span>Rating: 7.8</span> <span>•</span> <span>2024</span> <span>•</span> <span class="uppercase">en</span> </div> </div> </a> </div> <div class="swiper-slide aspect-[2/1] h-fit rounded-2xl lg:rounded-3xl overflow-hidden active:scale-[.98] transition-transform duration-300 ease-linear" style="width: 253.667px; margin-right: 10px;"> <a class="relative h-full w-full flex flex-col gap-2 flex-shrink-0 bg-[var(--light)] group active:scale-100" href="/tvshows/breaking-bad-FqWAGN-bcea4740d3/" aria-label="Watch Breaking Bad"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" fill="none" stroke="#2cdfff" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" class="absolute z-30 group-hover:opacity-100 opacity-0 top-2 right-2 smoothie"> <circle cx="12" cy="12" r="10"></circle> <polygon points="10 8 16 12 10 16 10 8"></polygon> </svg> <div class="z-0"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w1280/9faGSFi5jam6pDWGNd0p8JcJgXQ.jpg" alt="Thumbnail of Breaking Bad" width="100%" height="100%" class="size-full object-cover object-center group-hover:scale-[1.03] smoothie !duration-300"> </span> </div> <div class="flex flex-col hover:ring-[2px] ring-[#2cd5ff] ring-inset gradient-opacity absolute size-full gap-1 md:gap-2 justify-end bottom-0 right-0 left-0 pb-2 px-3 lg:px-5 lg:pb-3 smoothie rounded-2xl lg:rounded-3xl"> <h3 class="line-clamp-2 uppercase tracking-wide !leading-none text-sm md:text-base font-bold">Breaking Bad</h3> <div class="flex flex-wrap text-xs !leading-tight text-[#2cdfff] font-normal tracking-wider gap-1"> <span>Rating: 8.9</span> <span>•</span> <span>2008</span> <span>•</span> <span class="uppercase">en</span> </div> </div> </a> </div> <div class="swiper-slide aspect-[2/1] h-fit rounded-2xl lg:rounded-3xl overflow-hidden active:scale-[.98] transition-transform duration-300 ease-linear" style="width: 253.667px; margin-right: 10px;"> <a class="relative h-full w-full flex flex-col gap-2 flex-shrink-0 bg-[var(--light)] group active:scale-100" href="/movies/deadpool-3-GPeHp6-06ad2551f1/" aria-label="Watch Deadpool & Wolverine"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" fill="none" stroke="#2cdfff" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" class="absolute z-30 group-hover:opacity-100 opacity-0 top-2 right-2 smoothie"> <circle cx="12" cy="12" r="10"></circle> <polygon points="10 8 16 12 10 16 10 8"></polygon> </svg> <div class="z-0"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w1280/c8vGaFuWkYetS1GY02CfSg88oaI.jpg" alt="Thumbnail of Deadpool & Wolverine" width="100%" height="100%" class="size-full object-cover object-center group-hover:scale-[1.03] smoothie !duration-300"> </span> </div> <div class="flex flex-col hover:ring-[2px] ring-[#2cd5ff] ring-inset gradient-opacity absolute size-full gap-1 md:gap-2 justify-end bottom-0 right-0 left-0 pb-2 px-3 lg:px-5 lg:pb-3 smoothie rounded-2xl lg:rounded-3xl"> <h3 class="line-clamp-2 uppercase tracking-wide !leading-none text-sm md:text-base font-bold">Deadpool & Wolverine</h3> <div class="flex flex-wrap text-xs !leading-tight text-[#2cdfff] font-normal tracking-wider gap-1"> <span>Rating: 8.1</span> <span>•</span> <span>2024</span> <span>•</span> <span class="uppercase">en</span> </div> </div> </a> </div> <div class="swiper-slide aspect-[2/1] h-fit rounded-2xl lg:rounded-3xl overflow-hidden active:scale-[.98] transition-transform duration-300 ease-linear" style="width: 253.667px; margin-right: 10px;"> <a class="relative h-full w-full flex flex-col gap-2 flex-shrink-0 bg-[var(--light)] group active:scale-100" href="/tvshows/star-wars-skeleton-crew-fiaekO-53c677f898/" aria-label="Watch Star Wars: Skeleton Crew"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" fill="none" stroke="#2cdfff" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" class="absolute z-30 group-hover:opacity-100 opacity-0 top-2 right-2 smoothie"> <circle cx="12" cy="12" r="10"></circle> <polygon points="10 8 16 12 10 16 10 8"></polygon> </svg> <div class="z-0"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w1280/fciU7RVyfcdsTeksTnBXGPmkKg2.jpg" alt="Thumbnail of Star Wars: Skeleton Crew" width="100%" height="100%" class="size-full object-cover object-center group-hover:scale-[1.03] smoothie !duration-300"> </span> </div> <div class="flex flex-col hover:ring-[2px] ring-[#2cd5ff] ring-inset gradient-opacity absolute size-full gap-1 md:gap-2 justify-end bottom-0 right-0 left-0 pb-2 px-3 lg:px-5 lg:pb-3 smoothie rounded-2xl lg:rounded-3xl"> <h3 class="line-clamp-2 uppercase tracking-wide !leading-none text-sm md:text-base font-bold">Star Wars: Skeleton Crew</h3> <div class="flex flex-wrap text-xs !leading-tight text-[#2cdfff] font-normal tracking-wider gap-1"> <span>Rating: 0.0</span> <span>•</span> <span>2024</span> <span>•</span> <span class="uppercase">en</span> </div> </div> </a> </div> <div class="swiper-slide aspect-[2/1] h-fit rounded-2xl lg:rounded-3xl overflow-hidden active:scale-[.98] transition-transform duration-300 ease-linear" style="width: 253.667px; margin-right: 10px;"> <a class="relative h-full w-full flex flex-col gap-2 flex-shrink-0 bg-[var(--light)] group active:scale-100" href="/movies/gladiator-2-AJQlGm-7c29842422/" aria-label="Watch Gladiator II"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" fill="none" stroke="#2cdfff" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" class="absolute z-30 group-hover:opacity-100 opacity-0 top-2 right-2 smoothie"> <circle cx="12" cy="12" r="10"></circle> <polygon points="10 8 16 12 10 16 10 8"></polygon> </svg> <div class="z-0"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w1280" alt="Thumbnail of Gladiator II" width="100%" height="100%" class="size-full object-cover object-center group-hover:scale-[1.03] smoothie !duration-300"> </span> </div> <div class="flex flex-col hover:ring-[2px] ring-[#2cd5ff] ring-inset gradient-opacity absolute size-full gap-1 md:gap-2 justify-end bottom-0 right-0 left-0 pb-2 px-3 lg:px-5 lg:pb-3 smoothie rounded-2xl lg:rounded-3xl"> <h3 class="line-clamp-2 uppercase tracking-wide !leading-none text-sm md:text-base font-bold">Gladiator II</h3> <div class="flex flex-wrap text-xs !leading-tight text-[#2cdfff] font-normal tracking-wider gap-1"> <span>Rating: 0.0</span> <span>•</span> <span>2024</span> <span>•</span> <span class="uppercase">en</span> </div> </div> </a> </div> <div class="swiper-slide aspect-[2/1] h-fit rounded-2xl lg:rounded-3xl overflow-hidden active:scale-[.98] transition-transform duration-300 ease-linear" style="width: 253.667px; margin-right: 10px;"> <a class="relative h-full w-full flex flex-col gap-2 flex-shrink-0 bg-[var(--light)] group active:scale-100" href="/tvshows/yellowstone-01fa8b4471/" aria-label="Watch Yellowstone"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" fill="none" stroke="#2cdfff" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" class="absolute z-30 group-hover:opacity-100 opacity-0 top-2 right-2 smoothie"> <circle cx="12" cy="12" r="10"></circle> <polygon points="10 8 16 12 10 16 10 8"></polygon> </svg> <div class="z-0"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w1280/oBilGalyrQJTtDuYIljRQGNXXb8.jpg" alt="Thumbnail of Yellowstone" width="100%" height="100%" class="size-full object-cover object-center group-hover:scale-[1.03] smoothie !duration-300"> </span> </div> <div class="flex flex-col hover:ring-[2px] ring-[#2cd5ff] ring-inset gradient-opacity absolute size-full gap-1 md:gap-2 justify-end bottom-0 right-0 left-0 pb-2 px-3 lg:px-5 lg:pb-3 smoothie rounded-2xl lg:rounded-3xl"> <h3 class="line-clamp-2 uppercase tracking-wide !leading-none text-sm md:text-base font-bold">Yellowstone</h3> <div class="flex flex-wrap text-xs !leading-tight text-[#2cdfff] font-normal tracking-wider gap-1"> <span>Rating: 8.2</span> <span>•</span> <span>2018</span> <span>•</span> <span class="uppercase">en</span> </div> </div> </a> </div> </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> </div> </section> <section aria-labelledby="movies-section" class="w-full mx-auto flex flex-col xl:flex-row gap-4 lg:px-3 xl:max-w-[92%]"> <div class="flex flex-col gap-3 md:gap-4 my-2 md:my-0 xl:w-[72%] z-20"> <header class="flex relative px-2 lg:pl-0 items-center gap-2 text-lg md:text-2xl uppercase font-medium" id="movies-section"> <div class="h-[1.4rem] md:h-[1.5rem] flex items-center justify-center p-1 rounded bg-[#00c1db]"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clapperboard"> <path d="M4 11v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8H4Z"></path> <path d="m4 11-.88-2.87a2 2 0 0 1 1.33-2.5l11.48-3.5a2 2 0 0 1 2.5 1.32l.87 2.87L4 11.01Z"></path> <path d="m6.6 4.99 3.38 4.2"></path> <path d="m11.86 3.38 3.38 4.2"></path> </svg> </div> <h2>Movies</h2> <a class="text-xs lg:text-sm ml-auto text-white/80 flex items-center capitalize" href="/movies/" aria-label="View all movies"> <span class="hidden sm:flex">View all <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right"> <path d="M7 7h10v10"></path> <path d="M7 17 17 7"></path> </svg> </span> <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="whitesmoke" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sm:hidden"> <path d="M18 8L22 12L18 16"></path> <path d="M2 12H22"></path> </svg> </a> </header> <div class="flex overflow-x-auto no-scrollbar-atAll flex-wrap px-1 lg:p-0"> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/movies/gladiator-2-AJQlGm-7c29842422/" aria-label="Watch Gladiator II"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/1HPoY1RyGdBGfHfYB9t9Jrq8Zmx.jpg" alt="Thumbnail of Gladiator II" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">0.0</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span>2024</span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Gladiator II</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/movies/conclave-ZQL5TR-9d58c976cc/" aria-label="Watch Conclave"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/lWBqcniIYPh3ilAvHZLnlMbjjlZ.jpg" alt="Thumbnail of Conclave" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">5.2</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span>2024</span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Conclave</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/movies/venom-the-last-dance-Bxe4Vb-4f6baa4c96/" aria-label="Watch Venom: The Last Dance"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/8mRrl8lc7TrbdA1PFzUhQ0nFZ7R.jpg" alt="Thumbnail of Venom: The Last Dance" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">7.8</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span>2024</span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Venom: The Last Dance</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/movies/transformers-one-6eaQ2u-7774e4a8ce/" aria-label="Watch Transformers One"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/qbkAqmmEIZfrCO8ZQAuIuVMlWoV.jpg" alt="Thumbnail of Transformers One" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">0.0</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span>2024</span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Transformers One</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/movies/the-substance-MgQ2XL-22701e0f1b/" aria-label="Watch The Substance"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/zQc1PITqFxZDbEmHlQgO5Mxc4Od.jpg" alt="Thumbnail of The Substance" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">8.1</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span>2024</span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">The Substance</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/movies/deadpool-3-GPeHp6-06ad2551f1/" aria-label="Watch Deadpool & Wolverine"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/3e9RToA9tGMl1T994T9T8zLW3CU.jpg" alt="Thumbnail of Deadpool & Wolverine" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">8.1</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span>2024</span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Deadpool & Wolverine</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/movies/red-one-YlpKT1-cdae44bb38/" aria-label="Watch Red One"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/cdqLnri3NEGcmfnqwk2TSIYtddg.jpg" alt="Thumbnail of Red One" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">0.0</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span>2024</span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Red One</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/movies/juror-2-Yy8Q0h-e3a68b8d1f/" aria-label="Watch Juror #2"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/gN1Imvej4GPw5c53ln7gls2nfqt.jpg" alt="Thumbnail of Juror #2" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">7.0</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span>2024</span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Juror #2</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/movies/mary-aciQHs-7243ed8e89/" aria-label="Watch Mary"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/qLeylh7WLmRNcMW3yuMaMLQG0RX.jpg" alt="Thumbnail of Mary" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">3.0</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span>2024</span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Mary</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/movies/wicked-a330eb7a13/" aria-label="Watch Wicked"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/iS46QOZ8uvMRgLMHY22S1GhMwCc.jpg" alt="Thumbnail of Wicked" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">0.0</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span>2024</span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Wicked</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/movies/kraven-the-hunter-uzKvkA-7970d5b80a/" aria-label="Watch Kraven the Hunter"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/i47IUSsN126K11JUzqQIOi1Mg1M.jpg" alt="Thumbnail of Kraven the Hunter" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">5.2</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span>2024</span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Kraven the Hunter</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/movies/the-best-christmas-pageant-ever-_Sjxar-5a6b4d53a8/" aria-label="Watch The Best Christmas Pageant Ever"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/6XjvhydAlXbQodoWbIf77H0Dd9R.jpg" alt="Thumbnail of The Best Christmas Pageant Ever" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">8.3</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span>2024</span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">The Best Christmas Pageant Ever</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/movies/maria-plnTMU-50e1092983/" aria-label="Watch Maria"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/6xHKEYfrO1FpVZJJnKy5BhfWVCK.jpg" alt="Thumbnail of Maria" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">6.9</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span>2024</span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Maria</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/movies/the-wild-robot-leb4Dh-00ff7d468b/" aria-label="Watch The Wild Robot"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/wTnV3PCVW5O92JMrFvvrRcV39RU.jpg" alt="Thumbnail of The Wild Robot" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">0.0</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span>2024</span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">The Wild Robot</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/movies/moana-2-xzYffv-982cb0b5d1/" aria-label="Watch Moana 2"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/m0SbwFNCa9epW1X60deLqTHiP7x.jpg" alt="Thumbnail of Moana 2" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">7.9</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span>2024</span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Moana 2</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/movies/heretic-SVNXYg-04fbab1765/" aria-label="Watch Heretic"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/5HJqjCTcaE1TFwnNh3Dn21be2es.jpg" alt="Thumbnail of Heretic" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">7.3</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span>2024</span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Heretic</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/movies/the-lord-of-the-rings-the-war-of-the-rohirrim-G2JcL8-a30fe73e28/" aria-label="Watch The Lord of the Rings: The War of the Rohirrim"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/qXKFlGX9n66zd4q0oWztPuvRD9D.jpg" alt="Thumbnail of The Lord of the Rings: The War of the Rohirrim" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">9.0</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span>2024</span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">The Lord of the Rings: The War of the Rohirrim</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/movies/alien-romulus--o4YSR-6c9a33e232/" aria-label="Watch Alien: Romulus"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/b33nnKl1GSFbao4l3fZDDqsMx0F.jpg" alt="Thumbnail of Alien: Romulus" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">7.4</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span>2024</span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Alien: Romulus</h3> </div> </div> </a> </div> </div> <div class="hidden xl:flex flex-col gap-3 md:gap-4 mt-0 lg:w-[27%] h-full z-20 px-1"> <header class="font-medium flex items-center gap-2 tracking-wide w-full text-lg md:text-2xl flex-shrink-0" id="popular-movies-section"> <div class="h-[1.4rem] p-1 md:h-[1.5rem] flex items-center justify-center rounded bg-[#00c1db]"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles"> <path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"></path> <path d="M5 3v4"></path> <path d="M19 17v4"></path> <path d="M3 5h4"></path> <path d="M17 19h4"></path> </svg> </div> <h2>Top Movies</h2> </header> <div class="flex overflow-hidden flex-col gap-2"> <a class="w-full aspect-[4.3/1] 2xl:aspect-[5.33/1] flex gap-1 bg-white/[.07] hover:bg-white/10 group rounded-lg overflow-hidden smoothie" href="/movies/terrifier-3-tyCPmf-97a6633107/" aria-label="Watch Terrifier 3"> <div class="h-full aspect-[1/1.2] rounded-md bg-white/[.2] overflow-hidden"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/7NDHoebflLwL1CcgLJ9wZbbDrmV.jpg" width="100%" height="100%" alt="Thumbnail of Terrifier 3" class="w-full h-full object-cover scale-105 smoothie"> </span> </div> <div class="w-full h-full p-2 gap-1 flex flex-col"> <h3 class="w-full line-clamp-2 text-[.93rem] tracking-wider font-medium leading-snug">Terrifier 3</h3> <div class="text-xs font-light text-white/80 flex gap-1 tracking-wider"> <span>2024-10-09</span> <span>•</span> <span class="uppercase">en</span> <span>•</span> <span>HD</span> </div> </div> </a> <a class="w-full aspect-[4.3/1] 2xl:aspect-[5.33/1] flex gap-1 bg-white/[.07] hover:bg-white/10 group rounded-lg overflow-hidden smoothie" href="/movies/kraven-the-hunter-uzKvkA-7970d5b80a/" aria-label="Watch Kraven the Hunter"> <div class="h-full aspect-[1/1.2] rounded-md bg-white/[.2] overflow-hidden"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/i47IUSsN126K11JUzqQIOi1Mg1M.jpg" width="100%" height="100%" alt="Thumbnail of Kraven the Hunter" class="w-full h-full object-cover scale-105 smoothie"> </span> </div> <div class="w-full h-full p-2 gap-1 flex flex-col"> <h3 class="w-full line-clamp-2 text-[.93rem] tracking-wider font-medium leading-snug">Kraven the Hunter</h3> <div class="text-xs font-light text-white/80 flex gap-1 tracking-wider"> <span>2024-12-11</span> <span>•</span> <span class="uppercase">en</span> <span>•</span> <span>HD</span> </div> </div> </a> <a class="w-full aspect-[4.3/1] 2xl:aspect-[5.33/1] flex gap-1 bg-white/[.07] hover:bg-white/10 group rounded-lg overflow-hidden smoothie" href="/movies/absolution-IRIWQe-9be4ec9493/" aria-label="Watch Absolution"> <div class="h-full aspect-[1/1.2] rounded-md bg-white/[.2] overflow-hidden"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/dMXWEXVWiJ2FHO32ZLCCuy2a1gi.jpg" width="100%" height="100%" alt="Thumbnail of Absolution" class="w-full h-full object-cover scale-105 smoothie"> </span> </div> <div class="w-full h-full p-2 gap-1 flex flex-col"> <h3 class="w-full line-clamp-2 text-[.93rem] tracking-wider font-medium leading-snug">Absolution</h3> <div class="text-xs font-light text-white/80 flex gap-1 tracking-wider"> <span>2024-10-31</span> <span>•</span> <span class="uppercase">en</span> <span>•</span> <span>HD</span> </div> </div> </a> <a class="w-full aspect-[4.3/1] 2xl:aspect-[5.33/1] flex gap-1 bg-white/[.07] hover:bg-white/10 group rounded-lg overflow-hidden smoothie" href="/movies/inside-out-2-HWM97e-a23e03c600/" aria-label="Watch Inside Out 2"> <div class="h-full aspect-[1/1.2] rounded-md bg-white/[.2] overflow-hidden"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/vpnVM9B6NMmQpWeZvzLvDESb2QY.jpg" width="100%" height="100%" alt="Thumbnail of Inside Out 2" class="w-full h-full object-cover scale-105 smoothie"> </span> </div> <div class="w-full h-full p-2 gap-1 flex flex-col"> <h3 class="w-full line-clamp-2 text-[.93rem] tracking-wider font-medium leading-snug">Inside Out 2</h3> <div class="text-xs font-light text-white/80 flex gap-1 tracking-wider"> <span>2024-06-11</span> <span>•</span> <span class="uppercase">en</span> <span>•</span> <span>HD</span> </div> </div> </a> <a class="w-full aspect-[4.3/1] 2xl:aspect-[5.33/1] flex gap-1 bg-white/[.07] hover:bg-white/10 group rounded-lg overflow-hidden smoothie" href="/movies/deadpool-3-GPeHp6-06ad2551f1/" aria-label="Watch Deadpool & Wolverine"> <div class="h-full aspect-[1/1.2] rounded-md bg-white/[.2] overflow-hidden"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/3e9RToA9tGMl1T994T9T8zLW3CU.jpg" width="100%" height="100%" alt="Thumbnail of Deadpool & Wolverine" class="w-full h-full object-cover scale-105 smoothie"> </span> </div> <div class="w-full h-full p-2 gap-1 flex flex-col"> <h3 class="w-full line-clamp-2 text-[.93rem] tracking-wider font-medium leading-snug">Deadpool & Wolverine</h3> <div class="text-xs font-light text-white/80 flex gap-1 tracking-wider"> <span>2024-07-24</span> <span>•</span> <span class="uppercase">en</span> <span>•</span> <span>HD</span> </div> </div> </a> <a class="w-full aspect-[4.3/1] 2xl:aspect-[5.33/1] flex gap-1 bg-white/[.07] hover:bg-white/10 group rounded-lg overflow-hidden smoothie" href="/movies/that-christmas-UsPkvv-1ae00d2b6b/" aria-label="Watch That Christmas"> <div class="h-full aspect-[1/1.2] rounded-md bg-white/[.2] overflow-hidden"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/bX6dx2U4hOk1esI7mYwtD3cEKdC.jpg" width="100%" height="100%" alt="Thumbnail of That Christmas" class="w-full h-full object-cover scale-105 smoothie"> </span> </div> <div class="w-full h-full p-2 gap-1 flex flex-col"> <h3 class="w-full line-clamp-2 text-[.93rem] tracking-wider font-medium leading-snug">That Christmas</h3> <div class="text-xs font-light text-white/80 flex gap-1 tracking-wider"> <span>2024-11-27</span> <span>•</span> <span class="uppercase">en</span> <span>•</span> <span>HD</span> </div> </div> </a> <a class="w-full aspect-[4.3/1] 2xl:aspect-[5.33/1] flex gap-1 bg-white/[.07] hover:bg-white/10 group rounded-lg overflow-hidden smoothie" href="/movies/elevation-PUAVUg-9d6efff3dd/" aria-label="Watch Elevation"> <div class="h-full aspect-[1/1.2] rounded-md bg-white/[.2] overflow-hidden"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/uQhYBxOVFU6s9agD49FnGHwJqG5.jpg" width="100%" height="100%" alt="Thumbnail of Elevation" class="w-full h-full object-cover scale-105 smoothie"> </span> </div> <div class="w-full h-full p-2 gap-1 flex flex-col"> <h3 class="w-full line-clamp-2 text-[.93rem] tracking-wider font-medium leading-snug">Elevation</h3> <div class="text-xs font-light text-white/80 flex gap-1 tracking-wider"> <span>2024-11-07</span> <span>•</span> <span class="uppercase">en</span> <span>•</span> <span>HD</span> </div> </div> </a> <a class="w-full aspect-[4.3/1] 2xl:aspect-[5.33/1] flex gap-1 bg-white/[.07] hover:bg-white/10 group rounded-lg overflow-hidden smoothie" href="/movies/smile-2-ygxza6-d2c68cc9ca/" aria-label="Watch Smile 2"> <div class="h-full aspect-[1/1.2] rounded-md bg-white/[.2] overflow-hidden"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/4Ki6hf0nN3vp9xDrseyFHfXGa7c.jpg" width="100%" height="100%" alt="Thumbnail of Smile 2" class="w-full h-full object-cover scale-105 smoothie"> </span> </div> <div class="w-full h-full p-2 gap-1 flex flex-col"> <h3 class="w-full line-clamp-2 text-[.93rem] tracking-wider font-medium leading-snug">Smile 2</h3> <div class="text-xs font-light text-white/80 flex gap-1 tracking-wider"> <span>2024-10-16</span> <span>•</span> <span class="uppercase">en</span> <span>•</span> <span>HD</span> </div> </div> </a> <a class="w-full aspect-[4.3/1] 2xl:aspect-[5.33/1] flex gap-1 bg-white/[.07] hover:bg-white/10 group rounded-lg overflow-hidden smoothie" href="/movies/venom-the-last-dance-Bxe4Vb-4f6baa4c96/" aria-label="Watch Venom: The Last Dance"> <div class="h-full aspect-[1/1.2] rounded-md bg-white/[.2] overflow-hidden"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/8mRrl8lc7TrbdA1PFzUhQ0nFZ7R.jpg" width="100%" height="100%" alt="Thumbnail of Venom: The Last Dance" class="w-full h-full object-cover scale-105 smoothie"> </span> </div> <div class="w-full h-full p-2 gap-1 flex flex-col"> <h3 class="w-full line-clamp-2 text-[.93rem] tracking-wider font-medium leading-snug">Venom: The Last Dance</h3> <div class="text-xs font-light text-white/80 flex gap-1 tracking-wider"> <span>2024-10-22</span> <span>•</span> <span class="uppercase">en</span> <span>•</span> <span>HD</span> </div> </div> </a> <a class="w-full aspect-[4.3/1] 2xl:aspect-[5.33/1] flex gap-1 bg-white/[.07] hover:bg-white/10 group rounded-lg overflow-hidden smoothie" href="/movies/the-substance-MgQ2XL-22701e0f1b/" aria-label="Watch The Substance"> <div class="h-full aspect-[1/1.2] rounded-md bg-white/[.2] overflow-hidden"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/zQc1PITqFxZDbEmHlQgO5Mxc4Od.jpg" width="100%" height="100%" alt="Thumbnail of The Substance" class="w-full h-full object-cover scale-105 smoothie"> </span> </div> <div class="w-full h-full p-2 gap-1 flex flex-col"> <h3 class="w-full line-clamp-2 text-[.93rem] tracking-wider font-medium leading-snug">The Substance</h3> <div class="text-xs font-light text-white/80 flex gap-1 tracking-wider"> <span>2024-09-07</span> <span>•</span> <span class="uppercase">en</span> <span>•</span> <span>HD</span> </div> </div> </a> </div> </div> </section> <section aria-labelledby="tv-shows-section" class="w-full mx-auto flex flex-col xl:flex-row gap-4 lg:px-3 xl:max-w-[92%]"> <div class="flex flex-col gap-3 md:gap-4 my-2 md:my-0 xl:w-[72%] z-20"> <header class="flex relative px-2 lg:pl-0 items-center gap-2 text-lg md:text-2xl uppercase font-medium" id="tv-shows-section"> <div class="h-[1.4rem] md:h-[1.5rem] flex items-center justify-center p-1 rounded bg-[#00c1db]"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clapperboard"> <path d="M4 11v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8H4Z"></path> <path d="m4 11-.88-2.87a2 2 0 0 1 1.33-2.5l11.48-3.5a2 2 0 0 1 2.5 1.32l.87 2.87L4 11.01Z"></path> <path d="m6.6 4.99 3.38 4.2"></path> <path d="m11.86 3.38 3.38 4.2"></path> </svg> </div> <h2>Tv Shows</h2> <a class="text-xs lg:text-sm ml-auto text-white/80 flex items-center capitalize" href="/tvshows/" aria-label="View all TV shows"> <span class="hidden sm:flex">View all <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right"> <path d="M7 7h10v10"></path> <path d="M7 17 17 7"></path> </svg> </span> <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="whitesmoke" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sm:hidden"> <path d="M18 8L22 12L18 16"></path> <path d="M2 12H22"></path> </svg> </a> </header> <div class="flex overflow-x-auto no-scrollbar-atAll flex-wrap px-1 lg:p-0"> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/tvshows/breaking-bad-FqWAGN-bcea4740d3/" aria-label="Watch Breaking Bad"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/3xnWaLQjelJDDF7LT1WBo6f4BRe.jpg" alt="Thumbnail of Breaking Bad" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">8.9</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span>2008</span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Breaking Bad</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/tvshows/silo-SDmtAD-b07ba3e2b5/" aria-label="Watch Silo"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/zBx1X06G1OlndbXTCZI13FECNz2.jpg" alt="Thumbnail of Silo" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">8.2</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span>2023</span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Silo</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/tvshows/game-of-thrones-3640f2d9f5/" aria-label="Watch Game of Thrones"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/1XS1oqL89opfnbLl8WnZY1O1uJx.jpg" alt="Thumbnail of Game of Thrones" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">8.5</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span>2011</span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Game of Thrones</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/tvshows/dune-prophecy-jbaXZs-b894562f45/" aria-label="Watch Dune: Prophecy"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/j3JTITWSEarCamUAuVm1EDL5WEN.jpg" alt="Thumbnail of Dune: Prophecy" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">0.0</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span></span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Dune: Prophecy</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/tvshows/yellowstone-01fa8b4471/" aria-label="Watch Yellowstone"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/3ePlESS6eyUj9W7yPEbzhwWaiFo.jpg" alt="Thumbnail of Yellowstone" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">8.2</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span>2018</span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Yellowstone</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/tvshows/from-kjCxB3-c78f85f0bd/" aria-label="Watch FROM"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/pnrv8tfOcWxu4CrB8N7xK0jYJsR.jpg" alt="Thumbnail of FROM" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">8.1</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span>2022</span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">FROM</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/tvshows/star-wars-skeleton-crew-fiaekO-53c677f898/" aria-label="Watch Star Wars: Skeleton Crew"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/6WK3oVHXnAbQgwvUcqLYlRp8Bvq.jpg" alt="Thumbnail of Star Wars: Skeleton Crew" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">0.0</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span></span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Star Wars: Skeleton Crew</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/tvshows/outlander-d768231d61/" aria-label="Watch Outlander"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/oftZNfyTVNU7IfOqoGLoT8MGvNs.jpg" alt="Thumbnail of Outlander" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">8.2</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span>2014</span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Outlander</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/tvshows/secret-level-FyC0n5-117fd8b8df/" aria-label="Watch Secret Level"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/n2X5fVCoiunjC1lKnqOrIzSBI8U.jpg" alt="Thumbnail of Secret Level" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">9.0</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span></span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Secret Level</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/tvshows/the-agency-yfwqsj-8d58615ce2/" aria-label="Watch The Agency"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/gz23RwrK6k3RL4KHAgGPWsz19sJ.jpg" alt="Thumbnail of The Agency" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">10.0</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span></span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">The Agency</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/tvshows/the-simpsons-9c7c9e737b/" aria-label="Watch The Simpsons"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/vHqeLzYl3dEAutojCO26g0LIkom.jpg" alt="Thumbnail of The Simpsons" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">8.0</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span>1989</span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">The Simpsons</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/tvshows/black-doves-l8C4xY-8a28b1117e/" aria-label="Watch Black Doves"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/2eZNjPQ9f0TQDHpsL2Ecktsv5v6.jpg" alt="Thumbnail of Black Doves" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">10.0</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span></span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Black Doves</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/tvshows/dexter-original-sin-5b0Xi7-a9320e204f/" aria-label="Watch Dexter: Original Sin"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/mAq3LisLQ9KJeUk6pAZkOMxaJpi.jpg" alt="Thumbnail of Dexter: Original Sin" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">0.0</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span></span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Dexter: Original Sin</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/tvshows/special-ops-lioness-uShvV7-66d38381aa/" aria-label="Watch Lioness"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/rXCzevakJoAN1qnZY0nAQPSLVRv.jpg" alt="Thumbnail of Lioness" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">8.0</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span>2023</span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Lioness</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/tvshows/creature-commandos-sm415D-9485e4d6f3/" aria-label="Watch Creature Commandos"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/5zyl7L6HfAqZcjnlvzMOru5rE5C.jpg" alt="Thumbnail of Creature Commandos" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">0.0</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span></span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Creature Commandos</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/tvshows/dream-productions-Ay79CD-2e03190bbc/" aria-label="Watch Dream Productions"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/5pJGCOKn0dX2IBBkRhSPpQ0BJHa.jpg" alt="Thumbnail of Dream Productions" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">7.3</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span></span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">Dream Productions</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/tvshows/the-day-of-the-jackal-YhNEp3-3687ad7e06/" aria-label="Watch The Day of the Jackal"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/8j2l85HvDw0Z3UAc5f1OKDbIzhD.jpg" alt="Thumbnail of The Day of the Jackal" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">0.0</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span></span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">The Day of the Jackal</h3> </div> </div> </a> <a class="relative flex p-2 xl:p-[.4rem] mb-2 flex-col group gap-2 w-1/2 sm:w-1/4 lg:w-1/6 rounded-lg flex-shrink-0" href="/tvshows/the-sticky-U2Z55Z-35c4c34958/" aria-label="Watch The Sticky"> <div class="w-full relative aspect-[1/1.5] rounded-lg overflow-hidden bg-[var(--light)] smoothie"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img width="100%" height="100%" data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/iNy4BMVVaAUt8S32fbotSOh4ka5.jpg" alt="Thumbnail of The Sticky" class="w-full h-full object-cover object-center group-hover:scale-[1.04] smoothie"> </span> <div class="absolute top-1 right-0 gap-1 bg-[#00000098] py-1 px-[5px] rounded-l-md flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="gold" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> <span class="text-xs font-light">0.0</span> </div> <div class="absolute opacity-0 xl:group-hover:opacity-100 flex top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-20 smoothie"> <span class="p-[.6rem] hover:brightness-90 bg-[#00c1db] rounded-full flex items-center justify-center smoothie"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="#000000d5" stroke="#000000d5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"> <polygon points="5 3 19 12 5 21 5 3"></polygon> </svg> </span> </div> <div class="flex opacity-1 lg:opacity-0 lg:group-hover:opacity-100 p-[.35rem] pb-2 tracking-wide flex-col gap-1 justify-end w-full h-full bg-gradient-to-t z-10 from-[#000000d0] absolute top-0 bottom-0 left-0 right-0 smoothie"> <div class="flex md:items-center justify-center gap-1 flex-wrap text-xs 2xl:text-sm text-[#d8d8d8] font-normal tracking-wide"> <span></span>• <span class="whitespace-nowrap"><span class="uppercase">en</span></span>• <span>HD</span> </div> <h3 class="line-clamp-2 text-center text-sm font-medium leading-tight">The Sticky</h3> </div> </div> </a> </div> </div> <div class="hidden xl:flex flex-col gap-3 md:gap-4 mt-0 lg:w-[27%] h-full z-20 px-1"> <header class="font-medium flex items-center gap-2 tracking-wide w-full text-lg md:text-2xl flex-shrink-0" id="popular-shows-section"> <div class="h-[1.4rem] p-1 md:h-[1.5rem] flex items-center justify-center rounded bg-[#00c1db]"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles"> <path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"></path> <path d="M5 3v4"></path> <path d="M19 17v4"></path> <path d="M3 5h4"></path> <path d="M17 19h4"></path> </svg> </div> <h2>Popular Shows</h2> </header> <div class="flex overflow-hidden flex-col gap-2"> <a class="w-full aspect-[4.3/1] 2xl:aspect-[5.33/1] flex gap-1 bg-white/[.07] hover:bg-white/10 group rounded-lg overflow-hidden smoothie" href="/tvshows/from-kjCxB3-c78f85f0bd/" aria-label="Watch FROM"> <div class="h-full aspect-[1/1.2] rounded-md bg-white/[.2] overflow-hidden"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/pnrv8tfOcWxu4CrB8N7xK0jYJsR.jpg" width="100%" height="100%" alt="Thumbnail of FROM" class="w-full h-full object-cover scale-105 smoothie"> </span> </div> <div class="w-full h-full p-2 gap-1 flex flex-col"> <h3 class="w-full line-clamp-2 text-[.93rem] tracking-wider font-medium leading-snug">FROM</h3> <div class="text-xs font-light text-white/80 flex gap-1 tracking-wider"> <span>2022-02-20</span> <span>•</span> <span class="uppercase">en</span> <span>•</span> <span>HD</span> </div> </div> </a> <a class="w-full aspect-[4.3/1] 2xl:aspect-[5.33/1] flex gap-1 bg-white/[.07] hover:bg-white/10 group rounded-lg overflow-hidden smoothie" href="/tvshows/grey-s-anatomy-dea70f05d9/" aria-label="Watch Grey's Anatomy"> <div class="h-full aspect-[1/1.2] rounded-md bg-white/[.2] overflow-hidden"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/daSFbrt8QCXV2hSwB0hqYjbj681.jpg" width="100%" height="100%" alt="Thumbnail of Grey's Anatomy" class="w-full h-full object-cover scale-105 smoothie"> </span> </div> <div class="w-full h-full p-2 gap-1 flex flex-col"> <h3 class="w-full line-clamp-2 text-[.93rem] tracking-wider font-medium leading-snug">Grey's Anatomy</h3> <div class="text-xs font-light text-white/80 flex gap-1 tracking-wider"> <span>2005-03-27</span> <span>•</span> <span class="uppercase">en</span> <span>•</span> <span>HD</span> </div> </div> </a> <a class="w-full aspect-[4.3/1] 2xl:aspect-[5.33/1] flex gap-1 bg-white/[.07] hover:bg-white/10 group rounded-lg overflow-hidden smoothie" href="/tvshows/castle-gQj3X7-68554d8039/" aria-label="Watch Castle"> <div class="h-full aspect-[1/1.2] rounded-md bg-white/[.2] overflow-hidden"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/diXBeMzvfJb2iJg3G0kCUaMCzEc.jpg" width="100%" height="100%" alt="Thumbnail of Castle" class="w-full h-full object-cover scale-105 smoothie"> </span> </div> <div class="w-full h-full p-2 gap-1 flex flex-col"> <h3 class="w-full line-clamp-2 text-[.93rem] tracking-wider font-medium leading-snug">Castle</h3> <div class="text-xs font-light text-white/80 flex gap-1 tracking-wider"> <span>2009-03-09</span> <span>•</span> <span class="uppercase">en</span> <span>•</span> <span>HD</span> </div> </div> </a> <a class="w-full aspect-[4.3/1] 2xl:aspect-[5.33/1] flex gap-1 bg-white/[.07] hover:bg-white/10 group rounded-lg overflow-hidden smoothie" href="/tvshows/game-of-thrones-3640f2d9f5/" aria-label="Watch Game of Thrones"> <div class="h-full aspect-[1/1.2] rounded-md bg-white/[.2] overflow-hidden"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/1XS1oqL89opfnbLl8WnZY1O1uJx.jpg" width="100%" height="100%" alt="Thumbnail of Game of Thrones" class="w-full h-full object-cover scale-105 smoothie"> </span> </div> <div class="w-full h-full p-2 gap-1 flex flex-col"> <h3 class="w-full line-clamp-2 text-[.93rem] tracking-wider font-medium leading-snug">Game of Thrones</h3> <div class="text-xs font-light text-white/80 flex gap-1 tracking-wider"> <span>2011-04-17</span> <span>•</span> <span class="uppercase">en</span> <span>•</span> <span>HD</span> </div> </div> </a> <a class="w-full aspect-[4.3/1] 2xl:aspect-[5.33/1] flex gap-1 bg-white/[.07] hover:bg-white/10 group rounded-lg overflow-hidden smoothie" href="/tvshows/special-ops-lioness-uShvV7-66d38381aa/" aria-label="Watch Lioness"> <div class="h-full aspect-[1/1.2] rounded-md bg-white/[.2] overflow-hidden"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/rXCzevakJoAN1qnZY0nAQPSLVRv.jpg" width="100%" height="100%" alt="Thumbnail of Lioness" class="w-full h-full object-cover scale-105 smoothie"> </span> </div> <div class="w-full h-full p-2 gap-1 flex flex-col"> <h3 class="w-full line-clamp-2 text-[.93rem] tracking-wider font-medium leading-snug">Lioness</h3> <div class="text-xs font-light text-white/80 flex gap-1 tracking-wider"> <span>2023-07-23</span> <span>•</span> <span class="uppercase">en</span> <span>•</span> <span>HD</span> </div> </div> </a> <a class="w-full aspect-[4.3/1] 2xl:aspect-[5.33/1] flex gap-1 bg-white/[.07] hover:bg-white/10 group rounded-lg overflow-hidden smoothie" href="/tvshows/tmz-on-tv-37e911a0a0/" aria-label="Watch TMZ on TV"> <div class="h-full aspect-[1/1.2] rounded-md bg-white/[.2] overflow-hidden"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/ifFpUG51DJaQxwnZ35VwoGRFGGv.jpg" width="100%" height="100%" alt="Thumbnail of TMZ on TV" class="w-full h-full object-cover scale-105 smoothie"> </span> </div> <div class="w-full h-full p-2 gap-1 flex flex-col"> <h3 class="w-full line-clamp-2 text-[.93rem] tracking-wider font-medium leading-snug">TMZ on TV</h3> <div class="text-xs font-light text-white/80 flex gap-1 tracking-wider"> <span>2007-09-10</span> <span>•</span> <span class="uppercase">en</span> <span>•</span> <span>HD</span> </div> </div> </a> <a class="w-full aspect-[4.3/1] 2xl:aspect-[5.33/1] flex gap-1 bg-white/[.07] hover:bg-white/10 group rounded-lg overflow-hidden smoothie" href="/tvshows/prison-break-6b34f00c7d/" aria-label="Watch Prison Break"> <div class="h-full aspect-[1/1.2] rounded-md bg-white/[.2] overflow-hidden"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/5E1BhkCgjLBlqx557Z5yzcN0i88.jpg" width="100%" height="100%" alt="Thumbnail of Prison Break" class="w-full h-full object-cover scale-105 smoothie"> </span> </div> <div class="w-full h-full p-2 gap-1 flex flex-col"> <h3 class="w-full line-clamp-2 text-[.93rem] tracking-wider font-medium leading-snug">Prison Break</h3> <div class="text-xs font-light text-white/80 flex gap-1 tracking-wider"> <span>2005-08-29</span> <span>•</span> <span class="uppercase">en</span> <span>•</span> <span>HD</span> </div> </div> </a> <a class="w-full aspect-[4.3/1] 2xl:aspect-[5.33/1] flex gap-1 bg-white/[.07] hover:bg-white/10 group rounded-lg overflow-hidden smoothie" href="/tvshows/four-in-a-bed-AYYUdw-3bc1262db1/" aria-label="Watch Four in a Bed"> <div class="h-full aspect-[1/1.2] rounded-md bg-white/[.2] overflow-hidden"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/nFzW9V9rjKQcsunNrjw1yPc2zT8.jpg" width="100%" height="100%" alt="Thumbnail of Four in a Bed" class="w-full h-full object-cover scale-105 smoothie"> </span> </div> <div class="w-full h-full p-2 gap-1 flex flex-col"> <h3 class="w-full line-clamp-2 text-[.93rem] tracking-wider font-medium leading-snug">Four in a Bed</h3> <div class="text-xs font-light text-white/80 flex gap-1 tracking-wider"> <span>2010-11-22</span> <span>•</span> <span class="uppercase">en</span> <span>•</span> <span>HD</span> </div> </div> </a> <a class="w-full aspect-[4.3/1] 2xl:aspect-[5.33/1] flex gap-1 bg-white/[.07] hover:bg-white/10 group rounded-lg overflow-hidden smoothie" href="/tvshows/the-rookie-668c66c9d1/" aria-label="Watch The Rookie"> <div class="h-full aspect-[1/1.2] rounded-md bg-white/[.2] overflow-hidden"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/eh5fbHwK8GgBuib8vG8Ntok7ZAR.jpg" width="100%" height="100%" alt="Thumbnail of The Rookie" class="w-full h-full object-cover scale-105 smoothie"> </span> </div> <div class="w-full h-full p-2 gap-1 flex flex-col"> <h3 class="w-full line-clamp-2 text-[.93rem] tracking-wider font-medium leading-snug">The Rookie</h3> <div class="text-xs font-light text-white/80 flex gap-1 tracking-wider"> <span>2018-10-16</span> <span>•</span> <span class="uppercase">en</span> <span>•</span> <span>HD</span> </div> </div> </a> <a class="w-full aspect-[4.3/1] 2xl:aspect-[5.33/1] flex gap-1 bg-white/[.07] hover:bg-white/10 group rounded-lg overflow-hidden smoothie" href="/tvshows/silo-SDmtAD-b07ba3e2b5/" aria-label="Watch Silo"> <div class="h-full aspect-[1/1.2] rounded-md bg-white/[.2] overflow-hidden"> <span class="lazy-load-image-background blur" style="color: transparent; display: inline-block; height: 100%; width: 100%;"> <img data-src="https://i0.wp.com/www.themoviedb.org/t/p/w300/zBx1X06G1OlndbXTCZI13FECNz2.jpg" width="100%" height="100%" alt="Thumbnail of Silo" class="w-full h-full object-cover scale-105 smoothie"> </span> </div> <div class="w-full h-full p-2 gap-1 flex flex-col"> <h3 class="w-full line-clamp-2 text-[.93rem] tracking-wider font-medium leading-snug">Silo</h3> <div class="text-xs font-light text-white/80 flex gap-1 tracking-wider"> <span>2023-05-04</span> <span>•</span> <span class="uppercase">en</span> <span>•</span> <span>HD</span> </div> </div> </a> </div> </div> </section> </div> <div class="w-[81%] mx-11 my-11 text-pretty"> <h1 style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Soap2Day: Watch Free Movies</span></h1> <p style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">In an era where online streaming dominates the entertainment industry, finding a platform that offers free, reliable, and high-quality content can be challenging. This is where Soap2Day comes in as a popular choice for streaming enthusiasts worldwide. Known for its extensive library of movies and TV shows, Soap2Day provides users with a unique streaming experience. In this article, we’ll introduce Soap2Day, explore its features, answer common questions, and conclude with why it’s a preferred choice for many.</span></p> <h3 style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">What is Soap2Day?</span></h3> <p style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Soap2Day is a free streaming platform that allows users to watch a wide variety of movies and TV shows without a subscription or sign-up process. From the latest Hollywood blockbusters to popular TV series and even classics, Soap2Day has content to cater to diverse preferences. Soap2Day stands out for offering content across multiple genres, languages, and countries, making it a versatile destination for entertainment.</span></p> <p style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Initially launched as a simple website with a limited collection of movies, Soap2Day has evolved significantly. It now includes various sections, improved user experience, and updated streaming options, continually attracting new users looking for an accessible and diverse streaming service.</span></p> <h3 style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Key Features of Soap2Day</span></h3> <p style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Soap2Day’s popularity is due in part to its impressive features. Here’s what makes Soap2Day a top choice among streaming sites:</span></p> <h4 style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">1. Free Access to High-Quality Content</span></h4> <ul> <li style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">Soap2Day offers completely free access to movies and TV shows without requiring users to pay any subscription fees. Viewers can enjoy HD quality content on Soap2Day at no cost, making it ideal for budget-conscious viewers.</li> </ul> <h4 style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">2. User-Friendly Interface</span></h4> <ul> <li style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">With its simple and intuitive interface, navigating through Soap2Day is effortless. Users can quickly search for movies or shows by genre, release date, or popularity, ensuring an enjoyable browsing experience.</li> </ul> <h4 style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">3. Diverse Content Library</span></h4> <ul> <li style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">Soap2Day provides a broad selection of movies and series spanning various genres, including action, romance, thriller, documentary, and comedy. The content is frequently updated, ensuring that viewers have access to the latest releases and timeless classics.</li> </ul> <h4 style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">4. No Sign-Up Required</span></h4> <ul> <li style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">Unlike most streaming sites, Soap2Day does not require users to create an account or log in. This no-registration policy allows viewers to access content immediately without sharing any personal information.</li> </ul> <h4 style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">5. Multi-Device Compatibility</span></h4> <ul> <li style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">Soap2Day is accessible on various devices, including desktops, laptops, tablets, and smartphones. This flexibility makes it easy to watch favorite shows and movies on the go, whether at home or on a commute.</li> </ul> <h4 style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">6. Advanced Search Options</span></h4> <ul> <li style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">Finding specific movies or shows on Soap2Day is easy, thanks to advanced filtering options. Users can search by genre, rating, release year, and even specific actors, making the platform more convenient and user-centric.</li> </ul> <h3 style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Soap2Day FAQ</span></h3> <p style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">To address common questions and provide more insights, here are answers to frequently asked questions about Soap2Day.</span></p> <h4 style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">1. Is Soap2Day Free?</span></h4> <ul> <li style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">Yes, Soap2Day is entirely free, and users do not need to pay any subscription fees to access its extensive library of movies and TV shows.</li> </ul> <h4 style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">2. Do I Need to Register an Account to Use Soap2Day?</span></h4> <ul> <li style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">No, Soap2Day does not require registration. Users can start watching content directly without signing up or logging in, which enhances privacy.</li> </ul> <h4 style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">3. Does Soap2Day Offer HD Quality?</span></h4> <ul> <li style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">Yes, Soap2Day provides HD quality for most of its content, giving viewers a high-definition experience on various devices.</li> </ul> <h4 style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">4. Is Soap2Day Safe to Use?</span></h4> <ul> <li style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">Soap2Day is widely used and generally considered safe; however, users should ensure they access it through reliable sources. It is also advisable to have an ad-blocker or antivirus software for an uninterrupted experience.</li> </ul> <h4 style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">5. How Often is the Content Updated?</span></h4> <ul> <li style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">Soap2Day frequently updates its library, often adding new releases and popular TV shows. This ensures that viewers have access to the latest content without missing out on trending entertainment.</li> </ul> <h3 style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Conclusion</span></h3> <p style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Soap2Day has carved out a space as one of the most accessible and user-friendly free streaming platforms available. Its extensive content library, HD quality, and no-registration policy make it highly appealing to users worldwide. Soap2Day offers a reliable platform for those seeking high-quality entertainment without any financial commitment, making it a go-to destination for online streaming enthusiasts.</span></p> <p style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">So, if you’re looking for a streaming platform that’s easy to use, packed with quality content, and completely free, Soap2Day is a fantastic option.</span></p> </div> <footer class="w-full bg-gradient-to-t to-black/5 from-black/60 mt-12" role="contentinfo"> <div class="flex w-full mx-auto xl:max-w-[93%] flex-col 2xl:text-lg gap-4 md:flex-row p-5 justify-between items-center"> <div class="flex flex-col gap-3 font-normal tracking-wide"> <div class="font-medium">Welcome to Soap2Day 💙</div> <div class="text-xs 2xl:text-sm text-white/70 flex gap-2 flex-col"> <span>Disclaimer: This site does not store any files on its server. All contents are provided by non-affiliated third parties.</span> <span> © 2024 yoursitename All Rights Reserved</span> </div> </div> <div class="flex flex-col items-center gap-3"> <div class="mb-2"> <a href="https://soap2daay.com" title="Soap2Day" class="gradient-heading3 text-[1.6rem] tracking-normal smoothie font-extrabold">Soap2Day</a> </div> <div class="flex flex-row gap-3 md:gap-5 text-md 2xl:text-md text-white/70"> <a href="/" class="hover:underline">Home</a> <a href="https://soap2daay.com/movies/" class="hover:underline">Movies</a> <a href="https://soap2daay.com/tvshows/" class="hover:underline">TV Shows</a> </div> </div> </div> </footer> <script type="text/javascript" src="https://soap2daay.com/themes/binged/assets/js/app.js"></script> <script data-cfasync="false" async="" type="text/javascript" src="//pa.perdurepeeve.com/rc1mHVnjXthNtK/67567"></script> </div> </body></html>