# +Vida — Sistema de Cartão de Membresía

## Descripción
Plataforma web completa para gestionar un programa de tarjetas de membresía de clínica médica privada. Permite a pacientes adquirir una tarjeta con descuentos en consultas, exámenes y tratamientos, y a la clínica gestionar pedidos, afiliados y comisiones desde un panel de administración.

## URL
https://mais-vida.com

## Cliente
Clínica Mais Vida — Centro de Diagnóstico e Especialidades  
Bairro Patriota, Luanda, Angola

## Año
2025

## Tipo de proyecto
Aplicación web full-stack — desarrollo completo (diseño + programación + despliegue)

## Funcionalidades principales
- Landing page con diseño premium y animaciones
- Flujo de compra de cartão con subida de comprobante bancario
- Panel de administración (gestión de pedidos, cartões, afiliados, comisiones)
- Sistema de afiliados con links de referido y comisiones automáticas
- Panel de recepción para verificar validez de cartões en clínica
- Autenticación de usuarios con roles (admin, afiliado, recepción)
- Emails automáticos de confirmación y credenciales
- Galería de instalaciones de la clínica
- Mapa de localización integrado

## Stack tecnológico
- **Frontend:** Next.js 14, TypeScript, Tailwind CSS, Framer Motion
- **Backend:** Next.js API Routes, Supabase (PostgreSQL)
- **Auth:** Supabase Auth
- **Storage:** Supabase Storage
- **Emails:** Resend
- **Hosting:** Vercel
- **Control de versiones:** GitHub

## Material visual (em `imagens/`)
- `logo.png` — Logo Mais Vida
- `cartao-frente.webp` / `cartao-verso.webp` — Mockups do cartão de membresía
- `clinica-1.webp` / `clinica-3.webp` — Fotos das instalações da clínica
- `mapa.webp` — Mapa de localização integrado no site

## Capturas a recolher
- Landing page hero
- Painel de admin (lista de pedidos)
- Fluxo de compra do cartão (passos)
- Painel de afiliado (links + comissões)
- Painel de recepção (validação de cartões)