RIGOBELI REPAROS

Transforme o site existente nesta pasta em uma landing page cinematográfica, com qualidade visual de site premiado e efeito de “rolagem 3D”, para a Rigobeli Reparos, uma empresa real de marido de aluguel, reparos, instalações e manutenção residencial.

Antes de alterar os arquivos, analise todo o projeto e crie um backup. Preserve o conteúdo real das páginas de início, serviços, sobre e contato, incluindo história do [NOME], serviços, depoimentos, perguntas frequentes, SEO local e links do WhatsApp. Reúna tudo em uma única `index.html`, como uma landing page contínua. Substitua links para páginas separadas por âncoras internas e não invente informações.

VISUAIS: gere todos os conteúdos usando o Higgsfield MCP. Use o modelo de geração de imagens e vídeos mais cinematográfico disponível, dando preferência ao Cinema Studio 3.0 em 4K, com direção cinematográfica épica/noir adaptada a uma fotografia residencial realista, publicitária e acolhedora. Todos os clipes devem ter proporção 16:9, duração entre 5 e 10 segundos e nenhum áudio.

Primeiro gere UMA imagem principal cinematográfica de uma casa brasileira realista, com uma caixa de ferramentas profissional em grafite escuro sobre uma bancada. Depois anime essa imagem e use-a como referência visual em todos os clipes seguintes, para que a casa, a caixa de ferramentas, os materiais, a iluminação, as cores e toda a direção artística permaneçam consistentes durante a experiência.

As fotografias reais de [NOME] estão em `assets/referencias-nomepessoa/`. Envie-as ao Higgsfield pelo MCP e use-as como `identity reference` em toda cena em que [NOME] aparecer. Preserve rosto, idade aparente, cabelo, tom de pele, tipo físico e características reconhecíveis. Mantenha a mesma roupa profissional neutra.

Gere os clipes na ordem e use o último quadro de cada clipe como `start_image` do próximo sempre que possível, criando uma jornada contínua pela mesma casa:

1. HERO: macro cinematográfico detalhado da caixa de ferramentas em uma casa parcialmente escura. A câmera se move lentamente ao redor dela, revelando furadeira, nível, chaves, alicate e trena. Poeira sutil atravessa um feixe de luz quente, uma luminária pisca ao fundo, a caixa se abre naturalmente e a câmera avança em direção à cozinha. Não mostre [NOME] ainda.

2. HIDRÁULICA: na cozinha, uma torneira ou conexão apresenta um pequeno vazamento. Mostre água, metal, vedação e mãos profissionais executando um reparo realista. O vazamento para e a câmera segue para um corredor escuro.

3. ELÉTRICA: uma luminária apagada ou piscando recebe um reparo seguro e plausível. A luz quente volta a acender, transforma o ambiente e revela uma sala preparada para instalação.

4. INSTALAÇÃO E ACABAMENTO: mostre uma prateleira, suporte ou móvel sendo medido, nivelado e ajustado. Depois, uma parede com pequenas imperfeições recebe massa, nivelamento e pintura até ficar limpa e uniforme. Nada deve acontecer como mágica.

5. FINAL: usando as fotos como referência de identidade, revele [NOME] na mesma casa, agora pronta e iluminada. Ele verifica o serviço e fecha a mesma caixa de ferramentas da hero. Termine em um quadro estável, adequado para receber o CTA do WhatsApp em HTML.
Todos os clipes devem ser fotorrealistas, com fotografia publicitária cinematográfica, câmera lenta e estável, profundidade de campo, luz volumétrica sutil, sombras naturais e materiais detalhados. Mantenha a continuidade da casa, ferramentas, roupa e identidade. Evite mãos deformadas, dedos extras, ferramentas flutuando, reparos impossíveis, arquitetura instável, água irreal, logotipos, marcas d’água e textos dentro das imagens ou vídeos.

SITE: converta os clipes em uma sequência de quadros no canvas controlada pela rolagem. Rolar para baixo deve avançar a história e voltar deve retornar os quadros. Use GSAP com ScrollTrigger para fixar o canvas, controlar a sequência e revelar textos HTML nos momentos corretos. Use Lenis para smooth scroll, sincronizado com GSAP e ScrollTrigger.
Organize a landing page em uma experiência contínua: hero, reparos hidráulicos, reparos elétricos, instalações e móveis, pintura e acabamento, serviços, história do [NOME], funcionamento do atendimento, depoimentos, FAQ e CTA final para o WhatsApp. Use somente o conteúdo real extraído do projeto.

Não coloque nomes, logotipos ou textos nos vídeos. Todo título, serviço e CTA deve ser HTML real sobreposto às cenas. Use fundo grafite, texto branco quente, detalhes em âmbar ou amarelo de ferramenta, tipografia editorial forte e movimentos elegantes. Preserve o WhatsApp como principal conversão.

Otimize a sequência e crie uma versão responsiva, com fallback mais leve para celular e para `prefers-reduced-motion`. Execute o site em localhost e verifique em um navegador real se todas as animações de rolagem funcionam corretamente antes de dizer que está pronto. Teste o scroll para frente e para trás, transições, canvas, Lenis, ScrollTrigger, desktop, mobile, âncoras e links do WhatsApp. Corrija saltos, quadros vazios, textos sobrepostos e erros no console antes de concluir.

