# 🚀 GUÍA RÁPIDA - INICIO INMEDIATO

## ⚡ 3 Pasos para comenzar:

### **PASO 1: Copiar las imágenes** (2 minutos)
```
Copiar desde:
c:\xampp\htdocs\fourdplan.com\wp-content\uploads\2020\05\logo.png
→ A:
c:\xampp\htdocs\fourdplan.com\new\frontend\assets\images\logo.png

Copiar desde:
c:\xampp\htdocs\fourdplan.com\wp-content\uploads\2020\09\logo.png
→ A:
c:\xampp\htdocs\fourdplan.com\new\frontend\assets\images\logo-mobile.png
```

Para el logo blanco del footer, puedes usar el mismo logo.png temporalmente:
```
Copiar: logo.png → logo-white.png
```

Para la imagen hero, puedes usar cualquier imagen de construcción o temporalmente dejarlo con el placeholder.

### **PASO 2: Abrir en navegador**
```
http://localhost/fourdplan.com/new/
```

### **PASO 3: Probar responsive** 
Presiona **F12** → Click en el icono de móvil → Cambia el tamaño de pantalla para ver el navbar responsive.

---

## ✅ Checklist de verificación:

- [ ] El sitio carga en `http://localhost/fourdplan.com/new/`
- [ ] Se ven los logos en el header
- [ ] El menú funciona (click en los enlaces)
- [ ] En móvil (≤1024px) aparece el menú hamburguesa
- [ ] El menú hamburguesa se abre/cierra al hacer click
- [ ] El footer se ve correctamente
- [ ] Todas las páginas funcionan:
  - [ ] Inicio
  - [ ] Servicios
  - [ ] Proyectos
  - [ ] Demo
  - [ ] Nosotros
  - [ ] Contacto

---

## 🎨 Personalización rápida:

### **Cambiar colores:**
Editar `backend/config.php` línea 17:
```php
define('COLORS', array(
    'primary' => '#TU_COLOR_AQUI',
    // ...
));
```

### **Cambiar menú:**
Editar `backend/config.php` línea 31:
```php
define('MAIN_MENU', array(
    array('title' => 'Inicio', 'url' => '?page=home', 'active' => 'home'),
    // Agregar, quitar o modificar elementos
));
```

### **Cambiar info de contacto:**
Editar `backend/config.php` línea 46:
```php
define('COMPANY', array(
    'phone' => '+56 2 TU_TELEFONO',
    'email' => 'tu@email.com',
    // ...
));
```

---

## 🐛 Problemas comunes:

### **"Error 500" o página en blanco**
1. Verificar que mod_rewrite esté habilitado en Apache
2. Revisar archivo `.htaccess` (debe existir en `/new/`)
3. Verificar permisos de archivos

### **Estilos no cargan (página sin diseño)**
1. Abrir `backend/config.php`
2. Verificar línea 8:
   ```php
   define('SITE_URL', 'http://localhost/fourdplan.com/new');
   ```
   Debe coincidir con la URL real

### **Imágenes no se ven**
Verificar que las imágenes estén en:
```
new/frontend/assets/images/
```

---

## 📂 Archivos importantes:

| Archivo | Para qué sirve |
|---------|----------------|
| `backend/config.php` | Configuración general (colores, menús, contacto) |
| `pages/home.php` | Contenido de la página de inicio |
| `components/header.php` | Navbar responsive |
| `components/footer.php` | Footer con redes sociales |
| `frontend/assets/css/styles.css` | Estilos Tailwind + personalizados |

---

## 🌐 Subir a DreamHost:

1. **Subir vía FTP** toda la carpeta `new/` a:
   ```
   /home/tu_usuario/fourdplan.com/new/
   ```

2. **Actualizar** `backend/config.php` línea 8:
   ```php
   define('SITE_URL', 'https://fourdplan.com/new');
   ```

3. **Probar** en: `https://fourdplan.com/new/`

4. **Cuando funcione**, mover contenido de `/new/` a la raíz para reemplazar WordPress.

---

## 📞 ¿Necesitas ayuda?

Revisa el archivo `README.md` para documentación completa.

---

**¡Listo! Tu sitio ya está funcionando.** 🎉