Corretor_Imoveis/Template-02

Helena Fontes - Template Premium para Corretores de Alto Padrão

Este é um template React VIP, projetado para corretores de imóveis, butiques imobiliárias e assessorias que focam no mercado de alto padrão e luxo.

🚀 Como Iniciar

1. Instale as dependências:

   npm install
   

2. Rode o servidor de desenvolvimento:

   npm run dev
   

   Acesse em http://localhost:5173/ (ou a porta informada pelo Vite).

3. Crie a build para produção:

   npm run build
   

🎨 Customização

1. Identidade Visual (Cores e Fontes)

Para alterar a paleta de cores (ex: o tom dourado ou o tom escuro), edite o arquivo src/index.css. As fontes são o Montserrat (sem serifa) e Cormorant Garamond (serifada) aplicadas via Tailwind. Se desejar alterar as fontes globais, modifique os imports no início do src/index.css e as definições variáveis.

2. Edição de Dados (Portfólio e Blog)

O template é preenchido através do arquivo src/data/articles.ts. Para adicionar ou remover propriedades e artigos de mercado, basta alterar este arquivo. As imagens devem preferencialmente seguir o aspect ratio das fotos atuais (ou utilizar o Unsplash para placeholder).

3. Integração de Analytics (Tráfego Pago)

Configure suas tags no arquivo .env baseado no .env.example:

• VITE_GTM_ID: Google Tag Manager
• VITE_GA_MEASUREMENT_ID: Google Analytics (G-XXXXXX)
• VITE_FB_PIXEL_ID: Pixel do Facebook/Meta
• VITE_GOOGLE_ADS_ID: Tag de Conversão Google Ads (AW-XXXXXX)

4. Formulário de Contato

A página de contato (src/pages/ContatoPage.tsx) possui um design funcional. Para receber os leads diretamente e de forma gratuita em templates estáticos (sem backend), recomendamos trocar o evento onSubmit padrão e integrar plataformas simples como o Formspree ou Netlify Forms.

5. Links e Redes Sociais

Lembre-se de atualizar os href dos ícones no arquivo src/App.tsx (Footer) com os links reais de seu Instagram e LinkedIn.

🌐 Deploy

Sendo um aplicativo Vite React App Single Page Application (SPA), o projeto é totalmente otimizado para deploy em plataformas de hospedagem estática gratuitas ou profissionais como Vercel, Netlify, ou Cloudflare Pages.

Desenvolvido com sofisticação em React, Vite, Framer Motion e Tailwind CSS.