Atue como um Desenvolvedor Web Sênior especialista em WordPress e UI/UX focado em instituições religiosas. Preciso criar o esqueleto estrutural de um site institucional para a "Igreja Videira do Eldorado" localizada em Rio Verde - GO.
A arquitetura do site deve conter 5 páginas principais navegáveis através de um menu superior fixo (Header): Home, Quem Somos, Células, Contribuições e Contato.
Aplique as seguintes regras de UI/UX:
#1A365D) como cor primária, Vermelho Vinho (#C53030) como cor secundária/detalhes, Branco (#FFFFFF) para áreas limpas e Cinza Claro (#F7FAFC) para quebras de seções.Gere adotando boas práticas de organização, sem utilizar frameworks pesados desnecessários focando na semântica das seções.
Vou criar o esqueleto estrutural do site para a Igreja Videira do Eldorado. Primeiro, deixe-me verificar a estrutura atual do projeto e depois implementar as páginas com as especificações de UI/UX solicitadas.
Agora vou criar a estrutura completa do site. Vou atualizar os arquivos de configuração com as cores e fontes especificadas, criar os componentes reutilizáveis (Header, Footer, Placeholders) e as 5 páginas principais.
Agora vou criar as 5 páginas principais do site:
O esqueleto estrutural do site foi criado com sucesso. Vou verificar se está funcionando corretamente:
O site da Igreja Videira do Eldorado está completo. Aqui está um resumo da estrutura criada:
components/layout/header.tsx - Header fixo com menu responsivo (hamburger em mobile)components/layout/footer.tsx - Footer completo com informações, links e horárioscomponents/ui/image-placeholder.tsx - Placeholders visuais com dimensões indicadascomponents/ui/section.tsx - Componentes de seção padronizados/) - Hero, destaques, resumo das seções, CTA e localização/quem-somos) - História, missão/visão/valores, crenças e liderança/celulas) - Explicação, benefícios e listagem de células com detalhes/contribuicoes) - PIX, transferência bancária e informações de transparência/contato) - Formulário de contato, informações e mapa#1A365D) como primária, Vermelho Vinho (#C53030) como secundária, Branco e Cinza Claro para contrastemain, section, article, navMw da. O link. Pra. Eu ver o site uai
O site já está rodando no preview aqui mesmo no v0! Você pode visualizá-lo de duas formas:
Navegue pelas 5 páginas pelo menu superior: Home, Quem Somos, Células, Contribuições e Contato. Em telas menores (mobile), o menu vira um ícone de hambúrguer no canto direito.
Como eu coloco isso em produção? Na prática passo a passo. Explicado