Ssrmoviescards - New

<ul className="movies-grid" role="list"> {movies.map(movie => ( <li key={movie.id} className="movie-card" role="listitem"> <a href={`${baseUrl}/${encodeURIComponent(movie.id)}`} className="card-link" aria-label={`${movie.title} (${movie.year ?? 'unknown year'})`}> <div className="poster"> <img src={movie.posterBlurDataUrl ?? movie.posterUrl ?? '/placeholder.jpg'} data-src={movie.posterUrl} alt={`${movie.title} poster`} width="200" height="300" loading="lazy" className={movie.posterBlurDataUrl ? 'lqip' : ''} /> </div>