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

"Design-a-modern-and-elegant-e-commerce-homepage.-The-page-should-include:-A-header-with-a-logo-on-the-left-and-navigation-links-(Home,-Products,-About-Us,-Contact)-on-the-right.-A-full-width-hero-section-with-a-background-image,-a-catchy-tagline-like-'Shop-the-Best-Deals-Today,'-and-a-prominent-call-to-action-button-saying-'Shop-Now.'-A-featured-products-section-displaying-4-6-product-cards,-each-with-an-image,-name,-price,-and-'Add-to-Cart'-button.-A-testimonials-section-with-user-reviews,-each-showing-a-profile-picture,-name,-and-short-review.-A-footer-containing-quick-links,-contact-information,-and-social-media-icons.-Use-a-clean,-responsive-layout-with-soft-colors,-modern-typography,-and-subtle-animations-to-make-the-design-engaging-and-user-friendly.