Menu Data - Copy this React, Tailwind Component to your project

"Design-a-dynamic-and-hierarchical-navigation-menu-for-a-website-that-accommodates-multiple-levels-of-categorization.-The-menu-structure-includes-categories,-subcategories,-types,-and-sizes.-Each-category,-such-as-'Pipes,'-features-subcategories-like-'PRIMEX'-and-'Wire-SHIELD,'-which-further-include-types-('HMS'-and-'SMS')-and-detailed-sizes-(e.g.,-'16-x-25'-or-'24-x-12').-Ensure-the-navigation-menu-is-responsive,-user-friendly,-and-visually-aligned-with-the-brand-identity.-Dropdowns-or-collapsible-panels-should-be-used-to-display-subcategories-and-types-dynamically,-with-smooth-transitions-and-clear-visual-cues-like-icons-(e.g.,-FaChevronDown)-for-expand/collapse-actions.-Include-hover-and-active-state-styles-for-enhanced-usability.-Additionally,-provide-support-for-categories-without-subcategories-(e.g.,-'Fan-Box'-or-'Tape')-to-ensure-consistency.-The-design-should-prioritize-a-seamless-user-experience,-ensuring-that-users-can-navigate-through-nested-levels-of-data-efficiently-on-both-desktop-and-mobile-devices."