Executando verificação de segurança...
2

Uma boa abordagem é pegar o seu valor hora hoje (se você já trabalha) e adiciona um valor extra, como se fosse a sua "margem de lucro", porque você vai ter um custo, com energia e tempo, então adicione uma margem boa ai de uns 30% a 60% ou o que preferir, a regra é você que define, é o seu trabalho.

Tendo esse valor Hora, você faz uma estimativa em horas de desenvolvimento com base em cada tela/recurso que você vai fazer, consequentemente vc multiplica o total de horas pelo seu valor hora, chegando a um valor X total.

O ideal é que você coloque todas essas informações em uma planilha e passe isso bem descritivo para o cliente, bem como os custos estimados para deixar essa página rodando.

Carregando publicação patrocinada...
1
2

Uma dica adicional ai é você usar alguma ferramenta de CMS para armazenar imagens/conteúdos que vai utilizar no site pra você não ter dor de cabeça quando seu cliente quiser trocar um texto no site, ou imagem.

No caso você não precisaria nem programar, só alterar no sistema e ele já reflete no site.

Vou deixar algumas opções:

  1. Pocketbase (Esse não é bem um CMS, mas pode ser usado como um)
  2. Strapi (Esse cara é especializado para isso, como vc vai fazer só o front, ele serviria muito bem)

Ambos consomem muito pouco recurso de infraestrutura e a manutenção é fácil, isso abriria porta pra vc fazer mais projetos como esse, utilizando a mesma ferramenta.