Функциональные веб-компоненты

Create a functional, responsive web component using [framework: vanilla JS/React/Vue/Angular] that implements a [component type: product card/navigation menu/form/gallery/modal/etc.] with the following features: [list main features like interactivity, animations, state management]. The component should be styled using [CSS approach: plain CSS/SCSS/Tailwind/styled-components] with a [design style: minimalist/modern/glassmorphic/neumorphic] aesthetic and [color scheme: light/dark/custom palette] theme. Make it responsive for [device compatibility: mobile/tablet/desktop] with appropriate breakpoints. Include accessibility features like [a11y requirements: ARIA labels/keyboard navigation/screen reader support] and ensure cross-browser compatibility. The component should handle [edge cases: loading states/error states/empty states] appropriately. All code should follow [coding standards: specific conventions/best practices] with clean organization and helpful comments. Provide the complete HTML, CSS, and JavaScript code that can be directly implemented in a project without additional dependencies beyond the specified framework.