Two-Tiered Navigation with Mobile Select Menu

This component uses Tailwind CSS to create a two-tiered navigation system. On mobile screens, there is a select dropdown to choose between nav items. On larger screens, there is a horizontal navbar with links. It utilizes Tailwind utility classes like bg-gray-900, px-4, py-6, and flex to style the navigation background, padding, and layout. The text uses text coloring like text-white, text-gray-400, and text-indigo-500 to denote active links. It also uses border and ring color utilities for the select input styling.