Chama Gêmea - Landing Page

Uma landing page otimizada para conversão que ajuda pessoas a descobrirem sua alma gêmea através de desenhos personalizados.

🚀 Tecnologias Utilizadas

• React 18 - Framework JavaScript
• TypeScript - Tipagem estática
• Vite - Build tool rápido
• Tailwind CSS - Framework CSS utilitário
• Shadcn UI - Componentes React
• Lucide React - Ícones

📱 Funcionalidades

• ✅ Design Responsivo - Funciona perfeitamente em mobile e desktop
• ✅ Otimizado para Conversão - Elementos de urgência e prova social
• ✅ Animações Suaves - Experiência visual atrativa
• ✅ Depoimentos Reais - Com imagens do WhatsApp
• ✅ CTAs Estratégicos - Botões posicionados para máxima conversão
• ✅ SEO Otimizado - Meta tags e estrutura semântica

🛠️ Como Executar Localmente

Pré-requisitos

• Node.js 18+
• pnpm (recomendado) ou npm

Instalação

# Clone o repositório
git clone https://github.com/cadusantosofc/chamagemea.git

# Entre no diretório
cd chamagemea

# Instale as dependências
pnpm install

# Execute o servidor de desenvolvimento
pnpm dev

Acesse http://localhost:8080 para ver a aplicação.

📦 Build para Produção

# Gerar build otimizado
pnpm run build

# Preview do build
pnpm run preview

🌐 Deploy

Netlify (Recomendado)

1. Conecte o repositório GitHub ao Netlify
2. Configure:
   • Build command: pnpm run build
   • Publish directory: dist
3. Deploy automático a cada push

Vercel

1. Importe o repositório no Vercel
2. Deploy automático com configuração padrão

GitHub Pages

1. Ative GitHub Pages no repositório
2. Configure GitHub Actions para build automático

📁 Estrutura do Projeto

src/
├── components/          # Componentes React
│   ├── EnhancedHeroSection.tsx
│   ├── StoryPhotoSequence.tsx
│   ├── PremiumColorSection.tsx
│   ├── TestimonialsSection.tsx
│   └── UrgentFinalCta.tsx
├── pages/              # Páginas da aplicação
│   └── Index.tsx
├── assets/             # Imagens e recursos
└── index.css          # Estilos globais

🎯 Otimizações de Conversão

• Urgência: Contador regressivo e ofertas limitadas
• Prova Social: Depoimentos com imagens reais
• Gatilhos Mentais: Exclusividade e garantias
• Design: Cores quentes e CTAs chamativos
• Mobile-First: Experiência otimizada para mobile

📞 Links Importantes

• Hotmart: https://pay.hotmart.com/Y101923685K?off=66n5555y&bid=1760300493739
• Chat: https://chat.almagemea.work/up-02-7ekrlzf

📄 Licença

Este projeto é privado e proprietário.

---

Desenvolvido com ❤️ para maximizar conversões e ajudar pessoas a encontrarem sua alma gêmea.