Pawan Kalyan Filmography -

.stat-card background: rgba(255,255,245,0.05); backdrop-filter: blur(8px); padding: 0.5rem 1.8rem; border-radius: 60px; border: 1px solid rgba(255,180,70,0.3); font-weight: 500;

<div class="film-grid" id="filmGrid">  <div class="no-results">Loading filmography...</div> </div> <footer> ⚡ Pawan Kalyan — Actor, Director, Writer, Politician, Icon. <br> Filmography includes blockbusters, cult classics & social dramas. </footer> </div> pawan kalyan filmography

/* header section with hero */ .hero text-align: center; margin-bottom: 3rem; position: relative; You can run this as an index

// update stats (total, lead, cameo) function updateStats() const total = filmography.length; const leadCount = filmography.filter(m => m.role === 'Lead').length; const cameoCount = filmography.filter(m => m.role === 'Cameo').length; const latest = [...filmography].sort((a,b)=>b.year - a.year)[0]; const statsHtml = <div class="stat-card"><span>$total</span> Total Films</div> <div class="stat-card"><span>$leadCount</span> Lead Roles</div> <div class="stat-card"><span>$cameoCount</span> Cameos</div> <div class="stat-card"><span>$latest.year</span> Latest Release</div> ; document.getElementById('statsContainer').innerHTML = statsHtml; currentSearch = e.target.value

Here’s a dedicated to Pawan Kalyan’s filmography — designed as an interactive, visually clean, and responsive UI. You can run this as an index.html file in any browser.

const searchInput = document.getElementById('searchInput'); searchInput.addEventListener('input', (e) => currentSearch = e.target.value; render(); );