Searching For- Porn Collection In-all Categorie... Now

return ( <div className="content-card"> item.thumbnail_url && ( <img src=item.thumbnail_url alt=item.title className="card-thumbnail" /> ) <div className="card-content"> <div className="card-header"> <span className="media-badge"> getMediaIcon(item.media_type) item.media_type.replace('_', ' ') </span> <span className="category-badge">item.category_name</span> </div> <h3 className="card-title">item.title</h3> <p className="card-description">item.description?.substring(0, 150)...</p> <div className="card-meta"> <span className="rating">★ item.rating?.toFixed(1) </span> item.release_date && ( <span className="date">new Date(item.release_date).getFullYear()</span> ) item.duration_minutes && ( <span className="duration">item.duration_minutes min</span> ) </div> <button className="view-details-btn">View Details</button> </div> </div> ); ;

.category-badge background: #f3e5f5; color: #7b1fa2;

// Content Card Component const ContentCard = ( item ) => const getMediaIcon = (type) => '📄'; ; Searching for- porn collection in-All Categorie...

useEffect(() => fetchCategories(); fetchMediaTypes(); , []);

.results-area flex: 1;

const handleSearch = (e) => e.preventDefault(); setPagination(prev => ( ...prev, page: 1 )); performSearch(); ;

.search-button:hover background: #0056b3; return ( &lt;div className="content-card"&gt; item

.media-badge, .category-badge padding: 4px 8px; border-radius: 4px; font-size: 12px; font-weight: 500;