Dynamic Header Component - Copy this Html, Tailwind Component to your project

Crea un header dinámico con las siguientes características: Fila 1: A la izquierda, coloca un logo circular y el título de la página. A la derecha, agrega iconos de redes sociales (por ejemplo, Facebook, Instagram, Twitter). Fila 2: A la izquierda, crea un conjunto de páginas de navegación (por ejemplo, Inicio, Servicios, Blog, Contacto). A la derecha, agrega un buscador indexado, donde el usuario pueda realizar búsquedas dentro de la página. Fila 3: Incluye migas de pan para mostrar la ruta de navegación actual de la página (por ejemplo, Inicio > Sección > Sub sección). Instrucciones adicionales: El diseño debe ser limpio, responsivo (adaptable a dispositivos móviles) y accesible. Los iconos de redes sociales deben tener un tamaño uniforme y ser fácilmente reconocibles. El buscador debe ser funcional y de fácil acceso. Las migas de pan deben actualizarse dinámicamente según la navegación del usuario.