All Posts Grid - Copy this Angular, Css Component to your project

Design a responsive 'All Posts' section with a bold, centered title and a search bar below. The blog posts grid should display six cards, featuring titles like 'Cybersecurity Landscape' and 'Metaverse Rise,' with each card including a smaller image, post title, two line description, publication date, and read time. Use a modern dark themed background, ensuring the layout is clean, visually appealing, and responsive, with clear separation between the cards for a sleek, contemporary look across all devices.