Sistema Web para Gerar Preview em Html

Preciso de um sistema web que meu cliente consiga simular o app dele.
A empresa desenvolve apps e precisa que o cliente simule como seria o site dele em um app.

----
O site é dividido em 3 etapas:

Tela 1:
URL do site
Email
Telefone

Tela 2:
Escolha os 5 principais links do seu site e o ícone
Exemplo: Carrinho, Perfil, Categoria, Destaque e Home

Escolhe Cor de fundo
Escolhe Cor do ícone

Tela 3:
Escolha sua plataforma (Vtex, Tray, Shopify, Etc)

>> Botão de Gerar APP <<

-----

Gera uma tela simulando o app em um IOS e simulando em um Android, um do lado do outro.

A geração do app é feito pegando o site, colocando um css de acordo com o que foi selecionado na plataforma e criando uma navbar com as urls e icones selecionados.

----

Esse simulador precisa ser clicável, ou seja, clicando nos icones da navBar ele consegue mudar de página.

Porém pode se limitar somente as 5 páginas do webview, todos os outros links são desativados, trocados por uma #

Após 3 segundos de aberto, ele simula uma imagem descendo como se fosse push com a seguinte mensagem “Opsss… você esqueceu um produto no carrinho”

Vai ter uma opção para pessoa escolher os planos e ai ele segue para o pagamento (link fixo, sem variável), mostrando a diferença entre eles.

Esse form deve enviar as informações para um webhook e armazenar em um banco sql.

O webhook eu entrego a URL.

PS: Coloquei em anexo como deveria ficar o site locacao027.com.br por exemplo.

O front da página será entregue em um figma.

Ps2.: Pensei em algo na lógica como fazer um scrapping do HTML e simular ele na tela adicionando o css necessário, pois iframe não deixa usar o css/js dentro dele.
Além disso faz um replace em todas urls e coloca # apenas para o usuário não conseguir clicar em nada além dos ícones do navbar