Components
Loading preview...
This PromoteHeader component is a fully responsive, feature-rich navigation header built with Next.js and React. It includes a sticky top bar with an announcement section, desktop and mobile navigation menus, a search input, theme toggle, and call-to-action buttons. The desktop version supports hoverable resource panels with icons, descriptions, and quick links, while the mobile drawer offers a collapsible menu with similar functionality. The component dynamically highlights active links, preserves theme preferences, and ensures accessibility with focus management and skip-to-content links, making it both user-friendly and visually appealing.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/promote-headerimport PromoteHeader from "@/components/ui/promote-header";
export default function DemoOne() {
return <PromoteHeader />;
}