Spices Homepage Wireframe - Copy this Html, Bootstrap Component to your project

Crear-un-diseño-de-wireframe-para-la-página-de-inicio-de-un-sitio-web-dedicado-a-la-venta-de-condimentos-y-especias.-El-diseño-debe-incluir-los-siguientes-elementos:-Banner-destacado-en-la-parte-superior-que-muestre-los-productos-mejor-calificados-por-los-clientes.-Cada-producto-debe-tener-espacio-para-una-imagen,-el-nombre,-una-breve-descripción-y-su-calificación.-Barra-de-navegación-(Nav-Bar)-que-incluya-las-categorías-principales:-'Condimentos',-'Especias',-y-'Otros'.-Además,-debe-tener-botones-para-'Inicio',-'Contacto',-y-'Login/Registro'.-Sección-central-con-categorías-principales-representadas-por-tarjetas,-cada-una-con-una-imagen,-un-título,-y-un-enlace-para-explorar-los-productos.-Botón-flotante-de-contacto-por-WhatsApp,-ubicado-en-la-esquina-inferior-derecha,-representado-con-un-icono-llamativo-y-fácil-de-identificar.-Diseño-responsivo,-limpio-y-minimalista,-pensado-para-garantizar-una-experiencia-óptima-tanto-en-dispositivos-móviles-como-en-escritorio.-Paleta-de-colores:-Azul-oscuro-(#1D2957):-para-el-fondo-de-la-barra-de-navegación-y-secciones-importantes.-Azul-intermedio-(#525F7F):-para-los-textos-principales-y-subtítulos.-Azul-claro-(#7E8CAB):-para-fondos-secundarios-y-elementos-visuales-de-contraste.-Azul-grisáceo-(#35334B):-para-bordes,-separadores,-y-elementos-secundarios.-Tono-beige-(#B39C7D):-para-botones-o-detalles-que-resalten-calidez-y-cercanía.-Asegúrate-de-que-el-diseño-sea-visualmente-atractivo-y-transmita-profesionalismo-con-un-enfoque-amigable."