Lançamento em 30 Minutos
Siga as 5 etapas a seguir para reconfigurar o template, atualizar o design visual e publicar a página de destino do seu novo cliente.
Editar Configurações Básicas
Abra o arquivo `src/content/site.ts` e atualize as informações da organização, e-mails de contato, link do WhatsApp corporativo, chaves de webhooks e IDs opcionais de monitoramento.
export const site: SiteConfig = {
org: {
name: "Nome do Cliente",
url: "https://www.site-cliente.com.br",
logo: "https://www.site-cliente.com.br/logo.svg"
}
};Substituir Arquivo do Logo
Salve o arquivo de logotipo oficial do seu cliente em formato SVG na pasta `public/logo.svg`. Certifique-se de que ele esteja devidamente limpo e otimizado para que carregue instantaneamente.
Dica: O favicon.ico e apple-touch-icon.png também podem ser substituídos na pasta public/.
Ajustar Variáveis de Cores
Altere as cores principais nas declarações de tema. O Tailwind v4 utiliza variáveis CSS no arquivo de estilos principal `src/styles/global.css`. Altere o `@theme` principal do projeto para as cores do manual de marca do seu cliente.
@theme {
--color-primary: #4f46e5;
--color-cyber: #06b6d4;
--font-sans: 'Inter Variable', sans-serif;
}Atualizar Textos e Portfólio
Substitua os textos promocionais, depoimentos e itens de serviços na pasta `src/content/`. Você pode editar os arquivos JSON existentes e escrever artigos de blog específicos na pasta `src/content/blog/`.
Construir e Implantar (Build e Deploy)
Execute a compilação local ou configure sua plataforma de hospedagem preferida (Nginx, Vercel ou Cloudflare Pages). Todos os arquivos de configuração necessários já vêm integrados ao template.
# Instalar dependências e realizar build pnpm install pnpm build