<!DOCTYPE html>
<html lang="en" class="dark">
<head>
                <!-- Google Analytics tag (gtag.js) for container id GTM-W4Z89PVW -->
            <script type="text/javascript" async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-W4Z89PVW&amp;amp;gtg_health=1"></script>
            <script>
                (function (w, d, s, l, i) {
                  w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
                  var f = d.getElementsByTagName(s)[0],
                    j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
                  j.async = true;
                  j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
                  f.parentNode.insertBefore(j, f);
                })(window, document, 'script', 'dataLayer', 'GTM-W4Z89PVW');
            </script>
            <!-- Google Analytics tag (gtag.js) for measurement id G-VE0FJ71XFF -->
            <script async src="https://www.googletagmanager.com/gtag/js?id=G-VE0FJ71XFF"></script>
            <script>
                window.dataLayer = window.dataLayer || [];
                function gtag(){dataLayer.push(arguments);}
                gtag('js', new Date());

                gtag('config', 'G-VE0FJ71XFF');
            </script>
            <meta name="google-site-verification" content="2R2fpEqlHIaqXE9rJR1JAe9xA6EJUudU26uIxwImttg" />

    <script>
            (function() {
                var t = localStorage.getItem('theme');
                if (t === 'light') document.documentElement.classList.replace('dark', 'light');
            })();
    </script>
    <!-- Primary SEO -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tollywood News, Telugu Movie News, Box Office &amp; Complete Movie Database | BusinessOfTollywood.com - Business of TollyWood</title>
<meta name="author" content="Business Of Tollywood" />
<meta name="description"
      content='Get the latest Telugu movie news, Tollywood box office collections, film updates, and complete movie database on BusinessOfTollywood.com. Explore cast, crew, production houses, and every detail of the Telugu film industry in one place.' />
<meta name="keywords"
      content="Tollywood, Telugu movie news, Telugu cinema news, Tollywood news today, Telugu box office collections, Tollywood box office, Telugu movie database, Telugu actors database, Telugu directors list, Telugu production houses, Tollywood cast and crew, Business Of Tollywood, businessoftollywood.com" />
<meta name="language" content="English" />
<meta name="revisit-after" content="1 days" />
<meta name="robots" content="index, follow" />

<!-- Canonical URL -->
<link rel="canonical" href="https://www.businessoftollywood.com/" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.businessoftollywood.com/" />
<meta property="og:title" content="Tollywood News, Telugu Movie News, Box Office &amp; Database | BusinessOfTollywood.com" />
<meta property="og:description" content="Get the latest Telugu movie news, Tollywood box office collections, film updates, and complete movie database on BusinessOfTollywood.com. Explore cast, crew, production houses, and every detail of the Telugu film industry in one place." />
<meta property="og:image" content="https://www.businessoftollywood.com/og-image.jpg" />

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://www.businessoftollywood.com/" />
<meta name="twitter:title" content="Tollywood News, Telugu Movie News, Box Office &amp; Database | BusinessOfTollywood.com" />
<meta name="twitter:description" content="Get the latest Telugu movie news, Tollywood box office collections, film updates, and complete movie database on BusinessOfTollywood.com. Explore cast, crew, production houses, and every detail of the Telugu film industry in one place." />
<meta name="twitter:image" content="https://www.businessoftollywood.com/og-image.jpg" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/output.css?v=zO5fmb6IQ3aVh-282QFVtryh57S3aqeq4th0nJc-1nQ" />
    <!-- Preconnect to site for faster first request -->
    <link rel="dns-prefetch" href="https://www.businessoftollywood.com" />
            <meta name="google-site-verification" content="2R2fpEqlHIaqXE9rJR1JAe9xA6EJUudU26uIxwImttg" />
        <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8158205122905139" crossorigin="anonymous"></script>
        <meta name="google-adsense-account" content="ca-pub-8158205122905139" />

    
<script type="application/ld&#x2B;json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "WebSite",
      "name": "Business of Tollywood",
      "url": "https://www.businessoftollywood.com/",
      "description": "Telugu cinema portal covering movie news, box office collections, OTT releases, cast & crew profiles from the Tollywood film industry.",
      "potentialAction": {
        "@type": "SearchAction",
        "target": { "@type": "EntryPoint", "urlTemplate": "https://www.businessoftollywood.com/search?q={search_term_string}" },
        "query-input": "required name=search_term_string"
      }
    },
    {
      "@type": "Organization",
      "name": "Business of Tollywood",
      "url": "https://www.businessoftollywood.com/",
      "logo": { "@type": "ImageObject", "url": "https://www.businessoftollywood.com/favicon.ico" },
      "sameAs": [
        "https://www.instagram.com/businessoftollywood",
        "https://x.com/TollywoodBiz",
        "https://www.facebook.com/BusinessOfTollywood",
        "https://www.youtube.com/@BusinessOfTollywood"
      ]
    }
  ]
}
</script>

