Light box de texto em HTML, CSS, Javascript

Gostaria de um orçamento para a necessidade abaixo: Tenho 4 vendedores. Preciso divulgar numa lightbox o nome do vendedor, telefone fixo + ramal, whatsapp. Veja um exemplo do design nesse site [login to view URL] no box: "Fale direto com a equipe de vendas" Não entendo muito de programação, mas acredito que um código html, css, java script será a solução... Serão dois conjuntos de código, uma para usar na versão desktop e outra na versão mobile. A versão mobile vou contratar somente no futuro, mas é bacana deixar posicionado que o primeiro contrato será para a finalidade de uso no desktop. VERSÃO DESKTOP Itens do lightbox: • setas de navegação esquerda/direita para navegar entre os vendedores disponíveis. A seta à esquerda/direta fica sempre disponível, portanto a navegação nas setas é em looping; • 3 linhas de texto: 1. nome do vendedor 2. ícone do whats app + ddd no formato (011) + número do whatsapp no formato X-XXXX-XXXX 3. ícone de telefone fixo + ddd no formato (011) + número do telefone fixo + ramal + número do ramal Configurações 1. No lightbox só deve caber os dados de um vendedor por vez. O primeiro vendedor apresentado e a sequencia geral dos vendedores é aleatória. Quando cada novo usuário que acessa o site vê na primeira posição um vendedor diferente. Porém, quando o mesmo usuário retornar ao site, vê o mesmo vendedor que viu anteriormente em primeiro lugar... A cada usuário novo que acessa o site, torna tudo aleatório, tanto a posição do primeiro, quando dos demais (diminuindo a chance de um mesmo vendedor receber mais contatos e ser privilegiado em detrimento de outro). Uma vez que o usuário está no site e navega nas setas, a sequencia do vendedores estabelecida não muda; 2. Link do telefone (incluindo ícone) abrindo em nova janela [target="_blank"], tel:2947-4000 3. Link do whatsApp (incluindo ícone) abrindo em nova janela [target="_blank"], no formato [login to view URL] 4. background do código html (transparente) 5. cor hexa dos ícones e das fontes #EA5E00 (exceto ícone do whatsApp na cor verde) 6. sem sublinhado nos textos 7. fonte no tamanho 24px 8. ícones de telefone no tamanho 24px x 24px 9. todos os itens dentro de um box de 390px 10. tudo alinhado à esquerda, exceto o ícone "alterar vendedor" alinhado à direita do box espaçamento entre linhas razoável para diferenciar o telefone fixo do telefone do whats app 11. O código será aplicado num site Wix, numa função do wix que adiciono um box html dentro do site, já que o wix não permite a edição html nativa... O código abaixo que peguei na internet testei e funcionou, porém não tem as funções e configurações que preciso e relacionei acima: [veja o código com menos funções, porém que funcionou no wix] <SCRIPT LANGUAGE="JAVASCRIPT"> <!-- var r_text = new Array (); r_text[0] = "Em breve1"; r_text[1] = "Em breve2"; r_text[2] = "Em breve3"; r_text[3] = "Em breve4"; var i = [login to view URL]([login to view URL] * [login to view URL]()); [login to view URL]("<center><FONT SIZE=5><FONT COLOR='#F26B25'>" + r_text[i] + "</FONT></center>"); var bgcolorlist=new Array( "#FFFFFF") document.body.style.background=bgcolorlist[[login to view URL]([login to view URL]()*[login to view URL])]; </script> <style type="text/css"> <!-- body,td,th { color: #000; font-family: arial, helvetica, sans-serif; </html>