Carreira Inegociável® — Handoff pro design

Três sites no ar, prontos pra você deixar ainda melhores.

Este documento reúne os links, o acesso ao código e o que pode ser ajustado em cada página do projeto da Carol Domanoski. A parte de CRM (uso interno da equipe) não entra aqui — só o que é visível pro público.

Landing page Quiz Link na bio

Contexto

Como as três páginas se conectam

Todas vivem no mesmo domínio, caroldomanoski.com.br, só mudando o caminho depois da barra. São três projetos separados (cada um no seu próprio repositório), então você pode mexer em um sem afetar os outros dois.

A identidade visual das três é a mesma: fundo cream, verde profundo e dourado como destaque, título serifado (Cormorant Garamond) e texto em DM Sans. Qualquer ajuste que você fizer vale a pena manter essa consistência entre elas.

Os três projetos

O que é cada um e o que pode ser ajustado

Landing page — a mentoria

repo: carreira-inegociavel-1

Página principal de vendas da mentoria: apresenta o método (4 pilares), depoimentos, e um formulário de candidatura.

Pode ajustar

  • Cores e tipografia (variáveis no topo do public/index.html)
  • Foto da Carol (public/mentora.webp)
  • Textos de cada seção, direto no HTML
  • Página de privacidade (public/privacidade/index.html)

Não mexer

  • src/*.ts — lógica do servidor (leads, e-mail, Meta Ads)
  • wrangler.jsonc — configuração de publicação
Ver página Ver repositório

Quiz — Autoridade Invisível

repo: carreira-inegociavel-quiz

Diagnóstico de 7 perguntas: a pessoa responde, informa e-mail, e recebe um resultado personalizado (um de 4 perfis possíveis).

Pode ajustar

  • Tudo em um arquivo só: index.html (estilo, perguntas, resultados)
  • Imagem de compartilhamento — assets/og-image.png ainda é a arte genérica do template, precisa da arte real

Não mexer

  • functions/diagnostico.js — grava o resultado no banco de dados
Ver página Ver repositório

Link na bio

repo: carreira-inegociavel-link-bio

O link único pro perfil do Instagram: foto, frase de efeito, redes sociais e botões para a LP e o quiz.

Pode ajustar

  • Praticamente tudo fica em assets/js/config.js — nome, frase, cores, links e redes sociais
  • Foto (assets/img/)
  • Estilo mais a fundo: assets/css/style.css

Cores atuais

Ver página Ver repositório

Acesso ao código

Como entrar, baixar e editar

  1. Aceite o convite

    Você vai receber um e-mail do GitHub convidando pra acessar os 3 repositórios. Aceite o convite — se ainda não tiver conta no GitHub, o próprio e-mail te leva pra criar uma (gratuita).

  2. Instale o Git

    O VS Code já vem pronto pra usar Git, mas precisa do Git instalado no computador por trás dos panos. Se nunca instalou, baixe e siga o instalador com as opções padrão — não precisa mexer em nada.

  3. Clone os repositórios pelo VS Code

    Abra o VS Code → Ctrl+Shift+P (ou Cmd+Shift+P no Mac) → digite Git: Clone → cole a URL de um dos repositórios abaixo → escolha uma pasta no computador. Repita para os três.

    https://github.com/carol-domanoski/carreira-inegociavel.git
https://github.com/carol-domanoski/carreira-inegociavel-quiz.git
https://github.com/carol-domanoski/carreira-inegociavel-link-bio.git

    Na primeira vez, o VS Code pode pedir pra você fazer login no GitHub — é só autorizar pelo navegador que abrir.

  4. Edite

    Com a pasta aberta no VS Code, edite os arquivos normalmente. Pra conferir uma mudança rápido, clique com o botão direito no index.html → Reveal in File Explorer (ou Open in Explorer) e abra o arquivo direto no navegador — funciona pra ver o visual; formulários e o quiz só funcionam de verdade no site publicado.

  5. Envie de volta (commit + push)

    No VS Code, abra a aba Source Control na barra lateral esquerda (o ícone de ramificação, ou Ctrl+Shift+G). Você vai ver a lista de arquivos alterados:

    1. Clique no + ao lado de cada arquivo (ou no + da lista toda) pra adicionar as mudanças
    2. Escreva uma frase curta descrevendo o que mudou, na caixinha de texto no topo
    3. Clique em Commit (✓)
    4. Clique em Sync Changes (ou Push) pra enviar pro GitHub

    As mudanças não vão pro ar sozinhas — depois do push, é só me avisar que eu publico (é um comando de 1 minuto do meu lado).