Punjabi Upcoming Movies !!link!! Jun 2026

.movies-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1rem; }

.load-more-btn { background: #f39c12; color: #1a1a2e; border: none; padding: 0.8rem 2rem; border-radius: 40px; font-size: 1rem; font-weight: bold; cursor: pointer; transition: all 0.3s ease; } punjabi upcoming movies

.reminder-btn { background: #2c3e50; color: white; border: none; padding: 0.6rem 1rem; border-radius: 10px; width: 100%; cursor: pointer; transition: background 0.3s ease; font-weight: bold; } .movies-grid { grid-template-columns: repeat(auto-fill

I can provide a tailored list matching your exact entertainment preferences. } .load-more-btn { background: #f39c12

grid.innerHTML = moviesToShow.map(movie => ` <div class="movie-card" data-id="${movie.id}"> <img class="movie-poster" src="${movie.poster}" alt="${movie.title} Poster"> <div class="movie-info"> <div class="movie-title">${movie.title}</div> <div class="movie-release">📅 ${movie.releaseDate}</div> <div class="movie-genre">${movie.genre.toUpperCase()}</div> <div class="movie-description">${movie.description}</div> <button class="reminder-btn" data-id="${movie.id}" data-title="${movie.title}">🔔 Remind Me</button> </div> </div> `).join('');