Header Main Display - Copy this React, Tailwind Component to your project

Descripción-del-código:-Header:-Utiliza-un-contenedor-(container)-para-centrar-el-contenido.-El-logotipo-"DENNIS."-y-el-menú-de-navegación-se-encuentran-en-un-div-flexible-(flex),-con-elementos-alineados-en-los-extremos-(justify-between)-y-centrados-verticalmente-(items-center).-Main:-Se-utiliza-un-contenedor-(container)-para-centrar-el-contenido.-El-contenido-principal-está-dividido-en-dos-partes:-el-texto-a-la-izquierda-y-la-imagen-a-la-derecha-en-pantallas-grandes,-utilizando-flex-y-flex-col-para-pantallas-pequeñas-y-md:flex-row-para-pantallas-medianas-y-grandes.-El-texto-tiene-un-encabezado-grande-(text-5xl)-y-botones-de-acción-estilizados-con-bg-yellow-500-y-bg-gray-800.-Imagen-y-Etiquetas-(Badges):-La-imagen-tiene-una-posición-relativa-para-permitir-la-colocación-de-etiquetas-(badges)-en-posiciones-absolutas.-Las-etiquetas-están-estilizadas-con-fondos-(bg-gray-800),-bordes-redondeados-(rounded),-y-sombras-(shadow-lg)-para-destacarse.