Styled App Bar - Copy this React, Mui Component to your project

"Create-a-clean-and-modern-website-header-inspired-by-the-Astral-Pipes-website.-The-header-should-prominently-feature-the-brand-logo-on-the-left-side,-with-a-sleek-and-professional-design-that-complements-the-business’s-industrial-nature.-Include-a-search-bar-positioned-near-the-center-or-right-side,-allowing-users-to-easily-search-for-products,-with-placeholder-text-like-'Search-for-products'-and-an-intuitive-magnifying-glass-icon.-For-navigation,-integrate-a-horizontal-menu-with-the-following-elements:-product-categories-(such-as-Pipes,-Fittings,-Plumbing-Solutions,-and-more),-with-dropdown-menus-that-reveal-product-sub-categories-and-important-links.-These-dropdowns-should-not-only-show-text-links-but-also-include-images-to-visually-highlight-key-products-and-make-the-navigation-experience-more-engaging.-Incorporate-a-section-for-user-authentication-with-links-to-Login/Sign-Up,-and-include-a-shopping-cart-icon-that-displays-the-number-of-items-in-the-cart.-Ensure-there’s-easy-access-to-customer-support,-possibly-through-a-phone-number-or-help-icon-placed-in-the-top-right-corner.-Design-the-header-to-be-mobile-responsive,-so-it-adapts-seamlessly-to-various-screen-sizes.-The-navigation-menu-should-collapse-into-a-mobile-friendly-version-when-viewed-on-smaller-screens,-maintaining-an-intuitive-structure.-Ensure-the-color-scheme-and-overall-aesthetic-align-with-the-industrial-and-professional-look-of-the-brand,-using-colors-like-dark-blues,-grays,-and-whites-with-a-modern-touch."