H C C O O P Website - Copy this React, Tailwind Component to your project

Estou criando um layout de site para uma empresa hospitalar chamada hccoop, preciso que tenha: Cabeçalho Logo: No canto superior esquerdo, há um logotipo da "HC COOP". Menu de navegação: À direita do logotipo, o menu contém as seguintes opções: Home Institucional Área COOP Área Paciente Fale Conosco Botão de agendamento: Um botão em destaque no canto superior direito com o texto "Agende sua consulta" e um icone de agenda do lado esquerdo do texto. Cor do cabecalho: #1A354D, cor do botão #2298D3. Banner Principal fundo da cor: #a5c4ce Texto sobreposto: Há um texto de destaque em formato de título: "Lorem ipsum dolor sit amet consectetur. Libero nam volutpat interdum" com a cor: #2298D3; Abaixo outro texto "Lorem ipsum dolor sit amet consectetur. Libero nam volutpat interdum" com o texto volutpat interdum em destaque da cor: #2298D3; Botões: abaixo do texto, há dois botões para agendamento e informações adicionais com icone do whatsapp e telefone, os botões estão um do lado do outro. Campo de pesquisa: Abaixo dos botões, há um campo de busca com o texto "Buscar um médico", com dois campos de input um do lado do outro, "Burscar nome", "Especialidade" ao lado um botão com icone de lupa. O backgroun do campo de pesquisa é da cor: #1A354D os inputs brancos o botão da cor: #2298D3 e a lupa branca.