<script type="application/ld&#x2B;json">
{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What is Business of Tollywood?","acceptedAnswer":{"@type":"Answer","text":"Business of Tollywood is a comprehensive Telugu cinema portal covering movie news, box office collections, OTT releases, and celebrity updates from the Tollywood film industry."}},{"@type":"Question","name":"How can I find the latest Telugu movie releases?","acceptedAnswer":{"@type":"Answer","text":"Visit the Movies section to browse all recent and upcoming Telugu releases, filtered by theatrical or OTT release dates."}},{"@type":"Question","name":"Does Business of Tollywood cover OTT releases?","acceptedAnswer":{"@type":"Answer","text":"Yes! We track all major OTT platforms including Netflix, Amazon Prime Video, Hotstar, Aha, Zee5, JioCinema, and SunNxt for Telugu content."}},{"@type":"Question","name":"Can I find information about Tollywood actors and directors?","acceptedAnswer":{"@type":"Answer","text":"Absolutely. Our Actors and Directors sections feature detailed profiles, filmographies, and career highlights for Tollywood personalities."}},{"@type":"Question","name":"How often is the content updated?","acceptedAnswer":{"@type":"Answer","text":"Content is updated in real-time as new movies release, news breaks, and OTT premieres are announced."}}]}
</script>

<script type="application/ld&#x2B;json">
{"@context":"https://schema.org","@type":"ItemList","name":"Now In Cinemas","description":"Telugu movies currently showing in theatres","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"Movie","name":"O Thandri Katha","url":"https://www.businessoftollywood.com/movie/o-thandri-katha","image":"https://www.businessoftollywood.com/media/Movies/O-Thandri-Katha-40947/Poster.jpg","dateCreated":"2026-05-01"}},{"@type":"ListItem","position":2,"item":{"@type":"Movie","name":"Jetlee","url":"https://www.businessoftollywood.com/movie/jetlee","image":"https://www.businessoftollywood.com/media/Movies/Jetlee-40946/Poster.jpeg","dateCreated":"2026-05-01"}},{"@type":"ListItem","position":3,"item":{"@type":"Movie","name":"Kara","url":"https://www.businessoftollywood.com/movie/kara","image":"https://www.businessoftollywood.com/media/Movies/Kara-40945/Poster.jpeg","dateCreated":"2026-04-30"}},{"@type":"ListItem","position":4,"item":{"@type":"Movie","name":"Gedelaraju Kakinada Taluka","url":"https://www.businessoftollywood.com/movie/gedelaraju-kakinada-taluka","image":"https://www.businessoftollywood.com/media/Movies/Gedelaraju-Kakinada-Taluka-40948/Poster.jpeg","dateCreated":"2026-04-24"}},{"@type":"ListItem","position":5,"item":{"@type":"Movie","name":"Vaazha II: Biopic of a Billion Bros","url":"https://www.businessoftollywood.com/movie/vaazha-ii-biopic-of-a-billion-bros","image":"https://www.businessoftollywood.com/media/Movies/Vaazha-II-Biopic-of-a-Billion-Bros-40944/Poster.jpeg","dateCreated":"2026-04-24"}},{"@type":"ListItem","position":6,"item":{"@type":"Movie","name":"Paramapadha Sopanam","url":"https://www.businessoftollywood.com/movie/paramapadha-sopanam","image":"https://www.businessoftollywood.com/media/Movies/Paramapadha-Sopanam-60/Poster.jpg","dateCreated":"2026-04-24"}},{"@type":"ListItem","position":7,"item":{"@type":"Movie","name":"Kalagamanam","url":"https://www.businessoftollywood.com/movie/kalagamanam","image":"https://www.businessoftollywood.com/media/Movies/Kalagamanam-40939/Poster.jpeg","dateCreated":"2026-04-17"}},{"@type":"ListItem","position":8,"item":{"@type":"Movie","name":"Thimmarajupalli TV","url":"https://www.businessoftollywood.com/movie/thimmarajupalli-tv","image":"https://www.businessoftollywood.com/media/Movies/Thimmarajupalli-TV-40917/Poster.jpg","dateCreated":"2026-04-17"}},{"@type":"ListItem","position":9,"item":{"@type":"Movie","name":"Papam Prathap","url":"https://www.businessoftollywood.com/movie/papam-prathap","image":"https://www.businessoftollywood.com/media/Movies/Papam-Prathap-39903/Poster.jpg","dateCreated":"2026-04-17"}},{"@type":"ListItem","position":10,"item":{"@type":"Movie","name":"Pallichattambi","url":"https://www.businessoftollywood.com/movie/pallichattambi","image":"https://www.businessoftollywood.com/media/Movies/Pallichattambi-40901/Poster.jpeg","dateCreated":"2026-04-15"}},{"@type":"ListItem","position":11,"item":{"@type":"Movie","name":"LIK: Love Insurance Kompany","url":"https://www.businessoftollywood.com/movie/lik-love-insurance-kompany","image":"https://www.businessoftollywood.com/media/Movies/LIK-Love-Insurance-Kompany-40903/Poster.jpeg","dateCreated":"2026-04-10"}},{"@type":"ListItem","position":12,"item":{"@type":"Movie","name":"Dacoit: A Love Story","url":"https://www.businessoftollywood.com/movie/dacoit-a-love-story","image":"https://www.businessoftollywood.com/media/Movies/Dacoit-A-Love-Story-40924/Poster.jpg","dateCreated":"2026-04-10"}},{"@type":"ListItem","position":13,"item":{"@type":"Movie","name":"Raakaasa","url":"https://www.businessoftollywood.com/movie/raakaasa","image":"https://www.businessoftollywood.com/media/Movies/Raakaasa-40919/Poster.jpg","dateCreated":"2026-04-03"}},{"@type":"ListItem","position":14,"item":{"@type":"Movie","name":"Leader","url":"https://www.businessoftollywood.com/movie/untitled-legend-saravanandurai-senthilkumar-movie","image":"https://www.businessoftollywood.com/media/Movies/Untitled-Legend-Saravanan-Durai-Senthilkumar-movie-14561/Poster.jpg","dateCreated":"2026-04-03"}},{"@type":"ListItem","position":15,"item":{"@type":"Movie","name":"Biker","url":"https://www.businessoftollywood.com/movie/biker","image":"https://www.businessoftollywood.com/media/Movies/Biker-40918/Poster.jpg","dateCreated":"2026-04-03"}},{"@type":"ListItem","position":16,"item":{"@type":"Movie","name":"Dhurandhar The Revenge","url":"https://www.businessoftollywood.com/movie/dhurandhar-the-revenge","image":"https://www.businessoftollywood.com/media/Movies/Dhurandhar-The-Revenge-40940/Poster.jpeg","dateCreated":"2026-03-19"}},{"@type":"ListItem","position":17,"item":{"@type":"Movie","name":"Gaayapadda Simham","url":"https://www.businessoftollywood.com/movie/gaayapadda-simham","image":"https://www.businessoftollywood.com/media/Movies/Gaayapadda-Simham-40916/Poster.jpeg"}}]}
</script>

<script type="application/ld&#x2B;json">
{"@context":"https://schema.org","@type":"ItemList","name":"New OTT Releases","description":"Latest Telugu movies streaming on OTT platforms","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"Movie","name":"Mrithyunjay","url":"https://www.businessoftollywood.com/movie/mrithyunjay","image":"https://www.businessoftollywood.com/media/Movies/Mrithyunjay-39391/Poster.jpg"}},{"@type":"ListItem","position":2,"item":{"@type":"Movie","name":"Saraswathi","url":"https://www.businessoftollywood.com/movie/saraswathi-39390","image":"https://www.businessoftollywood.com/media/Movies/Saraswathi-39390/Poster.jpg"}},{"@type":"ListItem","position":3,"item":{"@type":"Movie","name":"Sampradayaini Suppini Suddapusaani","url":"https://www.businessoftollywood.com/movie/sampradayaini-suppini-suddapusaani","image":"https://www.businessoftollywood.com/media/Movies/Sampradayaini-Suppini-Suddapusaani-39322/Poster.jpg"}},{"@type":"ListItem","position":4,"item":{"@type":"Movie","name":"Vishnu Vinyasam","url":"https://www.businessoftollywood.com/movie/vishnu-vinyasam","image":"https://www.businessoftollywood.com/media/Movies/Vishnu-Vinyasam-39317/Poster_1.jpg"}},{"@type":"ListItem","position":5,"item":{"@type":"Movie","name":"Couple Friendly","url":"https://www.businessoftollywood.com/movie/couple-friendly-32137","image":"https://www.businessoftollywood.com/media/Movies/Couple-Friendly-32137/Poster.jpg"}},{"@type":"ListItem","position":6,"item":{"@type":"Movie","name":"Made in Korea","url":"https://www.businessoftollywood.com/movie/made-in-korea","image":"https://www.businessoftollywood.com/media/Movies/Made-in-Korea-39891/Poster.jpg"}}]}
</script>

<script type="application/ld&#x2B;json">
{"@context":"https://schema.org","@type":"ItemList","name":"Breaking News","description":"Latest Tollywood news and updates","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"NewsArticle","headline":"Deewana Movie Trailer Launched","url":"https://www.businessoftollywood.com/news/deewana-movie-trailer-launched","image":"https://www.businessoftollywood.com/media/Articles/3265/Banner.jpeg","datePublished":"2026-06-11T00:00:00Z"}},{"@type":"ListItem","position":2,"item":{"@type":"NewsArticle","headline":"Deewana Movie Trailer","url":"https://www.businessoftollywood.com/news/deewana-movie-trailer","datePublished":"2026-06-11T00:00:00Z"}},{"@type":"ListItem","position":3,"item":{"@type":"NewsArticle","headline":"Kotha Malupu Heroine Bhairavi Ardhya Deka Media Interaction","url":"https://www.businessoftollywood.com/news/kotha-malupu-heroine-bhairavi-ardhya-deka-media-interaction","image":"https://www.businessoftollywood.com/media/Articles/3259/Banner.jpeg","datePublished":"2026-06-11T00:00:00Z"}},{"@type":"ListItem","position":4,"item":{"@type":"NewsArticle","headline":"Sav3 Movie Team Special Press Meet","url":"https://www.businessoftollywood.com/news/sav3-movie-team-special-press-meet","image":"https://www.businessoftollywood.com/media/Articles/3258/Banner.jpg","datePublished":"2026-06-11T00:00:00Z"}}]}
</script>

    
</head>
<body class="bg-background text-foreground min-h-screen flex flex-col">
            <!-- Google Tag Manager (noscript) -->
        <noscript>
            <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W4Z89PVW"
                    height="0" width="0"
                    style="display:none;visibility:hidden"></iframe>
        </noscript>
        <!-- End Google Tag Manager (noscript) -->

    <header class="sticky top-0 z-50 w-full border-b border-border/40 bg-background/95 backdrop-blur">

    <!-- Top bar: logo + search + mobile toggle -->
    <div class="max-w-screen-xl mx-auto flex h-16 items-center justify-between px-4 sm:px-6 lg:px-8 border-b border-border/20">
        <a class="flex items-center gap-2" href="/">
            <svg class="h-7 w-7 text-primary" fill="currentColor" viewBox="0 0 20 20">
                <path d="M2 6a2 2 0 012-2h6a2 2 0 012 2v8a2 2 0 01-2 2H4a2 2 0 01-2-2V6zM14.553 7.106A1 1 0 0014 8v4a1 1 0 00.553.894l2 1A1 1 0 0018 13V7a1 1 0 00-1.447-.894l-2 1z"/>
            </svg>
            <span class="text-xl font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">Business of Tollywood</span>
        </a>

        <div class="flex items-center gap-3">
            <!-- Search (desktop) -->
            <form action="/search" method="get" class="relative hidden md:block" id="desktop-search-form">
                <svg class="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground pointer-events-none" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
                </svg>
                <input type="search" name="q" id="desktop-search-input" placeholder="Search..." autocomplete="off"
                       class="w-72 pl-9 pr-3 py-1.5 text-sm bg-muted border border-border rounded-lg text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-primary" />
                <div id="search-suggestions" class="hidden absolute top-full left-0 mt-1 w-80 bg-popover border border-border rounded-lg shadow-lg z-50 overflow-hidden text-sm"></div>
            </form>
            <!-- Theme toggle -->
            <button id="theme-toggle" class="p-2 rounded-lg hover:bg-muted transition-colors" aria-label="Toggle theme" title="Switch to light mode">
                <!-- Sun icon (shown in dark mode) -->
                <svg class="h-5 w-5 text-foreground hidden dark:block" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"/>
                </svg>
                <!-- Moon icon (shown in light mode) -->
                <svg class="h-5 w-5 text-foreground block dark:hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"/>
                </svg>
            </button>
            <!-- Login / user -->
            
    <a class="text-sm px-3 py-1.5 rounded-lg bg-primary hover:bg-primary/90 text-primary-foreground font-medium transition-colors" href="/account/login">
        Sign in
    </a>

            <!-- Mobile hamburger -->
            <button id="mobile-menu-btn" class="md:hidden p-2 rounded-lg hover:bg-muted transition-colors" aria-label="Menu">
                <svg class="h-5 w-5 text-foreground" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
                </svg>
            </button>
        </div>
    </div>

    <!-- Row 1 nav (desktop) -->
    <nav class="hidden md:block h-10 border-b border-border/20">
    <div class="max-w-screen-xl mx-auto flex items-center justify-center gap-5 lg:gap-7 h-full px-4 sm:px-6 lg:px-8">
        <a class="nav-icon-link" href="/">
            <svg class="h-3.5 w-3.5 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/></svg>
            Home
        </a>
            <a href="/latest-news" class="nav-icon-link">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-newspaper h-3.5 w-3.5 text-emerald-500" aria-hidden="true"><path d="M15 18h-5"></path><path d="M18 14h-8"></path><path d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-4 0v-9a2 2 0 0 1 2-2h2"></path><rect width="8" height="4" x="10" y="6" rx="1"></rect></svg>
                Latest News
            </a>
        <a class="nav-icon-link" href="/Movies">
            <svg class="h-3.5 w-3.5 text-amber-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 4v16M17 4v16M3 8h4m10 0h4M3 12h18M3 16h4m10 0h4M4 20h16a1 1 0 001-1V5a1 1 0 00-1-1H4a1 1 0 00-1 1v14a1 1 0 001 1z"/></svg>
            Movies
        </a>
        <a class="nav-icon-link" href="/Actors">
            <svg class="h-3.5 w-3.5 text-pink-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
            Actors
        </a>
        <a class="nav-icon-link" href="/Directors">
            <svg class="h-3.5 w-3.5 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z"/></svg>
            Directors
        </a>
        <a class="nav-icon-link" href="/Cinematographers">
            <svg class="h-3.5 w-3.5 text-cyan-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 13a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
            Cinematographers
        </a>
        <a class="nav-icon-link" href="/Producers">
            <svg class="h-3.5 w-3.5 text-violet-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/></svg>
            Producers
        </a>
        <a class="nav-icon-link" href="/Theatres">
            <svg class="h-3.5 w-3.5 text-orange-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 4v16M17 4v16M3 8h4m10 0h4M3 16h4m10 0h4"/></svg>
            Cinemas
        </a>
        <a class="nav-icon-link" href="/Music">
            <svg class="h-3.5 w-3.5 text-rose-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3"/></svg>
            Music
        </a>
        <a class="nav-icon-link" href="/MusicDirectors">
            <svg class="h-3.5 w-3.5 text-fuchsia-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2z"/></svg>
            Music Directors
        </a>
    </div>
    </nav>

    <!-- Row 2 nav (desktop) -->
    <nav class="hidden md:block h-10">
    <div class="max-w-screen-xl mx-auto flex items-center justify-center gap-5 lg:gap-7 h-full px-4 sm:px-6 lg:px-8">
        <a class="nav-icon-link" href="/ArtDirectors">
            <svg class="h-3.5 w-3.5 text-indigo-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01"/></svg>
            Art Directors
        </a>
        <a class="nav-icon-link" href="/Editors">
            <svg class="h-3.5 w-3.5 text-teal-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 9a3 3 0 100-6 3 3 0 000 6zm0 0l6.5 6.5M6 9l6.5-6.5M18 9a3 3 0 100-6 3 3 0 000 6zm0 0L6 21m12-12l-6.5 6.5"/></svg>
            Editors
        </a>
        <a class="nav-icon-link" href="/Choreographers">
            <svg class="h-3.5 w-3.5 text-lime-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/></svg>
            Choreographers
        </a>
        <a class="nav-icon-link" href="/StuntChoreographers">
            <svg class="h-3.5 w-3.5 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.5 17.5L3 6V3h3l11.5 11.5m0 0l-2 2.5m2-2.5l2.5 2m-5 0l-2-2m7-13l-5 5M5 19l2-2"/></svg>
            Stunt Choreographers
        </a>
        <a class="nav-icon-link" href="/CostumeDesigners">
            <svg class="h-3.5 w-3.5 text-purple-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 2L2 6l4 2v12h12V8l4-2-4-4-3 2a3 3 0 01-6 0L6 2z"/></svg>
            Costume Designers
        </a>
        <a class="nav-icon-link" href="/VFXProviders">
            <svg class="h-3.5 w-3.5 text-yellow-500" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg>
            VFX Providers
        </a>
        <a class="nav-icon-link" href="/Distributors">
            <svg class="h-3.5 w-3.5 text-sky-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 17a2 2 0 11-4 0 2 2 0 014 0zm10 0a2 2 0 11-4 0 2 2 0 014 0zM1 1h4l2.68 13.39a2 2 0 001.98 1.61h9.72a2 2 0 001.98-1.61L23 6H6"/></svg>
            Distributors
        </a>
        <a class="nav-icon-link" href="/Organisations">
            <svg class="h-3.5 w-3.5 text-sky-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/></svg>
            Organisations
        </a>
    </div>
    </nav>


</header>

    <div id="mobile-drawer" class="hidden fixed inset-0 z-[200]" style="position:fixed;top:0;left:0;right:0;bottom:0;">
        <div class="absolute inset-0 bg-black/70" id="drawer-backdrop" style="position:absolute;inset:0;"></div>
        <div style="position:absolute;right:0;top:0;height:100%;width:288px;background:hsl(var(--card));border-left:1px solid hsl(var(--border));overflow-y:auto;display:flex;flex-direction:column;">
            <div style="display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid hsl(var(--border));flex-shrink:0;">
                <span style="font-weight:700;color:hsl(var(--foreground));font-size:1rem;">Menu</span>
                <button id="drawer-close" style="padding:4px;border-radius:4px;background:transparent;border:none;cursor:pointer;color:hsl(var(--foreground));" onclick="document.getElementById('mobile-drawer').classList.add('hidden')">
                    <svg style="width:20px;height:20px;" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>
                </button>
            </div>
            <nav style="display:flex;flex-direction:column;padding:12px;gap:2px;flex:1;">
                <form action="/search" method="get" style="margin-bottom:8px;position:relative;">
                    <input type="search" name="q" placeholder="Search..." style="width:100%;padding:8px 12px 8px 36px;background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:8px;color:hsl(var(--foreground));font-size:14px;outline:none;" />
                    <svg style="position:absolute;left:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:hsl(var(--muted-foreground));" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>
                </form>
                <a href="/" class="drawer-link" onclick="document.getElementById('mobile-drawer').classList.add('hidden')">🏠 Home</a>
                <a href="/latest-news" class="drawer-link" onclick="document.getElementById('mobile-drawer').classList.add('hidden')">📰 Latest News</a>
                <a href="/movies" class="drawer-link" onclick="document.getElementById('mobile-drawer').classList.add('hidden')">🎬 Movies</a>
                <a href="/actors" class="drawer-link" onclick="document.getElementById('mobile-drawer').classList.add('hidden')">🎭 Actors</a>
                <a href="/artists" class="drawer-link" onclick="document.getElementById('mobile-drawer').classList.add('hidden')">🎨 Artists</a>
                <a href="/directors" class="drawer-link" onclick="document.getElementById('mobile-drawer').classList.add('hidden')">🎥 Directors</a>
                <a href="/cinematographers" class="drawer-link" onclick="document.getElementById('mobile-drawer').classList.add('hidden')">📷 Cinematographers</a>
                <a href="/producers" class="drawer-link" onclick="document.getElementById('mobile-drawer').classList.add('hidden')">🏭 Producers</a>
                <a href="/theatres" class="drawer-link" onclick="document.getElementById('mobile-drawer').classList.add('hidden')">🎪 Cinemas</a>
                <a href="/music" class="drawer-link" onclick="document.getElementById('mobile-drawer').classList.add('hidden')">🎵 Music</a>
                <a href="/musicdirectors" class="drawer-link" onclick="document.getElementById('mobile-drawer').classList.add('hidden')">🎼 Music Directors</a>
                <a href="/artdirectors" class="drawer-link" onclick="document.getElementById('mobile-drawer').classList.add('hidden')">🖌️ Art Directors</a>
                <a href="/editors" class="drawer-link" onclick="document.getElementById('mobile-drawer').classList.add('hidden')">✂️ Editors</a>
                <a href="/choreographers" class="drawer-link" onclick="document.getElementById('mobile-drawer').classList.add('hidden')">💃 Choreographers</a>
                <a href="/stuntchoreographers" class="drawer-link" onclick="document.getElementById('mobile-drawer').classList.add('hidden')">🥊 Stunt Choreographers</a>
                <a href="/costumedesigners" class="drawer-link" onclick="document.getElementById('mobile-drawer').classList.add('hidden')">👗 Costume Designers</a>
                <a href="/distributors" class="drawer-link" onclick="document.getElementById('mobile-drawer').classList.add('hidden')">🚚 Distributors</a>
                <a href="/organisations" class="drawer-link" onclick="document.getElementById('mobile-drawer').classList.add('hidden')">🏢 Organisations</a>
            </nav>
        </div>
    </div>

    <main class="flex-1">

    <main class="flex-1">
        


<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 space-y-16">
    <section>
        <div class="flex items-center justify-between mb-5">
            <h2 class="text-xl font-semibold text-foreground flex items-center gap-2">
                <span class="w-1 h-5 bg-primary rounded-full"></span>
                Breaking News
            </h2>
            <a class="text-xs text-primary hover:text-primary/80 transition-colors font-medium" href="/News/index">View All →</a>
        </div>
        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
                <a href="/news/deewana-movie-trailer-launched"
                       class="bg-card border border-border rounded-lg overflow-hidden hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive block">
                        <img src="https://www.businessoftollywood.com/media/Articles/3265/Banner.jpeg" alt="Deewana Movie Trailer Launched" class="w-full h-32 object-cover" onerror="this.style.display='none'" />
                    <div class="p-3">
                        <span class="text-xs font-semibold text-accent uppercase tracking-wider">General</span>
                        <p class="text-card-foreground text-lg font-medium mt-1 line-clamp-2 leading-snug">Deewana Movie Trailer Launched</p>
                        <p class="text-muted-foreground text-xs mt-2">11 Jun 2026</p>
                    </div>
                </a>
                <a href="/news/deewana-movie-trailer"
                       class="bg-card border border-border rounded-lg overflow-hidden hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive block">
                        <img src="https://www.businessoftollywood.com/media/fallbackimages/news-placeholder.jpg" alt="Deewana Movie Trailer" class="w-full h-32 object-cover" onerror="this.style.display='none'" />
                    <div class="p-3">
                        <span class="text-xs font-semibold text-accent uppercase tracking-wider">General</span>
                        <p class="text-card-foreground text-lg font-medium mt-1 line-clamp-2 leading-snug">Deewana Movie Trailer</p>
                        <p class="text-muted-foreground text-xs mt-2">11 Jun 2026</p>
                    </div>
                </a>
                <a href="/news/kotha-malupu-heroine-bhairavi-ardhya-deka-media-interaction"
                       class="bg-card border border-border rounded-lg overflow-hidden hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive block">
                        <img src="https://www.businessoftollywood.com/media/Articles/3259/Banner.jpeg" alt="Kotha Malupu Heroine Bhairavi Ardhya Deka Media Interaction" class="w-full h-32 object-cover" onerror="this.style.display='none'" />
                    <div class="p-3">
                        <span class="text-xs font-semibold text-accent uppercase tracking-wider">General</span>
                        <p class="text-card-foreground text-lg font-medium mt-1 line-clamp-2 leading-snug">Kotha Malupu Heroine Bhairavi Ardhya Deka Media Interaction</p>
                        <p class="text-muted-foreground text-xs mt-2">11 Jun 2026</p>
                    </div>
                </a>
                <a href="/news/sav3-movie-team-special-press-meet"
                       class="bg-card border border-border rounded-lg overflow-hidden hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive block">
                        <img src="https://www.businessoftollywood.com/media/Articles/3258/Banner.jpg" alt="Sav3 Movie Team Special Press Meet" class="w-full h-32 object-cover" onerror="this.style.display='none'" />
                    <div class="p-3">
                        <span class="text-xs font-semibold text-accent uppercase tracking-wider">General</span>
                        <p class="text-card-foreground text-lg font-medium mt-1 line-clamp-2 leading-snug">Sav3 Movie Team Special Press Meet</p>
                        <p class="text-muted-foreground text-xs mt-2">11 Jun 2026</p>
                    </div>
                </a>
        </div>
    </section>
    <section class="relative overflow-hidden bg-black" id="hero-carousel">
        <!-- Slides -->
        <div class="relative h-[420px] sm:h-[520px] md:h-[600px]">
                <div class="carousel-slide absolute inset-0 transition-opacity duration-700 opacity-100 z-10" data-index="0">
                    <!-- Banner bg -->
                    <img src="https://www.businessoftollywood.com/media/Movies/O-Thandri-Katha-40947/Banner.jpeg" alt="O Thandri Katha"
                         class="w-full h-full object-cover object-top"
                         onerror="this.style.display='none'"
                             srcset="https://www.businessoftollywood.com/media/Movies/O-Thandri-Katha-40947/Banner.jpeg ,https://www.businessoftollywood.com/media/fallbackimages/movie-banner-placeholder.jpg" />
                    <div class="absolute inset-0" style="background:linear-gradient(0deg, rgba(0,0,0,0.95) 0%, transparent 100%)"></div>
                    <div class="absolute inset-0" style="background:linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 40%, transparent 100%)"></div>

                    <!-- Content -->
                    <div class="absolute inset-0 flex items-end pb-12 px-6 sm:px-12 lg:px-20 max-w-7xl mx-auto left-0 right-0">
                        <div class="flex items-end gap-6">
                            <img src="https://www.businessoftollywood.com/media/Movies/O-Thandri-Katha-40947/Poster.jpg" alt="O Thandri Katha poster"
                                 class="hidden sm:block w-28 md:w-36 rounded-lg shadow-card border border-white/20 flex-shrink-0"
                                 onerror="this.style.display='none'"
                                 srcset="https://www.businessoftollywood.com/media/Movies/O-Thandri-Katha-40947/Poster.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" 
                                 />
                            <div>
                                <p class="text-xs font-semibold uppercase tracking-widest mb-1 text-red-500">Now in Cinemas</p>
                                    <h2 class="text-lg:text-3xl md:text-4xl font-bold text-white leading-tight">O Thandri Katha</h2>
                                <p class="text-white/60 text-sm mt-1">In Cinemas: 01-May-2026</p>
                                <a class="mt-4 inline-flex items-center gap-2 btn-primary text-sm py-2 px-5" href="/movie/o-thandri-katha">
                                    More Info
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-slide absolute inset-0 transition-opacity duration-700 opacity-0 z-0" data-index="1">
                    <!-- Banner bg -->
                    <img src="https://www.businessoftollywood.com/media/Movies/Jetlee-40946/Banner.jpg" alt="Jetlee"
                         class="w-full h-full object-cover object-top"
                         onerror="this.style.display='none'"
                             srcset="https://www.businessoftollywood.com/media/Movies/Jetlee-40946/Banner.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-banner-placeholder.jpg" />
                    <div class="absolute inset-0" style="background:linear-gradient(0deg, rgba(0,0,0,0.95) 0%, transparent 100%)"></div>
                    <div class="absolute inset-0" style="background:linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 40%, transparent 100%)"></div>

                    <!-- Content -->
                    <div class="absolute inset-0 flex items-end pb-12 px-6 sm:px-12 lg:px-20 max-w-7xl mx-auto left-0 right-0">
                        <div class="flex items-end gap-6">
                            <img src="https://www.businessoftollywood.com/media/Movies/Jetlee-40946/Poster.jpeg" alt="Jetlee poster"
                                 class="hidden sm:block w-28 md:w-36 rounded-lg shadow-card border border-white/20 flex-shrink-0"
                                 onerror="this.style.display='none'"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Jetlee-40946/Poster.jpeg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" 
                                 />
                            <div>
                                <p class="text-xs font-semibold uppercase tracking-widest mb-1 text-red-500">Now in Cinemas</p>
                                    <h2 class="text-lg:text-3xl md:text-4xl font-bold text-white leading-tight">Jetlee</h2>
                                <p class="text-white/60 text-sm mt-1">In Cinemas: 01-May-2026</p>
                                <a class="mt-4 inline-flex items-center gap-2 btn-primary text-sm py-2 px-5" href="/movie/jetlee">
                                    More Info
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                                    </svg>
                                </a>
                                    <div class="mt-3">
                                        
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-slide absolute inset-0 transition-opacity duration-700 opacity-0 z-0" data-index="2">
                    <!-- Banner bg -->
                    <img src="https://www.businessoftollywood.com/media/Movies/Kara-40945/Banner.jpg" alt="Kara"
                         class="w-full h-full object-cover object-top"
                         onerror="this.style.display='none'"
                             srcset="https://www.businessoftollywood.com/media/Movies/Kara-40945/Banner.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-banner-placeholder.jpg" />
                    <div class="absolute inset-0" style="background:linear-gradient(0deg, rgba(0,0,0,0.95) 0%, transparent 100%)"></div>
                    <div class="absolute inset-0" style="background:linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 40%, transparent 100%)"></div>

                    <!-- Content -->
                    <div class="absolute inset-0 flex items-end pb-12 px-6 sm:px-12 lg:px-20 max-w-7xl mx-auto left-0 right-0">
                        <div class="flex items-end gap-6">
                            <img src="https://www.businessoftollywood.com/media/Movies/Kara-40945/Poster.jpeg" alt="Kara poster"
                                 class="hidden sm:block w-28 md:w-36 rounded-lg shadow-card border border-white/20 flex-shrink-0"
                                 onerror="this.style.display='none'"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Kara-40945/Poster.jpeg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" 
                                 />
                            <div>
                                <p class="text-xs font-semibold uppercase tracking-widest mb-1 text-red-500">Now in Cinemas</p>
                                    <h2 class="text-lg:text-3xl md:text-4xl font-bold text-white leading-tight">Kara</h2>
                                <p class="text-white/60 text-sm mt-1">In Cinemas: 30-Apr-2026</p>
                                <a class="mt-4 inline-flex items-center gap-2 btn-primary text-sm py-2 px-5" href="/movie/kara">
                                    More Info
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-slide absolute inset-0 transition-opacity duration-700 opacity-0 z-0" data-index="3">
                    <!-- Banner bg -->
                    <img src="https://www.businessoftollywood.com/media/Movies/Gedelaraju-Kakinada-Taluka-40948/Banner.jpg" alt="Gedelaraju Kakinada Taluka"
                         class="w-full h-full object-cover object-top"
                         onerror="this.style.display='none'"
                             srcset="https://www.businessoftollywood.com/media/Movies/Gedelaraju-Kakinada-Taluka-40948/Banner.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-banner-placeholder.jpg" />
                    <div class="absolute inset-0" style="background:linear-gradient(0deg, rgba(0,0,0,0.95) 0%, transparent 100%)"></div>
                    <div class="absolute inset-0" style="background:linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 40%, transparent 100%)"></div>

                    <!-- Content -->
                    <div class="absolute inset-0 flex items-end pb-12 px-6 sm:px-12 lg:px-20 max-w-7xl mx-auto left-0 right-0">
                        <div class="flex items-end gap-6">
                            <img src="https://www.businessoftollywood.com/media/Movies/Gedelaraju-Kakinada-Taluka-40948/Poster.jpeg" alt="Gedelaraju Kakinada Taluka poster"
                                 class="hidden sm:block w-28 md:w-36 rounded-lg shadow-card border border-white/20 flex-shrink-0"
                                 onerror="this.style.display='none'"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Gedelaraju-Kakinada-Taluka-40948/Poster.jpeg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" 
                                 />
                            <div>
                                <p class="text-xs font-semibold uppercase tracking-widest mb-1 text-red-500">Now in Cinemas</p>
                                    <h2 class="text-lg:text-3xl md:text-4xl font-bold text-white leading-tight">Gedelaraju Kakinada Taluka</h2>
                                <p class="text-white/60 text-sm mt-1">In Cinemas: 24-Apr-2026</p>
                                <a class="mt-4 inline-flex items-center gap-2 btn-primary text-sm py-2 px-5" href="/movie/gedelaraju-kakinada-taluka">
                                    More Info
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-slide absolute inset-0 transition-opacity duration-700 opacity-0 z-0" data-index="4">
                    <!-- Banner bg -->
                    <img src="https://www.businessoftollywood.com/media/Movies/Vaazha-II-Biopic-of-a-Billion-Bros-40944/Banner.jpg" alt="Vaazha II: Biopic of a Billion Bros"
                         class="w-full h-full object-cover object-top"
                         onerror="this.style.display='none'"
                             srcset="https://www.businessoftollywood.com/media/Movies/Vaazha-II-Biopic-of-a-Billion-Bros-40944/Banner.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-banner-placeholder.jpg" />
                    <div class="absolute inset-0" style="background:linear-gradient(0deg, rgba(0,0,0,0.95) 0%, transparent 100%)"></div>
                    <div class="absolute inset-0" style="background:linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 40%, transparent 100%)"></div>

                    <!-- Content -->
                    <div class="absolute inset-0 flex items-end pb-12 px-6 sm:px-12 lg:px-20 max-w-7xl mx-auto left-0 right-0">
                        <div class="flex items-end gap-6">
                            <img src="https://www.businessoftollywood.com/media/Movies/Vaazha-II-Biopic-of-a-Billion-Bros-40944/Poster.jpeg" alt="Vaazha II: Biopic of a Billion Bros poster"
                                 class="hidden sm:block w-28 md:w-36 rounded-lg shadow-card border border-white/20 flex-shrink-0"
                                 onerror="this.style.display='none'"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Vaazha-II-Biopic-of-a-Billion-Bros-40944/Poster.jpeg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" 
                                 />
                            <div>
                                <p class="text-xs font-semibold uppercase tracking-widest mb-1 text-red-500">Now in Cinemas</p>
                                    <h2 class="text-lg:text-3xl md:text-4xl font-bold text-white leading-tight">Vaazha II: Biopic of a Billion Bros</h2>
                                <p class="text-white/60 text-sm mt-1">In Cinemas: 24-Apr-2026</p>
                                <a class="mt-4 inline-flex items-center gap-2 btn-primary text-sm py-2 px-5" href="/movie/vaazha-ii-biopic-of-a-billion-bros">
                                    More Info
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-slide absolute inset-0 transition-opacity duration-700 opacity-0 z-0" data-index="5">
                    <!-- Banner bg -->
                    <img src="https://www.businessoftollywood.com/media/Movies/Paramapadha-Sopanam-60/Banner.jpg" alt="Paramapadha Sopanam"
                         class="w-full h-full object-cover object-top"
                         onerror="this.style.display='none'"
                             srcset="https://www.businessoftollywood.com/media/Movies/Paramapadha-Sopanam-60/Banner.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-banner-placeholder.jpg" />
                    <div class="absolute inset-0" style="background:linear-gradient(0deg, rgba(0,0,0,0.95) 0%, transparent 100%)"></div>
                    <div class="absolute inset-0" style="background:linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 40%, transparent 100%)"></div>

                    <!-- Content -->
                    <div class="absolute inset-0 flex items-end pb-12 px-6 sm:px-12 lg:px-20 max-w-7xl mx-auto left-0 right-0">
                        <div class="flex items-end gap-6">
                            <img src="https://www.businessoftollywood.com/media/Movies/Paramapadha-Sopanam-60/Poster.jpg" alt="Paramapadha Sopanam poster"
                                 class="hidden sm:block w-28 md:w-36 rounded-lg shadow-card border border-white/20 flex-shrink-0"
                                 onerror="this.style.display='none'"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Paramapadha-Sopanam-60/Poster.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" 
                                 />
                            <div>
                                <p class="text-xs font-semibold uppercase tracking-widest mb-1 text-red-500">Now in Cinemas</p>
                                    <h2 class="text-lg:text-3xl md:text-4xl font-bold text-white leading-tight">Paramapadha Sopanam</h2>
                                <p class="text-white/60 text-sm mt-1">In Cinemas: 24-Apr-2026</p>
                                <a class="mt-4 inline-flex items-center gap-2 btn-primary text-sm py-2 px-5" href="/movie/paramapadha-sopanam">
                                    More Info
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-slide absolute inset-0 transition-opacity duration-700 opacity-0 z-0" data-index="6">
                    <!-- Banner bg -->
                    <img src="https://www.businessoftollywood.com/media/Movies/Kalagamanam-40939/Banner.jpg" alt="Kalagamanam"
                         class="w-full h-full object-cover object-top"
                         onerror="this.style.display='none'"
                             srcset="https://www.businessoftollywood.com/media/Movies/Kalagamanam-40939/Banner.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-banner-placeholder.jpg" />
                    <div class="absolute inset-0" style="background:linear-gradient(0deg, rgba(0,0,0,0.95) 0%, transparent 100%)"></div>
                    <div class="absolute inset-0" style="background:linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 40%, transparent 100%)"></div>

                    <!-- Content -->
                    <div class="absolute inset-0 flex items-end pb-12 px-6 sm:px-12 lg:px-20 max-w-7xl mx-auto left-0 right-0">
                        <div class="flex items-end gap-6">
                            <img src="https://www.businessoftollywood.com/media/Movies/Kalagamanam-40939/Poster.jpeg" alt="Kalagamanam poster"
                                 class="hidden sm:block w-28 md:w-36 rounded-lg shadow-card border border-white/20 flex-shrink-0"
                                 onerror="this.style.display='none'"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Kalagamanam-40939/Poster.jpeg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" 
                                 />
                            <div>
                                <p class="text-xs font-semibold uppercase tracking-widest mb-1 text-red-500">Now in Cinemas</p>
                                    <h2 class="text-lg:text-3xl md:text-4xl font-bold text-white leading-tight">Kalagamanam</h2>
                                <p class="text-white/60 text-sm mt-1">In Cinemas: 17-Apr-2026</p>
                                <a class="mt-4 inline-flex items-center gap-2 btn-primary text-sm py-2 px-5" href="/movie/kalagamanam">
                                    More Info
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-slide absolute inset-0 transition-opacity duration-700 opacity-0 z-0" data-index="7">
                    <!-- Banner bg -->
                    <img src="https://www.businessoftollywood.com/media/Movies/Thimmarajupalli-TV-40917/Banner.jpg" alt="Thimmarajupalli TV"
                         class="w-full h-full object-cover object-top"
                         onerror="this.style.display='none'"
                             srcset="https://www.businessoftollywood.com/media/Movies/Thimmarajupalli-TV-40917/Banner.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-banner-placeholder.jpg" />
                    <div class="absolute inset-0" style="background:linear-gradient(0deg, rgba(0,0,0,0.95) 0%, transparent 100%)"></div>
                    <div class="absolute inset-0" style="background:linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 40%, transparent 100%)"></div>

                    <!-- Content -->
                    <div class="absolute inset-0 flex items-end pb-12 px-6 sm:px-12 lg:px-20 max-w-7xl mx-auto left-0 right-0">
                        <div class="flex items-end gap-6">
                            <img src="https://www.businessoftollywood.com/media/Movies/Thimmarajupalli-TV-40917/Poster.jpg" alt="Thimmarajupalli TV poster"
                                 class="hidden sm:block w-28 md:w-36 rounded-lg shadow-card border border-white/20 flex-shrink-0"
                                 onerror="this.style.display='none'"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Thimmarajupalli-TV-40917/Poster.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" 
                                 />
                            <div>
                                <p class="text-xs font-semibold uppercase tracking-widest mb-1 text-red-500">Now in Cinemas</p>
                                    <h2 class="text-lg:text-3xl md:text-4xl font-bold text-white leading-tight">Thimmarajupalli TV</h2>
                                <p class="text-white/60 text-sm mt-1">In Cinemas: 17-Apr-2026</p>
                                <a class="mt-4 inline-flex items-center gap-2 btn-primary text-sm py-2 px-5" href="/movie/thimmarajupalli-tv">
                                    More Info
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-slide absolute inset-0 transition-opacity duration-700 opacity-0 z-0" data-index="8">
                    <!-- Banner bg -->
                    <img src="https://www.businessoftollywood.com/media/Movies/Papam-Prathap-39903/Banner.jpg" alt="Papam Prathap"
                         class="w-full h-full object-cover object-top"
                         onerror="this.style.display='none'"
                             srcset="https://www.businessoftollywood.com/media/Movies/Papam-Prathap-39903/Banner.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-banner-placeholder.jpg" />
                    <div class="absolute inset-0" style="background:linear-gradient(0deg, rgba(0,0,0,0.95) 0%, transparent 100%)"></div>
                    <div class="absolute inset-0" style="background:linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 40%, transparent 100%)"></div>

                    <!-- Content -->
                    <div class="absolute inset-0 flex items-end pb-12 px-6 sm:px-12 lg:px-20 max-w-7xl mx-auto left-0 right-0">
                        <div class="flex items-end gap-6">
                            <img src="https://www.businessoftollywood.com/media/Movies/Papam-Prathap-39903/Poster.jpg" alt="Papam Prathap poster"
                                 class="hidden sm:block w-28 md:w-36 rounded-lg shadow-card border border-white/20 flex-shrink-0"
                                 onerror="this.style.display='none'"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Papam-Prathap-39903/Poster.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" 
                                 />
                            <div>
                                <p class="text-xs font-semibold uppercase tracking-widest mb-1 text-red-500">Now in Cinemas</p>
                                    <h2 class="text-lg:text-3xl md:text-4xl font-bold text-white leading-tight">Papam Prathap</h2>
                                <p class="text-white/60 text-sm mt-1">In Cinemas: 17-Apr-2026</p>
                                <a class="mt-4 inline-flex items-center gap-2 btn-primary text-sm py-2 px-5" href="/movie/papam-prathap">
                                    More Info
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-slide absolute inset-0 transition-opacity duration-700 opacity-0 z-0" data-index="9">
                    <!-- Banner bg -->
                    <img src="https://www.businessoftollywood.com/media/Movies/Pallichattambi-40901/Banner.jpg" alt="Pallichattambi"
                         class="w-full h-full object-cover object-top"
                         onerror="this.style.display='none'"
                             srcset="https://www.businessoftollywood.com/media/Movies/Pallichattambi-40901/Banner.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-banner-placeholder.jpg" />
                    <div class="absolute inset-0" style="background:linear-gradient(0deg, rgba(0,0,0,0.95) 0%, transparent 100%)"></div>
                    <div class="absolute inset-0" style="background:linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 40%, transparent 100%)"></div>

                    <!-- Content -->
                    <div class="absolute inset-0 flex items-end pb-12 px-6 sm:px-12 lg:px-20 max-w-7xl mx-auto left-0 right-0">
                        <div class="flex items-end gap-6">
                            <img src="https://www.businessoftollywood.com/media/Movies/Pallichattambi-40901/Poster.jpeg" alt="Pallichattambi poster"
                                 class="hidden sm:block w-28 md:w-36 rounded-lg shadow-card border border-white/20 flex-shrink-0"
                                 onerror="this.style.display='none'"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Pallichattambi-40901/Poster.jpeg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" 
                                 />
                            <div>
                                <p class="text-xs font-semibold uppercase tracking-widest mb-1 text-red-500">Now in Cinemas</p>
                                    <h2 class="text-lg:text-3xl md:text-4xl font-bold text-white leading-tight">Pallichattambi</h2>
                                <p class="text-white/60 text-sm mt-1">In Cinemas: 15-Apr-2026</p>
                                <a class="mt-4 inline-flex items-center gap-2 btn-primary text-sm py-2 px-5" href="/movie/pallichattambi">
                                    More Info
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-slide absolute inset-0 transition-opacity duration-700 opacity-0 z-0" data-index="10">
                    <!-- Banner bg -->
                    <img src="https://www.businessoftollywood.com/media/Movies/LIK-Love-Insurance-Kompany-40903/Banner.jpg" alt="LIK: Love Insurance Kompany"
                         class="w-full h-full object-cover object-top"
                         onerror="this.style.display='none'"
                             srcset="https://www.businessoftollywood.com/media/Movies/LIK-Love-Insurance-Kompany-40903/Banner.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-banner-placeholder.jpg" />
                    <div class="absolute inset-0" style="background:linear-gradient(0deg, rgba(0,0,0,0.95) 0%, transparent 100%)"></div>
                    <div class="absolute inset-0" style="background:linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 40%, transparent 100%)"></div>

                    <!-- Content -->
                    <div class="absolute inset-0 flex items-end pb-12 px-6 sm:px-12 lg:px-20 max-w-7xl mx-auto left-0 right-0">
                        <div class="flex items-end gap-6">
                            <img src="https://www.businessoftollywood.com/media/Movies/LIK-Love-Insurance-Kompany-40903/Poster.jpeg" alt="LIK: Love Insurance Kompany poster"
                                 class="hidden sm:block w-28 md:w-36 rounded-lg shadow-card border border-white/20 flex-shrink-0"
                                 onerror="this.style.display='none'"
                                 srcset="https://www.businessoftollywood.com/media/Movies/LIK-Love-Insurance-Kompany-40903/Poster.jpeg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" 
                                 />
                            <div>
                                <p class="text-xs font-semibold uppercase tracking-widest mb-1 text-red-500">Now in Cinemas</p>
                                    <h2 class="text-lg:text-3xl md:text-4xl font-bold text-white leading-tight">LIK: Love Insurance Kompany</h2>
                                <p class="text-white/60 text-sm mt-1">In Cinemas: 10-Apr-2026</p>
                                <a class="mt-4 inline-flex items-center gap-2 btn-primary text-sm py-2 px-5" href="/movie/lik-love-insurance-kompany">
                                    More Info
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-slide absolute inset-0 transition-opacity duration-700 opacity-0 z-0" data-index="11">
                    <!-- Banner bg -->
                    <img src="https://www.businessoftollywood.com/media/Movies/Dacoit-A-Love-Story-40924/Banner.jpg" alt="Dacoit: A Love Story"
                         class="w-full h-full object-cover object-top"
                         onerror="this.style.display='none'"
                             srcset="https://www.businessoftollywood.com/media/Movies/Dacoit-A-Love-Story-40924/Banner.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-banner-placeholder.jpg" />
                    <div class="absolute inset-0" style="background:linear-gradient(0deg, rgba(0,0,0,0.95) 0%, transparent 100%)"></div>
                    <div class="absolute inset-0" style="background:linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 40%, transparent 100%)"></div>

                    <!-- Content -->
                    <div class="absolute inset-0 flex items-end pb-12 px-6 sm:px-12 lg:px-20 max-w-7xl mx-auto left-0 right-0">
                        <div class="flex items-end gap-6">
                            <img src="https://www.businessoftollywood.com/media/Movies/Dacoit-A-Love-Story-40924/Poster.jpg" alt="Dacoit: A Love Story poster"
                                 class="hidden sm:block w-28 md:w-36 rounded-lg shadow-card border border-white/20 flex-shrink-0"
                                 onerror="this.style.display='none'"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Dacoit-A-Love-Story-40924/Poster.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" 
                                 />
                            <div>
                                <p class="text-xs font-semibold uppercase tracking-widest mb-1 text-red-500">Now in Cinemas</p>
                                    <h2 class="text-lg:text-3xl md:text-4xl font-bold text-white leading-tight">Dacoit: A Love Story</h2>
                                <p class="text-white/60 text-sm mt-1">In Cinemas: 10-Apr-2026</p>
                                <a class="mt-4 inline-flex items-center gap-2 btn-primary text-sm py-2 px-5" href="/movie/dacoit-a-love-story">
                                    More Info
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-slide absolute inset-0 transition-opacity duration-700 opacity-0 z-0" data-index="12">
                    <!-- Banner bg -->
                    <img src="https://www.businessoftollywood.com/media/Movies/Raakaasa-40919/Banner.jpg" alt="Raakaasa"
                         class="w-full h-full object-cover object-top"
                         onerror="this.style.display='none'"
                             srcset="https://www.businessoftollywood.com/media/Movies/Raakaasa-40919/Banner.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-banner-placeholder.jpg" />
                    <div class="absolute inset-0" style="background:linear-gradient(0deg, rgba(0,0,0,0.95) 0%, transparent 100%)"></div>
                    <div class="absolute inset-0" style="background:linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 40%, transparent 100%)"></div>

                    <!-- Content -->
                    <div class="absolute inset-0 flex items-end pb-12 px-6 sm:px-12 lg:px-20 max-w-7xl mx-auto left-0 right-0">
                        <div class="flex items-end gap-6">
                            <img src="https://www.businessoftollywood.com/media/Movies/Raakaasa-40919/Poster.jpg" alt="Raakaasa poster"
                                 class="hidden sm:block w-28 md:w-36 rounded-lg shadow-card border border-white/20 flex-shrink-0"
                                 onerror="this.style.display='none'"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Raakaasa-40919/Poster.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" 
                                 />
                            <div>
                                <p class="text-xs font-semibold uppercase tracking-widest mb-1 text-red-500">Now in Cinemas</p>
                                    <h2 class="text-lg:text-3xl md:text-4xl font-bold text-white leading-tight">Raakaasa</h2>
                                <p class="text-white/60 text-sm mt-1">In Cinemas: 03-Apr-2026</p>
                                <a class="mt-4 inline-flex items-center gap-2 btn-primary text-sm py-2 px-5" href="/movie/raakaasa">
                                    More Info
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-slide absolute inset-0 transition-opacity duration-700 opacity-0 z-0" data-index="13">
                    <!-- Banner bg -->
                    <img src="https://www.businessoftollywood.com/media/Movies/Untitled-Legend-Saravanan-Durai-Senthilkumar-movie-14561/Banner.jpg" alt="Leader"
                         class="w-full h-full object-cover object-top"
                         onerror="this.style.display='none'"
                             srcset="https://www.businessoftollywood.com/media/Movies/Untitled-Legend-Saravanan-Durai-Senthilkumar-movie-14561/Banner.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-banner-placeholder.jpg" />
                    <div class="absolute inset-0" style="background:linear-gradient(0deg, rgba(0,0,0,0.95) 0%, transparent 100%)"></div>
                    <div class="absolute inset-0" style="background:linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 40%, transparent 100%)"></div>

                    <!-- Content -->
                    <div class="absolute inset-0 flex items-end pb-12 px-6 sm:px-12 lg:px-20 max-w-7xl mx-auto left-0 right-0">
                        <div class="flex items-end gap-6">
                            <img src="https://www.businessoftollywood.com/media/Movies/Untitled-Legend-Saravanan-Durai-Senthilkumar-movie-14561/Poster.jpg" alt="Leader poster"
                                 class="hidden sm:block w-28 md:w-36 rounded-lg shadow-card border border-white/20 flex-shrink-0"
                                 onerror="this.style.display='none'"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Untitled-Legend-Saravanan-Durai-Senthilkumar-movie-14561/Poster.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" 
                                 />
                            <div>
                                <p class="text-xs font-semibold uppercase tracking-widest mb-1 text-red-500">Now in Cinemas</p>
                                    <h2 class="text-lg:text-3xl md:text-4xl font-bold text-white leading-tight">Leader</h2>
                                <p class="text-white/60 text-sm mt-1">In Cinemas: 03-Apr-2026</p>
                                <a class="mt-4 inline-flex items-center gap-2 btn-primary text-sm py-2 px-5" href="/movie/untitled-legend-saravanandurai-senthilkumar-movie">
                                    More Info
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-slide absolute inset-0 transition-opacity duration-700 opacity-0 z-0" data-index="14">
                    <!-- Banner bg -->
                    <img src="https://www.businessoftollywood.com/media/Movies/Biker-40918/Banner.jpg" alt="Biker"
                         class="w-full h-full object-cover object-top"
                         onerror="this.style.display='none'"
                             srcset="https://www.businessoftollywood.com/media/Movies/Biker-40918/Banner.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-banner-placeholder.jpg" />
                    <div class="absolute inset-0" style="background:linear-gradient(0deg, rgba(0,0,0,0.95) 0%, transparent 100%)"></div>
                    <div class="absolute inset-0" style="background:linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 40%, transparent 100%)"></div>

                    <!-- Content -->
                    <div class="absolute inset-0 flex items-end pb-12 px-6 sm:px-12 lg:px-20 max-w-7xl mx-auto left-0 right-0">
                        <div class="flex items-end gap-6">
                            <img src="https://www.businessoftollywood.com/media/Movies/Biker-40918/Poster.jpg" alt="Biker poster"
                                 class="hidden sm:block w-28 md:w-36 rounded-lg shadow-card border border-white/20 flex-shrink-0"
                                 onerror="this.style.display='none'"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Biker-40918/Poster.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" 
                                 />
                            <div>
                                <p class="text-xs font-semibold uppercase tracking-widest mb-1 text-red-500">Now in Cinemas</p>
                                    <h2 class="text-lg:text-3xl md:text-4xl font-bold text-white leading-tight">Biker</h2>
                                <p class="text-white/60 text-sm mt-1">In Cinemas: 03-Apr-2026</p>
                                <a class="mt-4 inline-flex items-center gap-2 btn-primary text-sm py-2 px-5" href="/movie/biker">
                                    More Info
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-slide absolute inset-0 transition-opacity duration-700 opacity-0 z-0" data-index="15">
                    <!-- Banner bg -->
                    <img src="https://www.businessoftollywood.com/media/Movies/Dhurandhar-The-Revenge-40940/Banner.jpeg" alt="Dhurandhar The Revenge"
                         class="w-full h-full object-cover object-top"
                         onerror="this.style.display='none'"
                             srcset="https://www.businessoftollywood.com/media/Movies/Dhurandhar-The-Revenge-40940/Banner.jpeg ,https://www.businessoftollywood.com/media/fallbackimages/movie-banner-placeholder.jpg" />
                    <div class="absolute inset-0" style="background:linear-gradient(0deg, rgba(0,0,0,0.95) 0%, transparent 100%)"></div>
                    <div class="absolute inset-0" style="background:linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 40%, transparent 100%)"></div>

                    <!-- Content -->
                    <div class="absolute inset-0 flex items-end pb-12 px-6 sm:px-12 lg:px-20 max-w-7xl mx-auto left-0 right-0">
                        <div class="flex items-end gap-6">
                            <img src="https://www.businessoftollywood.com/media/Movies/Dhurandhar-The-Revenge-40940/Poster.jpeg" alt="Dhurandhar The Revenge poster"
                                 class="hidden sm:block w-28 md:w-36 rounded-lg shadow-card border border-white/20 flex-shrink-0"
                                 onerror="this.style.display='none'"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Dhurandhar-The-Revenge-40940/Poster.jpeg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" 
                                 />
                            <div>
                                <p class="text-xs font-semibold uppercase tracking-widest mb-1 text-red-500">Now in Cinemas</p>
                                    <h2 class="text-lg:text-3xl md:text-4xl font-bold text-white leading-tight">Dhurandhar The Revenge</h2>
                                <p class="text-white/60 text-sm mt-1">In Cinemas: 19-Mar-2026</p>
                                <a class="mt-4 inline-flex items-center gap-2 btn-primary text-sm py-2 px-5" href="/movie/dhurandhar-the-revenge">
                                    More Info
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-slide absolute inset-0 transition-opacity duration-700 opacity-0 z-0" data-index="16">
                    <!-- Banner bg -->
                    <img src="https://www.businessoftollywood.com/media/Movies/Gaayapadda-Simham-40916/Banner.jpg" alt="Gaayapadda Simham"
                         class="w-full h-full object-cover object-top"
                         onerror="this.style.display='none'"
                             srcset="https://www.businessoftollywood.com/media/Movies/Gaayapadda-Simham-40916/Banner.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-banner-placeholder.jpg" />
                    <div class="absolute inset-0" style="background:linear-gradient(0deg, rgba(0,0,0,0.95) 0%, transparent 100%)"></div>
                    <div class="absolute inset-0" style="background:linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 40%, transparent 100%)"></div>

                    <!-- Content -->
                    <div class="absolute inset-0 flex items-end pb-12 px-6 sm:px-12 lg:px-20 max-w-7xl mx-auto left-0 right-0">
                        <div class="flex items-end gap-6">
                            <img src="https://www.businessoftollywood.com/media/Movies/Gaayapadda-Simham-40916/Poster.jpeg" alt="Gaayapadda Simham poster"
                                 class="hidden sm:block w-28 md:w-36 rounded-lg shadow-card border border-white/20 flex-shrink-0"
                                 onerror="this.style.display='none'"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Gaayapadda-Simham-40916/Poster.jpeg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" 
                                 />
                            <div>
                                <p class="text-xs font-semibold uppercase tracking-widest mb-1 text-red-500">Now in Cinemas</p>
                                    <h2 class="text-lg:text-3xl md:text-4xl font-bold text-white leading-tight">Gaayapadda Simham</h2>
                                <p class="text-white/60 text-sm mt-1">In Cinemas: </p>
                                <a class="mt-4 inline-flex items-center gap-2 btn-primary text-sm py-2 px-5" href="/movie/gaayapadda-simham">
                                    More Info
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
        </div>

        <!-- Prev / Next -->
        <button id="carousel-prev"
                class="absolute left-3 top-1/2 -translate-y-1/2 z-20 w-10 h-10 rounded-full bg-black/60 border border-white/20 hover:bg-black/80 flex items-center justify-center transition-colors">
            <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
            </svg>
        </button>
        <button id="carousel-next"
                class="absolute right-3 top-1/2 -translate-y-1/2 z-20 w-10 h-10 rounded-full bg-black/60 border border-white/20 hover:bg-black/80 flex items-center justify-center transition-colors">
            <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
            </svg>
        </button>

        <!-- Dots -->
        <div class="absolute bottom-4 left-1/2 -translate-x-1/2 z-20 flex gap-2">
                <button class="carousel-dot w-2 h-2 rounded-full transition-all duration-300 bg-primary w-6" data-index="0"></button>
                <button class="carousel-dot w-2 h-2 rounded-full transition-all duration-300 bg-muted-foreground/40" data-index="1"></button>
                <button class="carousel-dot w-2 h-2 rounded-full transition-all duration-300 bg-muted-foreground/40" data-index="2"></button>
                <button class="carousel-dot w-2 h-2 rounded-full transition-all duration-300 bg-muted-foreground/40" data-index="3"></button>
                <button class="carousel-dot w-2 h-2 rounded-full transition-all duration-300 bg-muted-foreground/40" data-index="4"></button>
                <button class="carousel-dot w-2 h-2 rounded-full transition-all duration-300 bg-muted-foreground/40" data-index="5"></button>
                <button class="carousel-dot w-2 h-2 rounded-full transition-all duration-300 bg-muted-foreground/40" data-index="6"></button>
                <button class="carousel-dot w-2 h-2 rounded-full transition-all duration-300 bg-muted-foreground/40" data-index="7"></button>
                <button class="carousel-dot w-2 h-2 rounded-full transition-all duration-300 bg-muted-foreground/40" data-index="8"></button>
                <button class="carousel-dot w-2 h-2 rounded-full transition-all duration-300 bg-muted-foreground/40" data-index="9"></button>
                <button class="carousel-dot w-2 h-2 rounded-full transition-all duration-300 bg-muted-foreground/40" data-index="10"></button>
                <button class="carousel-dot w-2 h-2 rounded-full transition-all duration-300 bg-muted-foreground/40" data-index="11"></button>
                <button class="carousel-dot w-2 h-2 rounded-full transition-all duration-300 bg-muted-foreground/40" data-index="12"></button>
                <button class="carousel-dot w-2 h-2 rounded-full transition-all duration-300 bg-muted-foreground/40" data-index="13"></button>
                <button class="carousel-dot w-2 h-2 rounded-full transition-all duration-300 bg-muted-foreground/40" data-index="14"></button>
                <button class="carousel-dot w-2 h-2 rounded-full transition-all duration-300 bg-muted-foreground/40" data-index="15"></button>
                <button class="carousel-dot w-2 h-2 rounded-full transition-all duration-300 bg-muted-foreground/40" data-index="16"></button>
        </div>
    </section>
    
    <section>
        <div class="flex items-center justify-between mb-5">
            <h2 class="text-xl font-semibold text-foreground flex items-center gap-2">
                <span class="w-1 h-5 bg-accent rounded-full"></span>
                New OTT Releases
            </h2>
        </div>
        <p class="text-muted-foreground text-sm mb-5">Discover Telugu movies now streaming on popular OTT platforms.</p>

        <!-- Platform filter tabs -->
        <div class="flex gap-2 flex-wrap mb-6" id="ott-tabs">
                <button class="ott-tab text-xs font-medium px-4 py-1.5 rounded-full border transition-colors duration-200 bg-primary text-primary-foreground border-primary"
                        data-platform="All">
                    All
                </button>
                <button class="ott-tab text-xs font-medium px-4 py-1.5 rounded-full border transition-colors duration-200 bg-transparent text-muted-foreground border-border hover:border-primary/50 hover:text-foreground"
                        data-platform="Netflix">
                    Netflix
                </button>
                <button class="ott-tab text-xs font-medium px-4 py-1.5 rounded-full border transition-colors duration-200 bg-transparent text-muted-foreground border-border hover:border-primary/50 hover:text-foreground"
                        data-platform="Amazon">
                    Amazon
                </button>
                <button class="ott-tab text-xs font-medium px-4 py-1.5 rounded-full border transition-colors duration-200 bg-transparent text-muted-foreground border-border hover:border-primary/50 hover:text-foreground"
                        data-platform="Zee5">
                    Zee5
                </button>
                <button class="ott-tab text-xs font-medium px-4 py-1.5 rounded-full border transition-colors duration-200 bg-transparent text-muted-foreground border-border hover:border-primary/50 hover:text-foreground"
                        data-platform="Jio">
                    Jio
                </button>
                <button class="ott-tab text-xs font-medium px-4 py-1.5 rounded-full border transition-colors duration-200 bg-transparent text-muted-foreground border-border hover:border-primary/50 hover:text-foreground"
                        data-platform="Hotstar">
                    Hotstar
                </button>
                <button class="ott-tab text-xs font-medium px-4 py-1.5 rounded-full border transition-colors duration-200 bg-transparent text-muted-foreground border-border hover:border-primary/50 hover:text-foreground"
                        data-platform="SunNxt">
                    SunNxt
                </button>
                <button class="ott-tab text-xs font-medium px-4 py-1.5 rounded-full border transition-colors duration-200 bg-transparent text-muted-foreground border-border hover:border-primary/50 hover:text-foreground"
                        data-platform="Aha">
                    Aha
                </button>
        </div>

        <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4" id="ott-grid">
                <a class="group block bg-card rounded-lg overflow-hidden border border-border hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive" data-platform="" href="/movie/mrithyunjay">
                    <div class="aspect-[2/3] overflow-hidden bg-muted relative">
                        <img src="https://www.businessoftollywood.com/media/Movies/Mrithyunjay-39391/Poster.jpg" alt="Mrithyunjay"
                             class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
                             srcset="https://www.businessoftollywood.com/media/Movies/Mrithyunjay-39391/Poster.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" />
                        <span class="absolute top-2 right-2 bg-accent text-accent-foreground text-xs font-bold px-2 py-0.5 rounded"></span>
                    </div>
                    <div class="p-3">
                        <p class="text-card-foreground text-lg font-semibold truncate group-hover:text-primary transition-colors">Mrithyunjay</p>
                        <p class="text-card-foreground text-sm font-semibold truncate group-hover:text-primary transition-colors">OTT Release: 03 Apr 2026</p>
                    </div>
                </a>
                <a class="group block bg-card rounded-lg overflow-hidden border border-border hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive" data-platform="" href="/movie/saraswathi-39390">
                    <div class="aspect-[2/3] overflow-hidden bg-muted relative">
                        <img src="https://www.businessoftollywood.com/media/Movies/Saraswathi-39390/Poster.jpg" alt="Saraswathi"
                             class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
                             srcset="https://www.businessoftollywood.com/media/Movies/Saraswathi-39390/Poster.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" />
                        <span class="absolute top-2 right-2 bg-accent text-accent-foreground text-xs font-bold px-2 py-0.5 rounded"></span>
                    </div>
                    <div class="p-3">
                        <p class="text-card-foreground text-lg font-semibold truncate group-hover:text-primary transition-colors">Saraswathi</p>
                        <p class="text-card-foreground text-sm font-semibold truncate group-hover:text-primary transition-colors">OTT Release: 03 Apr 2026</p>
                    </div>
                </a>
                <a class="group block bg-card rounded-lg overflow-hidden border border-border hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive" data-platform="" href="/movie/sampradayaini-suppini-suddapusaani">
                    <div class="aspect-[2/3] overflow-hidden bg-muted relative">
                        <img src="https://www.businessoftollywood.com/media/Movies/Sampradayaini-Suppini-Suddapusaani-39322/Poster.jpg" alt="Sampradayaini Suppini Suddapusaani"
                             class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
                             srcset="https://www.businessoftollywood.com/media/Movies/Sampradayaini-Suppini-Suddapusaani-39322/Poster.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" />
                        <span class="absolute top-2 right-2 bg-accent text-accent-foreground text-xs font-bold px-2 py-0.5 rounded"></span>
                    </div>
                    <div class="p-3">
                        <p class="text-card-foreground text-lg font-semibold truncate group-hover:text-primary transition-colors">Sampradayaini Suppini Suddapusaani</p>
                        <p class="text-card-foreground text-sm font-semibold truncate group-hover:text-primary transition-colors">OTT Release: 03 Apr 2026</p>
                    </div>
                </a>
                <a class="group block bg-card rounded-lg overflow-hidden border border-border hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive" data-platform="" href="/movie/vishnu-vinyasam">
                    <div class="aspect-[2/3] overflow-hidden bg-muted relative">
                        <img src="https://www.businessoftollywood.com/media/Movies/Vishnu-Vinyasam-39317/Poster_1.jpg" alt="Vishnu Vinyasam"
                             class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
                             srcset="https://www.businessoftollywood.com/media/Movies/Vishnu-Vinyasam-39317/Poster_1.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" />
                        <span class="absolute top-2 right-2 bg-accent text-accent-foreground text-xs font-bold px-2 py-0.5 rounded"></span>
                    </div>
                    <div class="p-3">
                        <p class="text-card-foreground text-lg font-semibold truncate group-hover:text-primary transition-colors">Vishnu Vinyasam</p>
                        <p class="text-card-foreground text-sm font-semibold truncate group-hover:text-primary transition-colors">OTT Release: 20 Mar 2026</p>
                    </div>
                </a>
                <a class="group block bg-card rounded-lg overflow-hidden border border-border hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive" data-platform="" href="/movie/couple-friendly-32137">
                    <div class="aspect-[2/3] overflow-hidden bg-muted relative">
                        <img src="https://www.businessoftollywood.com/media/Movies/Couple-Friendly-32137/Poster.jpg" alt="Couple Friendly"
                             class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
                             srcset="https://www.businessoftollywood.com/media/Movies/Couple-Friendly-32137/Poster.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" />
                        <span class="absolute top-2 right-2 bg-accent text-accent-foreground text-xs font-bold px-2 py-0.5 rounded"></span>
                    </div>
                    <div class="p-3">
                        <p class="text-card-foreground text-lg font-semibold truncate group-hover:text-primary transition-colors">Couple Friendly</p>
                        <p class="text-card-foreground text-sm font-semibold truncate group-hover:text-primary transition-colors">OTT Release: 13 Mar 2026</p>
                    </div>
                </a>
                <a class="group block bg-card rounded-lg overflow-hidden border border-border hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive" data-platform="" href="/movie/made-in-korea">
                    <div class="aspect-[2/3] overflow-hidden bg-muted relative">
                        <img src="https://www.businessoftollywood.com/media/Movies/Made-in-Korea-39891/Poster.jpg" alt="Made in Korea"
                             class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
                             srcset="https://www.businessoftollywood.com/media/Movies/Made-in-Korea-39891/Poster.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" />
                        <span class="absolute top-2 right-2 bg-accent text-accent-foreground text-xs font-bold px-2 py-0.5 rounded"></span>
                    </div>
                    <div class="p-3">
                        <p class="text-card-foreground text-lg font-semibold truncate group-hover:text-primary transition-colors">Made in Korea</p>
                        <p class="text-card-foreground text-sm font-semibold truncate group-hover:text-primary transition-colors">OTT Release: 12 Mar 2026</p>
                    </div>
                </a>
        </div>
    </section>
    <section>
        <div class="flex items-center justify-between mb-5">
            <h2 class="text-xl font-semibold text-foreground flex items-center gap-2">
                <span class="w-1 h-5 bg-cinema-gold rounded-full"></span>
                Coming Soon
                <span class="text-muted-foreground font-normal text-sm">(0)</span>
            </h2>
        </div>
        <p class="text-muted-foreground text-sm mb-5">Explore upcoming Telugu movies and Tollywood releases.</p>
        <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4">
        </div>
    </section>

        <section>
            <div class="flex items-center justify-between mb-5">
                <h2 class="text-xl font-semibold text-foreground flex items-center gap-2">
                    <span class="w-1 h-5 bg-secondary rounded-full"></span>
                    🎂 Celebrity Birthdays
                    <span class="text-muted-foreground font-normal text-sm">(19)</span>
                </h2>
            </div>
            <p class="text-muted-foreground text-sm mb-5">Celebrate Tollywood celebrity birthdays this month.</p>

            <div class="relative group/carousel">
                <button onclick="document.getElementById('bday-track').scrollLeft -= (135+16)*3"
                        class="absolute left-0 top-0 z-10 h-full w-10 hidden sm:flex items-center justify-center bg-background/80 backdrop-blur hover:bg-background border-r border-border/40 rounded-l-lg transition-colors"
                        aria-label="Previous">
                    <svg class="w-5 h-5 text-foreground" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
                    </svg>
                </button>

                <div id="bday-track"
                     class="flex gap-4 overflow-x-auto pb-2 scrollbar-hide sm:mx-10"
                     style="scroll-behavior:smooth">
                        <a href="/artist/jaspreet-jazz"
                               class="group flex-shrink-0 w-[135px] block rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary transition-transform duration-300 hover:scale-105">
                            <div class="overflow-hidden rounded-lg border border-border/50 bg-card hover:border-primary/50 hover:[box-shadow:0_0_20px_hsl(var(--primary)/0.3)] transition-all duration-300">
                                <div class="aspect-[3/4] overflow-hidden relative">
                                    <img src="https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png"
                                         alt="Jaspreet Jazz"
                                         class="h-full w-full object-cover object-top transition-transform duration-300 group-hover:scale-110"
                                         loading="lazy"
                                         onerror="this.src='https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png'" />
                                    <div class="absolute inset-0 bg-gradient-to-t from-background via-background/50 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div>
                                </div>
                                <div class="p-2 space-y-0.5">
                                    <h3 class="font-semibold text-lg text-foreground group-hover:text-primary transition-colors leading-tight line-clamp-2">Jaspreet Jazz</h3>
                                    <p class="text-sm text-muted-foreground flex items-center gap-1">
                                        <span>📅</span><span>02 Jun</span>
                                    </p>
                                </div>
                            </div>
                        </a>
                        <a href="/director/mani-ratnam"
                               class="group flex-shrink-0 w-[135px] block rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary transition-transform duration-300 hover:scale-105">
                            <div class="overflow-hidden rounded-lg border border-border/50 bg-card hover:border-primary/50 hover:[box-shadow:0_0_20px_hsl(var(--primary)/0.3)] transition-all duration-300">
                                <div class="aspect-[3/4] overflow-hidden relative">
                                    <img src="https://www.businessoftollywood.com/media/Persons/Mani-Ratnam-1066/Profile.jpg"
                                         alt="Mani Ratnam"
                                         class="h-full w-full object-cover object-top transition-transform duration-300 group-hover:scale-110"
                                         loading="lazy"
                                         onerror="this.src='https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png'" />
                                    <div class="absolute inset-0 bg-gradient-to-t from-background via-background/50 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div>
                                </div>
                                <div class="p-2 space-y-0.5">
                                    <h3 class="font-semibold text-lg text-foreground group-hover:text-primary transition-colors leading-tight line-clamp-2">Mani Ratnam</h3>
                                    <p class="text-sm text-muted-foreground flex items-center gap-1">
                                        <span>📅</span><span>02 Jun</span>
                                    </p>
                                </div>
                            </div>
                        </a>
                        <a href="/artist/aalap-raju"
                               class="group flex-shrink-0 w-[135px] block rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary transition-transform duration-300 hover:scale-105">
                            <div class="overflow-hidden rounded-lg border border-border/50 bg-card hover:border-primary/50 hover:[box-shadow:0_0_20px_hsl(var(--primary)/0.3)] transition-all duration-300">
                                <div class="aspect-[3/4] overflow-hidden relative">
                                    <img src="https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png"
                                         alt="Aalap Raju"
                                         class="h-full w-full object-cover object-top transition-transform duration-300 group-hover:scale-110"
                                         loading="lazy"
                                         onerror="this.src='https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png'" />
                                    <div class="absolute inset-0 bg-gradient-to-t from-background via-background/50 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div>
                                </div>
                                <div class="p-2 space-y-0.5">
                                    <h3 class="font-semibold text-lg text-foreground group-hover:text-primary transition-colors leading-tight line-clamp-2">Aalap Raju</h3>
                                    <p class="text-sm text-muted-foreground flex items-center gap-1">
                                        <span>📅</span><span>06 Jun</span>
                                    </p>
                                </div>
                            </div>
                        </a>
                        <a href="/artist/g-v-prakash-kumar"
                               class="group flex-shrink-0 w-[135px] block rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary transition-transform duration-300 hover:scale-105">
                            <div class="overflow-hidden rounded-lg border border-border/50 bg-card hover:border-primary/50 hover:[box-shadow:0_0_20px_hsl(var(--primary)/0.3)] transition-all duration-300">
                                <div class="aspect-[3/4] overflow-hidden relative">
                                    <img src="https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png"
                                         alt="G V Prakash Kumar"
                                         class="h-full w-full object-cover object-top transition-transform duration-300 group-hover:scale-110"
                                         loading="lazy"
                                         onerror="this.src='https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png'" />
                                    <div class="absolute inset-0 bg-gradient-to-t from-background via-background/50 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div>
                                </div>
                                <div class="p-2 space-y-0.5">
                                    <h3 class="font-semibold text-lg text-foreground group-hover:text-primary transition-colors leading-tight line-clamp-2">G V Prakash Kumar</h3>
                                    <p class="text-sm text-muted-foreground flex items-center gap-1">
                                        <span>📅</span><span>13 Jun</span>
                                    </p>
                                </div>
                            </div>
                        </a>
                        <a href="/artist/sreeleela"
                               class="group flex-shrink-0 w-[135px] block rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary transition-transform duration-300 hover:scale-105">
                            <div class="overflow-hidden rounded-lg border border-border/50 bg-card hover:border-primary/50 hover:[box-shadow:0_0_20px_hsl(var(--primary)/0.3)] transition-all duration-300">
                                <div class="aspect-[3/4] overflow-hidden relative">
                                    <img src="https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png"
                                         alt="Sreeleela"
                                         class="h-full w-full object-cover object-top transition-transform duration-300 group-hover:scale-110"
                                         loading="lazy"
                                         onerror="this.src='https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png'" />
                                    <div class="absolute inset-0 bg-gradient-to-t from-background via-background/50 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div>
                                </div>
                                <div class="p-2 space-y-0.5">
                                    <h3 class="font-semibold text-lg text-foreground group-hover:text-primary transition-colors leading-tight line-clamp-2">Sreeleela</h3>
                                    <p class="text-sm text-muted-foreground flex items-center gap-1">
                                        <span>📅</span><span>14 Jun</span>
                                    </p>
                                </div>
                            </div>
                        </a>
                        <a href="/artist/koratala-siva"
                               class="group flex-shrink-0 w-[135px] block rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary transition-transform duration-300 hover:scale-105">
                            <div class="overflow-hidden rounded-lg border border-border/50 bg-card hover:border-primary/50 hover:[box-shadow:0_0_20px_hsl(var(--primary)/0.3)] transition-all duration-300">
                                <div class="aspect-[3/4] overflow-hidden relative">
                                    <img src="https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png"
                                         alt="Koratala Siva"
                                         class="h-full w-full object-cover object-top transition-transform duration-300 group-hover:scale-110"
                                         loading="lazy"
                                         onerror="this.src='https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png'" />
                                    <div class="absolute inset-0 bg-gradient-to-t from-background via-background/50 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div>
                                </div>
                                <div class="p-2 space-y-0.5">
                                    <h3 class="font-semibold text-lg text-foreground group-hover:text-primary transition-colors leading-tight line-clamp-2">Koratala Siva</h3>
                                    <p class="text-sm text-muted-foreground flex items-center gap-1">
                                        <span>📅</span><span>15 Jun</span>
                                    </p>
                                </div>
                            </div>
                        </a>
                        <a href="/artist/anjali"
                               class="group flex-shrink-0 w-[135px] block rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary transition-transform duration-300 hover:scale-105">
                            <div class="overflow-hidden rounded-lg border border-border/50 bg-card hover:border-primary/50 hover:[box-shadow:0_0_20px_hsl(var(--primary)/0.3)] transition-all duration-300">
                                <div class="aspect-[3/4] overflow-hidden relative">
                                    <img src="https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png"
                                         alt="Anjali"
                                         class="h-full w-full object-cover object-top transition-transform duration-300 group-hover:scale-110"
                                         loading="lazy"
                                         onerror="this.src='https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png'" />
                                    <div class="absolute inset-0 bg-gradient-to-t from-background via-background/50 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div>
                                </div>
                                <div class="p-2 space-y-0.5">
                                    <h3 class="font-semibold text-lg text-foreground group-hover:text-primary transition-colors leading-tight line-clamp-2">Anjali</h3>
                                    <p class="text-sm text-muted-foreground flex items-center gap-1">
                                        <span>📅</span><span>16 Jun</span>
                                    </p>
                                </div>
                            </div>
                        </a>
                        <a href="/artist/govind-padmasoorya"
                               class="group flex-shrink-0 w-[135px] block rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary transition-transform duration-300 hover:scale-105">
                            <div class="overflow-hidden rounded-lg border border-border/50 bg-card hover:border-primary/50 hover:[box-shadow:0_0_20px_hsl(var(--primary)/0.3)] transition-all duration-300">
                                <div class="aspect-[3/4] overflow-hidden relative">
                                    <img src="https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png"
                                         alt="Govind Padmasoorya"
                                         class="h-full w-full object-cover object-top transition-transform duration-300 group-hover:scale-110"
                                         loading="lazy"
                                         onerror="this.src='https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png'" />
                                    <div class="absolute inset-0 bg-gradient-to-t from-background via-background/50 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div>
                                </div>
                                <div class="p-2 space-y-0.5">
                                    <h3 class="font-semibold text-lg text-foreground group-hover:text-primary transition-colors leading-tight line-clamp-2">Govind Padmasoorya</h3>
                                    <p class="text-sm text-muted-foreground flex items-center gap-1">
                                        <span>📅</span><span>16 Jun</span>
                                    </p>
                                </div>
                            </div>
                        </a>
                        <a href="/artist/kajal-agarwal"
                               class="group flex-shrink-0 w-[135px] block rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary transition-transform duration-300 hover:scale-105">
                            <div class="overflow-hidden rounded-lg border border-border/50 bg-card hover:border-primary/50 hover:[box-shadow:0_0_20px_hsl(var(--primary)/0.3)] transition-all duration-300">
                                <div class="aspect-[3/4] overflow-hidden relative">
                                    <img src="https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png"
                                         alt="Kajal Agarwal"
                                         class="h-full w-full object-cover object-top transition-transform duration-300 group-hover:scale-110"
                                         loading="lazy"
                                         onerror="this.src='https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png'" />
                                    <div class="absolute inset-0 bg-gradient-to-t from-background via-background/50 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div>
                                </div>
                                <div class="p-2 space-y-0.5">
                                    <h3 class="font-semibold text-lg text-foreground group-hover:text-primary transition-colors leading-tight line-clamp-2">Kajal Agarwal</h3>
                                    <p class="text-sm text-muted-foreground flex items-center gap-1">
                                        <span>📅</span><span>19 Jun</span>
                                    </p>
                                </div>
                            </div>
                        </a>
                        <a href="/artist/ashish-vidyarthi"
                               class="group flex-shrink-0 w-[135px] block rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary transition-transform duration-300 hover:scale-105">
                            <div class="overflow-hidden rounded-lg border border-border/50 bg-card hover:border-primary/50 hover:[box-shadow:0_0_20px_hsl(var(--primary)/0.3)] transition-all duration-300">
                                <div class="aspect-[3/4] overflow-hidden relative">
                                    <img src="https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png"
                                         alt="Ashish Vidyarthi"
                                         class="h-full w-full object-cover object-top transition-transform duration-300 group-hover:scale-110"
                                         loading="lazy"
                                         onerror="this.src='https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png'" />
                                    <div class="absolute inset-0 bg-gradient-to-t from-background via-background/50 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div>
                                </div>
                                <div class="p-2 space-y-0.5">
                                    <h3 class="font-semibold text-lg text-foreground group-hover:text-primary transition-colors leading-tight line-clamp-2">Ashish Vidyarthi</h3>
                                    <p class="text-sm text-muted-foreground flex items-center gap-1">
                                        <span>📅</span><span>19 Jun</span>
                                    </p>
                                </div>
                            </div>
                        </a>
                        <a href="/artist/neha-shetty"
                               class="group flex-shrink-0 w-[135px] block rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary transition-transform duration-300 hover:scale-105">
                            <div class="overflow-hidden rounded-lg border border-border/50 bg-card hover:border-primary/50 hover:[box-shadow:0_0_20px_hsl(var(--primary)/0.3)] transition-all duration-300">
                                <div class="aspect-[3/4] overflow-hidden relative">
                                    <img src="https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png"
                                         alt="Neha Shetty"
                                         class="h-full w-full object-cover object-top transition-transform duration-300 group-hover:scale-110"
                                         loading="lazy"
                                         onerror="this.src='https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png'" />
                                    <div class="absolute inset-0 bg-gradient-to-t from-background via-background/50 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div>
                                </div>
                                <div class="p-2 space-y-0.5">
                                    <h3 class="font-semibold text-lg text-foreground group-hover:text-primary transition-colors leading-tight line-clamp-2">Neha Shetty</h3>
                                    <p class="text-sm text-muted-foreground flex items-center gap-1">
                                        <span>📅</span><span>20 Jun</span>
                                    </p>
                                </div>
                            </div>
                        </a>
                        <a href="/artist/faria-abdullah"
                               class="group flex-shrink-0 w-[135px] block rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary transition-transform duration-300 hover:scale-105">
                            <div class="overflow-hidden rounded-lg border border-border/50 bg-card hover:border-primary/50 hover:[box-shadow:0_0_20px_hsl(var(--primary)/0.3)] transition-all duration-300">
                                <div class="aspect-[3/4] overflow-hidden relative">
                                    <img src="https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png"
                                         alt="Faria Abdullah"
                                         class="h-full w-full object-cover object-top transition-transform duration-300 group-hover:scale-110"
                                         loading="lazy"
                                         onerror="this.src='https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png'" />
                                    <div class="absolute inset-0 bg-gradient-to-t from-background via-background/50 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div>
                                </div>
                                <div class="p-2 space-y-0.5">
                                    <h3 class="font-semibold text-lg text-foreground group-hover:text-primary transition-colors leading-tight line-clamp-2">Faria Abdullah</h3>
                                    <p class="text-sm text-muted-foreground flex items-center gap-1">
                                        <span>📅</span><span>21 Jun</span>
                                    </p>
                                </div>
                            </div>
                        </a>
                        <a href="/artist/rahul-ravindran"
                               class="group flex-shrink-0 w-[135px] block rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary transition-transform duration-300 hover:scale-105">
                            <div class="overflow-hidden rounded-lg border border-border/50 bg-card hover:border-primary/50 hover:[box-shadow:0_0_20px_hsl(var(--primary)/0.3)] transition-all duration-300">
                                <div class="aspect-[3/4] overflow-hidden relative">
                                    <img src="https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png"
                                         alt="Rahul Ravindran"
                                         class="h-full w-full object-cover object-top transition-transform duration-300 group-hover:scale-110"
                                         loading="lazy"
                                         onerror="this.src='https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png'" />
                                    <div class="absolute inset-0 bg-gradient-to-t from-background via-background/50 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div>
                                </div>
                                <div class="p-2 space-y-0.5">
                                    <h3 class="font-semibold text-lg text-foreground group-hover:text-primary transition-colors leading-tight line-clamp-2">Rahul Ravindran</h3>
                                    <p class="text-sm text-muted-foreground flex items-center gap-1">
                                        <span>📅</span><span>23 Jun</span>
                                    </p>
                                </div>
                            </div>
                        </a>
                        <a href="/artist/raghu-babu"
                               class="group flex-shrink-0 w-[135px] block rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary transition-transform duration-300 hover:scale-105">
                            <div class="overflow-hidden rounded-lg border border-border/50 bg-card hover:border-primary/50 hover:[box-shadow:0_0_20px_hsl(var(--primary)/0.3)] transition-all duration-300">
                                <div class="aspect-[3/4] overflow-hidden relative">
                                    <img src="https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png"
                                         alt="Raghu Babu"
                                         class="h-full w-full object-cover object-top transition-transform duration-300 group-hover:scale-110"
                                         loading="lazy"
                                         onerror="this.src='https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png'" />
                                    <div class="absolute inset-0 bg-gradient-to-t from-background via-background/50 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div>
                                </div>
                                <div class="p-2 space-y-0.5">
                                    <h3 class="font-semibold text-lg text-foreground group-hover:text-primary transition-colors leading-tight line-clamp-2">Raghu Babu</h3>
                                    <p class="text-sm text-muted-foreground flex items-center gap-1">
                                        <span>📅</span><span>24 Jun</span>
                                    </p>
                                </div>
                            </div>
                        </a>
                        <a href="/artist/sai-chand"
                               class="group flex-shrink-0 w-[135px] block rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary transition-transform duration-300 hover:scale-105">
                            <div class="overflow-hidden rounded-lg border border-border/50 bg-card hover:border-primary/50 hover:[box-shadow:0_0_20px_hsl(var(--primary)/0.3)] transition-all duration-300">
                                <div class="aspect-[3/4] overflow-hidden relative">
                                    <img src="https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png"
                                         alt="Sai Chand"
                                         class="h-full w-full object-cover object-top transition-transform duration-300 group-hover:scale-110"
                                         loading="lazy"
                                         onerror="this.src='https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png'" />
                                    <div class="absolute inset-0 bg-gradient-to-t from-background via-background/50 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div>
                                </div>
                                <div class="p-2 space-y-0.5">
                                    <h3 class="font-semibold text-lg text-foreground group-hover:text-primary transition-colors leading-tight line-clamp-2">Sai Chand</h3>
                                    <p class="text-sm text-muted-foreground flex items-center gap-1">
                                        <span>📅</span><span>25 Jun</span>
                                    </p>
                                </div>
                            </div>
                        </a>
                        <a href="/artist/allari-naresh"
                               class="group flex-shrink-0 w-[135px] block rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary transition-transform duration-300 hover:scale-105">
                            <div class="overflow-hidden rounded-lg border border-border/50 bg-card hover:border-primary/50 hover:[box-shadow:0_0_20px_hsl(var(--primary)/0.3)] transition-all duration-300">
                                <div class="aspect-[3/4] overflow-hidden relative">
                                    <img src="https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png"
                                         alt="Allari Naresh"
                                         class="h-full w-full object-cover object-top transition-transform duration-300 group-hover:scale-110"
                                         loading="lazy"
                                         onerror="this.src='https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png'" />
                                    <div class="absolute inset-0 bg-gradient-to-t from-background via-background/50 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div>
                                </div>
                                <div class="p-2 space-y-0.5">
                                    <h3 class="font-semibold text-lg text-foreground group-hover:text-primary transition-colors leading-tight line-clamp-2">Allari Naresh</h3>
                                    <p class="text-sm text-muted-foreground flex items-center gap-1">
                                        <span>📅</span><span>30 Jun</span>
                                    </p>
                                </div>
                            </div>
                        </a>
                        <a href="/artist/sithara"
                               class="group flex-shrink-0 w-[135px] block rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary transition-transform duration-300 hover:scale-105">
                            <div class="overflow-hidden rounded-lg border border-border/50 bg-card hover:border-primary/50 hover:[box-shadow:0_0_20px_hsl(var(--primary)/0.3)] transition-all duration-300">
                                <div class="aspect-[3/4] overflow-hidden relative">
                                    <img src="https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png"
                                         alt="Sithara"
                                         class="h-full w-full object-cover object-top transition-transform duration-300 group-hover:scale-110"
                                         loading="lazy"
                                         onerror="this.src='https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png'" />
                                    <div class="absolute inset-0 bg-gradient-to-t from-background via-background/50 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div>
                                </div>
                                <div class="p-2 space-y-0.5">
                                    <h3 class="font-semibold text-lg text-foreground group-hover:text-primary transition-colors leading-tight line-clamp-2">Sithara</h3>
                                    <p class="text-sm text-muted-foreground flex items-center gap-1">
                                        <span>📅</span><span>30 Jun</span>
                                    </p>
                                </div>
                            </div>
                        </a>
                        <a href="/artist/indraja"
                               class="group flex-shrink-0 w-[135px] block rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary transition-transform duration-300 hover:scale-105">
                            <div class="overflow-hidden rounded-lg border border-border/50 bg-card hover:border-primary/50 hover:[box-shadow:0_0_20px_hsl(var(--primary)/0.3)] transition-all duration-300">
                                <div class="aspect-[3/4] overflow-hidden relative">
                                    <img src="https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png"
                                         alt="Indraja"
                                         class="h-full w-full object-cover object-top transition-transform duration-300 group-hover:scale-110"
                                         loading="lazy"
                                         onerror="this.src='https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png'" />
                                    <div class="absolute inset-0 bg-gradient-to-t from-background via-background/50 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div>
                                </div>
                                <div class="p-2 space-y-0.5">
                                    <h3 class="font-semibold text-lg text-foreground group-hover:text-primary transition-colors leading-tight line-clamp-2">Indraja</h3>
                                    <p class="text-sm text-muted-foreground flex items-center gap-1">
                                        <span>📅</span><span>30 Jun</span>
                                    </p>
                                </div>
                            </div>
                        </a>
                        <a href="/artist/surekha-vani"
                               class="group flex-shrink-0 w-[135px] block rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary transition-transform duration-300 hover:scale-105">
                            <div class="overflow-hidden rounded-lg border border-border/50 bg-card hover:border-primary/50 hover:[box-shadow:0_0_20px_hsl(var(--primary)/0.3)] transition-all duration-300">
                                <div class="aspect-[3/4] overflow-hidden relative">
                                    <img src="https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png"
                                         alt="Surekha Vani"
                                         class="h-full w-full object-cover object-top transition-transform duration-300 group-hover:scale-110"
                                         loading="lazy"
                                         onerror="this.src='https://www.businessoftollywood.com/media/fallbackimages/person-placeholder.png'" />
                                    <div class="absolute inset-0 bg-gradient-to-t from-background via-background/50 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div>
                                </div>
                                <div class="p-2 space-y-0.5">
                                    <h3 class="font-semibold text-lg text-foreground group-hover:text-primary transition-colors leading-tight line-clamp-2">Surekha Vani</h3>
                                    <p class="text-sm text-muted-foreground flex items-center gap-1">
                                        <span>📅</span><span>30 Jun</span>
                                    </p>
                                </div>
                            </div>
                        </a>
                </div>

                <button onclick="document.getElementById('bday-track').scrollLeft += (135+16)*3"
                        class="absolute right-0 top-0 z-10 h-full w-10 hidden sm:flex items-center justify-center bg-background/80 backdrop-blur hover:bg-background border-l border-border/40 rounded-r-lg transition-colors"
                        aria-label="Next">
                    <svg class="w-5 h-5 text-foreground" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                    </svg>
                </button>
            </div>
        </section>
    <section>
        <div class="flex items-center justify-between mb-5">
            <h2 class="text-xl font-semibold text-foreground flex items-center gap-2">
                <span class="w-1 h-5 bg-cinema-red rounded-full"></span>
                Recent Releases
                <span class="text-muted-foreground font-normal text-sm">(29)</span>
            </h2>
            <a class="text-xs text-primary hover:text-primary/80 transition-colors font-medium" href="/Movies">View All →</a>
        </div>
        <p class="text-muted-foreground text-sm mb-5">Browse the latest Telugu movies recently released in theatres across India.</p>
        <!-- Horizontal scroll -->
        <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4" id="ott-grid">
                <div class="group bg-card rounded-lg overflow-hidden border border-border hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive">
                    <a class="block" href="/movie/o-thandri-katha">
                        <div class="aspect-[2/3] overflow-hidden bg-muted relative">
                            <img src="https://www.businessoftollywood.com/media/Movies/O-Thandri-Katha-40947/Poster.jpg" alt="O Thandri Katha"
                                 class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
                                 srcset="https://www.businessoftollywood.com/media/Movies/O-Thandri-Katha-40947/Poster.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" />
                        </div>
                        <div class="p-3">
                            <p class="text-card-foreground text-lg font-medium mt-2 truncate group-hover:text-primary transition-colors">O Thandri Katha</p>
                            <p class="text-card-foreground text-sm font-semibold truncate group-hover:text-primary transition-colors">Released on: 01 May 2026</p>
                        </div>
                    </a>
                </div>
                <div class="group bg-card rounded-lg overflow-hidden border border-border hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive">
                    <a class="block" href="/movie/jetlee">
                        <div class="aspect-[2/3] overflow-hidden bg-muted relative">
                            <img src="https://www.businessoftollywood.com/media/Movies/Jetlee-40946/Poster.jpeg" alt="Jetlee"
                                 class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Jetlee-40946/Poster.jpeg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" />
                        </div>
                        <div class="p-3">
                            <p class="text-card-foreground text-lg font-medium mt-2 truncate group-hover:text-primary transition-colors">Jetlee</p>
                            <p class="text-card-foreground text-sm font-semibold truncate group-hover:text-primary transition-colors">Released on: 01 May 2026</p>
                        </div>
                    </a>
                </div>
                <div class="group bg-card rounded-lg overflow-hidden border border-border hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive">
                    <a class="block" href="/movie/kara">
                        <div class="aspect-[2/3] overflow-hidden bg-muted relative">
                            <img src="https://www.businessoftollywood.com/media/Movies/Kara-40945/Poster.jpeg" alt="Kara"
                                 class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Kara-40945/Poster.jpeg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" />
                        </div>
                        <div class="p-3">
                            <p class="text-card-foreground text-lg font-medium mt-2 truncate group-hover:text-primary transition-colors">Kara</p>
                            <p class="text-card-foreground text-sm font-semibold truncate group-hover:text-primary transition-colors">Released on: 30 Apr 2026</p>
                        </div>
                    </a>
                </div>
                <div class="group bg-card rounded-lg overflow-hidden border border-border hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive">
                    <a class="block" href="/movie/gedelaraju-kakinada-taluka">
                        <div class="aspect-[2/3] overflow-hidden bg-muted relative">
                            <img src="https://www.businessoftollywood.com/media/Movies/Gedelaraju-Kakinada-Taluka-40948/Poster.jpeg" alt="Gedelaraju Kakinada Taluka"
                                 class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Gedelaraju-Kakinada-Taluka-40948/Poster.jpeg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" />
                        </div>
                        <div class="p-3">
                            <p class="text-card-foreground text-lg font-medium mt-2 truncate group-hover:text-primary transition-colors">Gedelaraju Kakinada Taluka</p>
                            <p class="text-card-foreground text-sm font-semibold truncate group-hover:text-primary transition-colors">Released on: 24 Apr 2026</p>
                        </div>
                    </a>
                </div>
                <div class="group bg-card rounded-lg overflow-hidden border border-border hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive">
                    <a class="block" href="/movie/vaazha-ii-biopic-of-a-billion-bros">
                        <div class="aspect-[2/3] overflow-hidden bg-muted relative">
                            <img src="https://www.businessoftollywood.com/media/Movies/Vaazha-II-Biopic-of-a-Billion-Bros-40944/Poster.jpeg" alt="Vaazha II: Biopic of a Billion Bros"
                                 class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Vaazha-II-Biopic-of-a-Billion-Bros-40944/Poster.jpeg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" />
                        </div>
                        <div class="p-3">
                            <p class="text-card-foreground text-lg font-medium mt-2 truncate group-hover:text-primary transition-colors">Vaazha II: Biopic of a Billion Bros</p>
                            <p class="text-card-foreground text-sm font-semibold truncate group-hover:text-primary transition-colors">Released on: 24 Apr 2026</p>
                        </div>
                    </a>
                </div>
                <div class="group bg-card rounded-lg overflow-hidden border border-border hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive">
                    <a class="block" href="/movie/paramapadha-sopanam">
                        <div class="aspect-[2/3] overflow-hidden bg-muted relative">
                            <img src="https://www.businessoftollywood.com/media/Movies/Paramapadha-Sopanam-60/Poster.jpg" alt="Paramapadha Sopanam"
                                 class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Paramapadha-Sopanam-60/Poster.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" />
                        </div>
                        <div class="p-3">
                            <p class="text-card-foreground text-lg font-medium mt-2 truncate group-hover:text-primary transition-colors">Paramapadha Sopanam</p>
                            <p class="text-card-foreground text-sm font-semibold truncate group-hover:text-primary transition-colors">Released on: 24 Apr 2026</p>
                        </div>
                    </a>
                </div>
                <div class="group bg-card rounded-lg overflow-hidden border border-border hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive">
                    <a class="block" href="/movie/kalagamanam">
                        <div class="aspect-[2/3] overflow-hidden bg-muted relative">
                            <img src="https://www.businessoftollywood.com/media/Movies/Kalagamanam-40939/Poster.jpeg" alt="Kalagamanam"
                                 class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Kalagamanam-40939/Poster.jpeg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" />
                        </div>
                        <div class="p-3">
                            <p class="text-card-foreground text-lg font-medium mt-2 truncate group-hover:text-primary transition-colors">Kalagamanam</p>
                            <p class="text-card-foreground text-sm font-semibold truncate group-hover:text-primary transition-colors">Released on: 17 Apr 2026</p>
                        </div>
                    </a>
                </div>
                <div class="group bg-card rounded-lg overflow-hidden border border-border hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive">
                    <a class="block" href="/movie/thimmarajupalli-tv">
                        <div class="aspect-[2/3] overflow-hidden bg-muted relative">
                            <img src="https://www.businessoftollywood.com/media/Movies/Thimmarajupalli-TV-40917/Poster.jpg" alt="Thimmarajupalli TV"
                                 class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Thimmarajupalli-TV-40917/Poster.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" />
                        </div>
                        <div class="p-3">
                            <p class="text-card-foreground text-lg font-medium mt-2 truncate group-hover:text-primary transition-colors">Thimmarajupalli TV</p>
                            <p class="text-card-foreground text-sm font-semibold truncate group-hover:text-primary transition-colors">Released on: 17 Apr 2026</p>
                        </div>
                    </a>
                </div>
                <div class="group bg-card rounded-lg overflow-hidden border border-border hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive">
                    <a class="block" href="/movie/papam-prathap">
                        <div class="aspect-[2/3] overflow-hidden bg-muted relative">
                            <img src="https://www.businessoftollywood.com/media/Movies/Papam-Prathap-39903/Poster.jpg" alt="Papam Prathap"
                                 class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Papam-Prathap-39903/Poster.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" />
                        </div>
                        <div class="p-3">
                            <p class="text-card-foreground text-lg font-medium mt-2 truncate group-hover:text-primary transition-colors">Papam Prathap</p>
                            <p class="text-card-foreground text-sm font-semibold truncate group-hover:text-primary transition-colors">Released on: 17 Apr 2026</p>
                        </div>
                    </a>
                </div>
                <div class="group bg-card rounded-lg overflow-hidden border border-border hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive">
                    <a class="block" href="/movie/pallichattambi">
                        <div class="aspect-[2/3] overflow-hidden bg-muted relative">
                            <img src="https://www.businessoftollywood.com/media/Movies/Pallichattambi-40901/Poster.jpeg" alt="Pallichattambi"
                                 class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Pallichattambi-40901/Poster.jpeg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" />
                        </div>
                        <div class="p-3">
                            <p class="text-card-foreground text-lg font-medium mt-2 truncate group-hover:text-primary transition-colors">Pallichattambi</p>
                            <p class="text-card-foreground text-sm font-semibold truncate group-hover:text-primary transition-colors">Released on: 15 Apr 2026</p>
                        </div>
                    </a>
                </div>
                <div class="group bg-card rounded-lg overflow-hidden border border-border hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive">
                    <a class="block" href="/movie/lik-love-insurance-kompany">
                        <div class="aspect-[2/3] overflow-hidden bg-muted relative">
                            <img src="https://www.businessoftollywood.com/media/Movies/LIK-Love-Insurance-Kompany-40903/Poster.jpeg" alt="LIK: Love Insurance Kompany"
                                 class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
                                 srcset="https://www.businessoftollywood.com/media/Movies/LIK-Love-Insurance-Kompany-40903/Poster.jpeg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" />
                        </div>
                        <div class="p-3">
                            <p class="text-card-foreground text-lg font-medium mt-2 truncate group-hover:text-primary transition-colors">LIK: Love Insurance Kompany</p>
                            <p class="text-card-foreground text-sm font-semibold truncate group-hover:text-primary transition-colors">Released on: 10 Apr 2026</p>
                        </div>
                    </a>
                </div>
                <div class="group bg-card rounded-lg overflow-hidden border border-border hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive">
                    <a class="block" href="/movie/dacoit-a-love-story">
                        <div class="aspect-[2/3] overflow-hidden bg-muted relative">
                            <img src="https://www.businessoftollywood.com/media/Movies/Dacoit-A-Love-Story-40924/Poster.jpg" alt="Dacoit: A Love Story"
                                 class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Dacoit-A-Love-Story-40924/Poster.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" />
                        </div>
                        <div class="p-3">
                            <p class="text-card-foreground text-lg font-medium mt-2 truncate group-hover:text-primary transition-colors">Dacoit: A Love Story</p>
                            <p class="text-card-foreground text-sm font-semibold truncate group-hover:text-primary transition-colors">Released on: 10 Apr 2026</p>
                        </div>
                    </a>
                </div>
                <div class="group bg-card rounded-lg overflow-hidden border border-border hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive">
                    <a class="block" href="/movie/raakaasa">
                        <div class="aspect-[2/3] overflow-hidden bg-muted relative">
                            <img src="https://www.businessoftollywood.com/media/Movies/Raakaasa-40919/Poster.jpg" alt="Raakaasa"
                                 class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Raakaasa-40919/Poster.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" />
                        </div>
                        <div class="p-3">
                            <p class="text-card-foreground text-lg font-medium mt-2 truncate group-hover:text-primary transition-colors">Raakaasa</p>
                            <p class="text-card-foreground text-sm font-semibold truncate group-hover:text-primary transition-colors">Released on: 03 Apr 2026</p>
                        </div>
                    </a>
                </div>
                <div class="group bg-card rounded-lg overflow-hidden border border-border hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive">
                    <a class="block" href="/movie/ichata-love-ammabadunu-konabadunu">
                        <div class="aspect-[2/3] overflow-hidden bg-muted relative">
                            <img src="https://www.businessoftollywood.com/media/Movies/Ichata-Love-Ammabadunu-Konabadunu-40902/Poster.jpg" alt="Ichata Love Ammabadunu Konabadunu"
                                 class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Ichata-Love-Ammabadunu-Konabadunu-40902/Poster.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" />
                        </div>
                        <div class="p-3">
                            <p class="text-card-foreground text-lg font-medium mt-2 truncate group-hover:text-primary transition-colors">Ichata Love Ammabadunu Konabadunu</p>
                            <p class="text-card-foreground text-sm font-semibold truncate group-hover:text-primary transition-colors">Released on: 03 Apr 2026</p>
                        </div>
                    </a>
                </div>
                <div class="group bg-card rounded-lg overflow-hidden border border-border hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive">
                    <a class="block" href="/movie/untitled-legend-saravanandurai-senthilkumar-movie">
                        <div class="aspect-[2/3] overflow-hidden bg-muted relative">
                            <img src="https://www.businessoftollywood.com/media/Movies/Untitled-Legend-Saravanan-Durai-Senthilkumar-movie-14561/Poster.jpg" alt="Leader"
                                 class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Untitled-Legend-Saravanan-Durai-Senthilkumar-movie-14561/Poster.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" />
                        </div>
                        <div class="p-3">
                            <p class="text-card-foreground text-lg font-medium mt-2 truncate group-hover:text-primary transition-colors">Leader</p>
                            <p class="text-card-foreground text-sm font-semibold truncate group-hover:text-primary transition-colors">Released on: 03 Apr 2026</p>
                        </div>
                    </a>
                </div>
                <div class="group bg-card rounded-lg overflow-hidden border border-border hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive">
                    <a class="block" href="/movie/carmeni-selvam">
                        <div class="aspect-[2/3] overflow-hidden bg-muted relative">
                            <img src="https://www.businessoftollywood.com/media/Movies/Carmeni-Selvam-12461/Poster.jpg" alt="Carmeni Selvam"
                                 class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Carmeni-Selvam-12461/Poster.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" />
                        </div>
                        <div class="p-3">
                            <p class="text-card-foreground text-lg font-medium mt-2 truncate group-hover:text-primary transition-colors">Carmeni Selvam</p>
                            <p class="text-card-foreground text-sm font-semibold truncate group-hover:text-primary transition-colors">Released on: 03 Apr 2026</p>
                        </div>
                    </a>
                </div>
                <div class="group bg-card rounded-lg overflow-hidden border border-border hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive">
                    <a class="block" href="/movie/biker">
                        <div class="aspect-[2/3] overflow-hidden bg-muted relative">
                            <img src="https://www.businessoftollywood.com/media/Movies/Biker-40918/Poster.jpg" alt="Biker"
                                 class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Biker-40918/Poster.jpg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" />
                        </div>
                        <div class="p-3">
                            <p class="text-card-foreground text-lg font-medium mt-2 truncate group-hover:text-primary transition-colors">Biker</p>
                            <p class="text-card-foreground text-sm font-semibold truncate group-hover:text-primary transition-colors">Released on: 03 Apr 2026</p>
                        </div>
                    </a>
                </div>
                <div class="group bg-card rounded-lg overflow-hidden border border-border hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive">
                    <a class="block" href="/movie/dhurandhar-the-revenge">
                        <div class="aspect-[2/3] overflow-hidden bg-muted relative">
                            <img src="https://www.businessoftollywood.com/media/Movies/Dhurandhar-The-Revenge-40940/Poster.jpeg" alt="Dhurandhar The Revenge"
                                 class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Dhurandhar-The-Revenge-40940/Poster.jpeg ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" />
                        </div>
                        <div class="p-3">
                            <p class="text-card-foreground text-lg font-medium mt-2 truncate group-hover:text-primary transition-colors">Dhurandhar The Revenge</p>
                            <p class="text-card-foreground text-sm font-semibold truncate group-hover:text-primary transition-colors">Released on: 19 Mar 2026</p>
                        </div>
                    </a>
                </div>
                <div class="group bg-card rounded-lg overflow-hidden border border-border hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive">
                    <a class="block" href="/movie/ustaad-bhagat-singh">
                        <div class="aspect-[2/3] overflow-hidden bg-muted relative">
                            <img src="https://www.businessoftollywood.com/media/Movies/Ustaad-Bhagat-Singh-39885/Poster_1.jfif" alt="Ustaad Bhagat Singh"
                                 class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Ustaad-Bhagat-Singh-39885/Poster_1.jfif ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" />
                        </div>
                        <div class="p-3">
                            <p class="text-card-foreground text-lg font-medium mt-2 truncate group-hover:text-primary transition-colors">Ustaad Bhagat Singh</p>
                            <p class="text-card-foreground text-sm font-semibold truncate group-hover:text-primary transition-colors">Released on: 19 Mar 2026</p>
                        </div>
                    </a>
                </div>
                <div class="group bg-card rounded-lg overflow-hidden border border-border hover:border-primary/50 hover:shadow-glow transition-all duration-300 card-interactive">
                    <a class="block" href="/movie/repu-udayam-10-gantalaku">
                        <div class="aspect-[2/3] overflow-hidden bg-muted relative">
                            <img src="https://www.businessoftollywood.com/media/Movies/Repu-Udayam-10-Gantalaku-39890/Poster.png" alt="Repu Udayam 10 Gantalaku"
                                 class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
                                 srcset="https://www.businessoftollywood.com/media/Movies/Repu-Udayam-10-Gantalaku-39890/Poster.png ,https://www.businessoftollywood.com/media/fallbackimages/movie-poster-placeholder.jpg" />
                        </div>
                        <div class="p-3">
                            <p class="text-card-foreground text-lg font-medium mt-2 truncate group-hover:text-primary transition-colors">Repu Udayam 10 Gantalaku</p>
                            <p class="text-card-foreground text-sm font-semibold truncate group-hover:text-primary transition-colors">Released on: 14 Mar 2026</p>
                        </div>
                    </a>
                </div>
        </div>
    </section>


    
   

    <section>
        <h2 class="text-xl font-semibold text-foreground mb-6 flex items-center gap-2">
            <span class="w-1 h-5 bg-muted-foreground rounded-full"></span>
            Frequently Asked Questions
        </h2>
        <div class="space-y-3" id="faq-list">
                <div class="bg-card border border-border rounded-lg overflow-hidden">
                    <button class="faq-btn w-full flex items-center justify-between px-5 py-4 text-left hover:bg-muted/30 transition-colors"
                            data-faq="0">
                        <span class="text-card-foreground font-medium text-sm">What is Business of Tollywood?</span>
                        <svg class="faq-icon w-4 h-4 text-muted-foreground flex-shrink-0 ml-3 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
                        </svg>
                    </button>
                    <div class="faq-body hidden px-5 pb-4">
                        <p class="text-muted-foreground text-sm leading-relaxed">Business of Tollywood is a comprehensive Telugu cinema portal covering movie news, box office collections, OTT releases, and celebrity updates from the Tollywood film industry.</p>
                    </div>
                </div>
                <div class="bg-card border border-border rounded-lg overflow-hidden">
                    <button class="faq-btn w-full flex items-center justify-between px-5 py-4 text-left hover:bg-muted/30 transition-colors"
                            data-faq="1">
                        <span class="text-card-foreground font-medium text-sm">How can I find the latest Telugu movie releases?</span>
                        <svg class="faq-icon w-4 h-4 text-muted-foreground flex-shrink-0 ml-3 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
                        </svg>
                    </button>
                    <div class="faq-body hidden px-5 pb-4">
                        <p class="text-muted-foreground text-sm leading-relaxed">Visit the Movies section to browse all recent and upcoming Telugu releases, filtered by theatrical or OTT release dates.</p>
                    </div>
                </div>
                <div class="bg-card border border-border rounded-lg overflow-hidden">
                    <button class="faq-btn w-full flex items-center justify-between px-5 py-4 text-left hover:bg-muted/30 transition-colors"
                            data-faq="2">
                        <span class="text-card-foreground font-medium text-sm">Does Business of Tollywood cover OTT releases?</span>
                        <svg class="faq-icon w-4 h-4 text-muted-foreground flex-shrink-0 ml-3 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
                        </svg>
                    </button>
                    <div class="faq-body hidden px-5 pb-4">
                        <p class="text-muted-foreground text-sm leading-relaxed">Yes! We track all major OTT platforms including Netflix, Amazon Prime Video, Hotstar, Aha, Zee5, JioCinema, and SunNxt for Telugu content.</p>
                    </div>
                </div>
                <div class="bg-card border border-border rounded-lg overflow-hidden">
                    <button class="faq-btn w-full flex items-center justify-between px-5 py-4 text-left hover:bg-muted/30 transition-colors"
                            data-faq="3">
                        <span class="text-card-foreground font-medium text-sm">Can I find information about Tollywood actors and directors?</span>
                        <svg class="faq-icon w-4 h-4 text-muted-foreground flex-shrink-0 ml-3 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
                        </svg>
                    </button>
                    <div class="faq-body hidden px-5 pb-4">
                        <p class="text-muted-foreground text-sm leading-relaxed">Absolutely. Our Actors and Directors sections feature detailed profiles, filmographies, and career highlights for Tollywood personalities.</p>
                    </div>
                </div>
                <div class="bg-card border border-border rounded-lg overflow-hidden">
                    <button class="faq-btn w-full flex items-center justify-between px-5 py-4 text-left hover:bg-muted/30 transition-colors"
                            data-faq="4">
                        <span class="text-card-foreground font-medium text-sm">How often is the content updated?</span>
                        <svg class="faq-icon w-4 h-4 text-muted-foreground flex-shrink-0 ml-3 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
                        </svg>
                    </button>
                    <div class="faq-body hidden px-5 pb-4">
                        <p class="text-muted-foreground text-sm leading-relaxed">Content is updated in real-time as new movies release, news breaks, and OTT premieres are announced.</p>
                    </div>
                </div>
        </div>
    </section>

</div><!-- /max-w-7xl -->

    </main>

    <footer class="border-t border-border pt-4 pb-8 md:pt-6 md:pb-12 px-4 mt-auto">
    <div class="container flex flex-col items-center gap-3">

        <div class="flex items-center gap-4">
            <a href="https://www.instagram.com/businessoftollywood" target="_blank" rel="noopener noreferrer"
               class="text-muted-foreground hover:text-pink-500 transition-colors" aria-label="Instagram">
                <svg class="h-5 w-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" aria-hidden="true">
                    <rect width="20" height="20" x="2" y="2" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"/>
                </svg>
            </a>
            <a href="https://x.com/TollywoodBiz" target="_blank" rel="noopener noreferrer"
               class="text-muted-foreground hover:text-foreground transition-colors" aria-label="X (Twitter)">
                <svg class="h-5 w-5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
                    <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
                </svg>
            </a>
            <a href="https://www.facebook.com/BusinessOfTollywood" target="_blank" rel="noopener noreferrer"
               class="text-muted-foreground hover:text-blue-500 transition-colors" aria-label="Facebook">
                <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                    <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/>
                </svg>
            </a>
            <a href="https://www.youtube.com/@BusinessOfTollywood" target="_blank" rel="noopener noreferrer"
               class="text-muted-foreground hover:text-red-500 transition-colors" aria-label="YouTube">
                <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                    <path d="M22.54 6.42a2.78 2.78 0 0 0-1.95-1.96C18.88 4 12 4 12 4s-6.88 0-8.59.46A2.78 2.78 0 0 0 1.46 6.42 29 29 0 0 0 1 12a29 29 0 0 0 .46 5.58 2.78 2.78 0 0 0 1.95 1.96C5.12 20 12 20 12 20s6.88 0 8.59-.46a2.78 2.78 0 0 0 1.95-1.96A29 29 0 0 0 23 12a29 29 0 0 0-.46-5.58z"/><polygon points="9.75 15.02 15.5 12 9.75 8.98 9.75 15.02" fill="white"/>
                </svg>
            </a>
        </div>

        <div class="flex flex-wrap items-center justify-center gap-x-6 gap-y-2">
            <a class="text-sm text-muted-foreground hover:text-foreground transition-colors" href="/Contact">Contact Us</a>
            <a class="text-sm text-muted-foreground hover:text-foreground transition-colors" href="/Terms">Terms &amp; Conditions</a>
            <a class="text-sm text-muted-foreground hover:text-foreground transition-colors" href="/PrivacyPolicy">Privacy Policy</a>
            <a class="text-sm text-muted-foreground hover:text-foreground transition-colors" href="/Disclaimer">Disclaimer</a>
            <button onclick="document.dispatchEvent(new CustomEvent('manage-cookies'))"
                    class="flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground transition-colors">
                <svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" aria-hidden="true">
                    <path d="M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5"/><path d="M8.5 8.5v.01"/><path d="M16 15.5v.01"/><path d="M12 12v.01"/><path d="M11 17v.01"/><path d="M7 14v.01"/>
                </svg>
                <span>Cookie Settings</span>
            </button>
        </div>

        <p class="text-sm text-muted-foreground">&copy; 2026 Business of Tollywood. All rights reserved.</p>
    </div>
</footer>


    <script src="/lib/jquery/dist/jquery.min.js"></script>
    <script src="/js/site.js"></script>
    <script>
        const btn = document.getElementById('mobile-menu-btn');
        const drawer = document.getElementById('mobile-drawer');
        const backdrop = document.getElementById('drawer-backdrop');
        const closeBtn = document.getElementById('drawer-close');
        if (btn) btn.addEventListener('click', () => drawer.classList.toggle('hidden'));
        if (backdrop) backdrop.addEventListener('click', () => drawer.classList.add('hidden'));
        if (closeBtn) closeBtn.addEventListener('click', () => drawer.classList.add('hidden'));
    </script>
    <script>
        (function () {
            const input = document.getElementById('desktop-search-input');
            const box = document.getElementById('search-suggestions');
            if (!input || !box) return;

            let timer;
            input.addEventListener('input', function () {
                clearTimeout(timer);
                const q = this.value.trim();
                if (q.length < 2) { box.classList.add('hidden'); box.innerHTML = ''; return; }
                timer = setTimeout(() => {
                    fetch('/search/suggest?q=' + encodeURIComponent(q))
                        .then(r => r.json())
                        .then(data => {
                            const rows = [];
                            const add = (items, label, urlFn, nameFn) => {
                                if (!items || !items.length) return;
                                rows.push(`<div class="px-3 py-1.5 text-xs text-muted-foreground uppercase tracking-wide border-b border-border">${label}</div>`);
                                items.forEach(i => rows.push(`<a href="${urlFn(i)}" class="flex items-center px-3 py-2 hover:bg-muted transition-colors text-foreground">${nameFn(i)}</a>`));
                            };
                            add(data.movies,        'Movies',        i => '/movie/' + i.permalink,        i => i.movieName);
                            add(data.persons,       'Persons',       i => '/' + i.permalink,              i => i.name);
                            add(data.articles,      'Articles',      i => '/news/' + i.permalink,         i => i.articleTitle);
                            add(data.organisations, 'Organisations', i => '/organisation/' + i.permalink, i => i.name);
                            if (rows.length) {
                                rows.push(`<a href="/search?q=${encodeURIComponent(q)}" class="flex items-center px-3 py-2 text-primary text-xs border-t border-border hover:bg-muted">See all results →</a>`);
                                box.innerHTML = rows.join('');
                                box.classList.remove('hidden');
                            } else {
                                box.classList.add('hidden');
                            }
                        });
                }, 250);
            });

            document.addEventListener('click', e => {
                if (!input.contains(e.target) && !box.contains(e.target)) box.classList.add('hidden');
            });
        })();
    </script>
    <script>
        (function () {
            var btn = document.getElementById('theme-toggle');
            if (!btn) return;
            function updateTooltip() {
                var isDark = document.documentElement.classList.contains('dark');
                btn.title = isDark ? 'Switch to light mode' : 'Switch to dark mode';
                btn.setAttribute('aria-label', btn.title);
            }
            updateTooltip();
            btn.addEventListener('click', function () {
                var html = document.documentElement;
                var isDark = html.classList.contains('dark');
                html.classList.replace(isDark ? 'dark' : 'light', isDark ? 'light' : 'dark');
                localStorage.setItem('theme', isDark ? 'light' : 'dark');
                updateTooltip();
            });
        })();
    </script>
    
    <script>
        // ── Carousel ──────────────────────────────────────────────────────────────────
        (function () {
            const slides = document.querySelectorAll('.carousel-slide');
            const dots   = document.querySelectorAll('.carousel-dot');
            let current  = 0;
            let timer;

            function goTo(n) {
                slides[current].classList.replace('opacity-100', 'opacity-0');
                slides[current].classList.replace('z-10', 'z-0');
                dots[current].classList.remove('bg-primary', 'w-6');
                dots[current].classList.add('bg-muted-foreground/40');

                current = (n + slides.length) % slides.length;

                slides[current].classList.replace('opacity-0', 'opacity-100');
                slides[current].classList.replace('z-0', 'z-10');
                dots[current].classList.add('bg-primary', 'w-6');
                dots[current].classList.remove('bg-muted-foreground/40');
            }

            function startTimer() {
                clearInterval(timer);
                timer = setInterval(() => goTo(current + 1), 5000);
            }

            document.getElementById('carousel-prev').addEventListener('click', () => { goTo(current - 1); startTimer(); });
            document.getElementById('carousel-next').addEventListener('click', () => { goTo(current + 1); startTimer(); });
            dots.forEach(d => d.addEventListener('click', () => { goTo(+d.dataset.index); startTimer(); }));

            startTimer();
        })();

        // ── OTT Platform Filter ───────────────────────────────────────────────────────
        (function () {
            const tabs  = document.querySelectorAll('.ott-tab');
            const cards = document.querySelectorAll('#ott-grid [data-platform]');

            tabs.forEach(tab => {
                tab.addEventListener('click', () => {
                    const platform = tab.dataset.platform;

                    tabs.forEach(t => {
                        t.classList.remove('bg-primary', 'text-primary-foreground', 'border-primary');
                        t.classList.add('bg-transparent', 'text-muted-foreground', 'border-border');
                    });
                    tab.classList.add('bg-primary', 'text-primary-foreground', 'border-primary');
                    tab.classList.remove('bg-transparent', 'text-muted-foreground', 'border-border');

                    cards.forEach(card => {
                        card.style.display = (platform === 'All' || card.dataset.platform === platform) ? '' : 'none';
                    });
                });
            });
        })();

        // ── FAQ Accordion ─────────────────────────────────────────────────────────────
        (function () {
            document.querySelectorAll('.faq-btn').forEach(btn => {
                btn.addEventListener('click', () => {
                    const body = btn.nextElementSibling;
                    const icon = btn.querySelector('.faq-icon');
                    const isOpen = !body.classList.contains('hidden');

                    // close all
                    document.querySelectorAll('.faq-body').forEach(b => b.classList.add('hidden'));
                    document.querySelectorAll('.faq-icon').forEach(i => i.style.transform = '');

                    if (!isOpen) {
                        body.classList.remove('hidden');
                        icon.style.transform = 'rotate(180deg)';
                    }
                });
            });
        })();
    </script>

    
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a0a376b70f198f4c',t:'MTc4MTIxMDc3MQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>
