Hero Banner - Copy this React, Mui Component to your project

<div-class="echo-hero-baner">-<div-class="echo-inner-img-ct-1-img-transition-scale">-<a-href="post-details.html"><img-src="assets/images/category-style-1/item-5.png"-alt="Echo"-class="echo-ct-style-1-banner-images"></a>-</div>-<div-class="echo-hero-baner-text-heading-info-ct-1">-<h2-class="echo-hero-title-text-capitalize-font-weight-bold"><a-href="post-details.html"-class="title-hover">Alonso-gets-his-100th-F1-podium-after-penalty-U-turn</a></h2>-<div-class="echo-hero-area-titlepost-post-like-comment-share">-<div-class="echo-hero-area-like-read-comment-share">-<a-href="#"><i-class="fa-light-fa-clock"></i>-06-minute-read</a>-</div>-<div-class="echo-hero-area-like-read-comment-share">-<a-href="#"><i-class="fa-light-fa-eye"></i>-3.5k-Views</a>-</div>-<div-class="echo-hero-area-like-read-comment-share">-<a-href="#"><i-class="fa-light-fa-comment-dots"></i>-05-Comment</a>-</div>-<div-class="echo-hero-area-like-read-comment-share">-<a-href="#"><i-class="fa-light-fa-arrow-up-from-bracket"></i>-1.5k-Share</a>-</div>-</div>-<hr>-<p-class="echo-hero-discription">Mauris-ultrices-eros-in-cursus-turpis-massa-tincidunt-dui-ut.-Quam-vulputate-dignissim-over-suspendisse-in-est-ante-in-nibh-mauris.-Sociis-natoque-penatibus-et-magnis-parturient.</p>-</div>-</div>