FOTOGRAFIA

Crie para mim um site cinematográfico premiado com efeito de “rolagem 3D” para [NOME]

Use como fonte de conteúdo o site existente: <https://www.site.com>

Analise o site e preserve as informações reais sobre a [NOME], seus serviços, história, depoimentos, prêmios, redes sociais e contato pelo WhatsApp. Crie uma nova landing page única e original, sem copiar o layout atual. Não utilize nem envie ao Higgsfield fotografias de clientes encontradas no site.

VISUAIS: gere todos os conteúdos pelo Higgsfield MCP. Para as imagens estáticas, use o melhor modelo fotorrealista disponível. Para o vídeo principal, use o modelo mais cinematográfico disponível, dando preferência ao Cinema Studio 3.0 em 4K. O vídeo deve ter proporção 16:9, duração entre 5 e 10 segundos e nenhum áudio.

As fotos de referência da [NOME]estão na pasta `nome-pessoa/`. Analise as imagens antes de gerar os conteúdos e use-as para preservar fielmente seu rosto, sorriso, cabelo atual, corpo e aparência. 

Use `nome-pessoa/5.jpg` como referência principal e as demais como apoio para identidade e poses. Não reproduza o cabelo comprido nem o vestido amarelo de `nome-pessoa/2.jpg`.

Gere primeiro UMA imagem hero de uma câmera fotográfica profissional premium e original, sem marca, logotipo, número de modelo ou texto, flutuando em um estúdio escuro sofisticado. A câmera deve ter corpo grafite, detalhes metálicos, lente grande com reflexos âmbar, iluminação dramática de contorno, partículas sutis e fundo preto profundo.

Depois anime essa mesma imagem para criar UM ÚNICO VÍDEO cinematográfico para todo o site. A câmera faz uma rotação lenta e perfeitamente suave e então entra em uma vista explodida completa, técnica e elegante, no estilo das apresentações de produtos da Apple. A lente, os elementos ópticos, anéis, lâminas do diafragma, sensor, obturador, placas internas, botões e partes do corpo se separam lentamente em camadas organizadas, alinhadas e suspensas, revelando a engenharia interna da câmera. Não deve parecer uma explosão destrutiva: nenhuma peça quebra, é arremessada ou desaparece. Depois, o diafragma se abre e a câmera virtual atravessa o interior da lente, terminando em um quadro escuro preparado para revelar a primeira fotografia. Preserve exatamente o mesmo design da câmera e de todas as peças durante toda a animação.

CRÍTICO: gere somente esse único vídeo. Não crie vídeos separados para seções, categorias do portfólio ou outros elementos do site. Depois da hero, construa toda a experiência usando imagens estáticas, HTML, CSS, canvas, GSAP, ScrollTrigger, Lenis, máscaras, parallax, zoom e transições.

Gere também entre 6 e 8 fotografias estáticas cinematográficas de casamentos e pré-casamentos para o portfólio conceitual. Mostre casais adultos inteiramente fictícios em cenas emocionais, naturais e elegantes: making of, cerimônia, troca de alianças, primeiro beijo, retrato ao pôr do sol, festa e ensaio em ambiente natural. Não reproduza rostos de clientes, não associe pessoas fictícias aos depoimentos reais e não apresente essas imagens como trabalhos reais da [NOME]. Inclua no site uma indicação discreta de que as imagens do projeto conceitual foram geradas por inteligência artificial.

Gere ainda UMA imagem de [NOME] trabalhando como fotógrafa, usando as imagens da pasta `nome-pessoa/` como referências de identidade. Mostre-a com aparência natural e profissional, segurando uma câmera sem marca e fotografando um casal fictício em luz suave de fim de tarde. Use essa imagem apenas na seção “Sobre” ou no encerramento.

SITE: transforme o vídeo da câmera em uma sequência de quadros renderizada em canvas e controlada pela rolagem. Conforme o visitante rola, a câmera deve girar, a lente deve se desmontar, o diafragma deve abrir e o visitante deve atravessar a lente. Se a rolagem voltar, a animação deve retornar. Use GSAP com ScrollTrigger para controlar e fixar o canvas, sincronizar os quadros e revelar os textos. Use Lenis para smooth scroll.

A câmera é uma metáfora para o olhar da fotógrafa, não um produto à venda. Não mostre especificações, preço, botão de compra ou linguagem de e-commerce. Depois de atravessar a lente, revele o portfólio com textos como “A câmera registra. O olhar transforma.” e organize a landing page em: hero cinematográfica, portfólio, histórias de amor, sobre [NOME], experiência de atendimento, depoimentos reais, prêmios e CTA final para solicitar orçamento pelo WhatsApp.
Use as fotografias estáticas com transições de diafragma, máscaras circulares, parallax, zoom suave e galeria elegante. Todo texto deve ser HTML real, nunca inserido nas imagens ou no vídeo. Adote fundo preto e grafite, branco quente, detalhes âmbar, tipografia editorial refinada e bastante espaço visual. A experiência deve ser sofisticada, emocional, responsiva e claramente voltada à contratação de uma fotógrafa.

Execute o site em localhost e verifique no navegador se a animação controlada pela rolagem, o canvas, GSAP, ScrollTrigger, Lenis, as galerias, o layout mobile e todos os links funcionam antes de dizer que está pronto.