# 📸 INSTRUCCIONES PARA IMÁGENES - MOTORIDER CUSTOM THEME

## 🎨 Colores Corporativos
- Negro: #000000
- Blanco: #FFFFFF
- Morado: #A27BB3

---

## 📁 ESTRUCTURA DE CARPETAS Y ARCHIVOS DE IMÁGENES

### 1. LOGO (Ya existe)
**Ubicación actual:** `c:\xampp\htdocs\MOTORIDER\IMG\logo.png`
**Acción:** Mover a `wp-content\themes\motorider-custom\assets\images\logo.png`

---

## 🏠 IMÁGENES PARA LA PÁGINA DE INICIO

### 2. HERO SLIDER (3 imágenes)

#### Imagen: hero-1.jpg
- **Ubicación:** `wp-content\themes\motorider-custom\assets\images\hero-1.jpg`
- **Dimensiones:** 1920 x 600 px
- **Prompt para IA:**
  ```
  Professional motorcycle repair shop, modern workshop with chrome motorcycles, 
  purple and black color scheme, mechanic working on sport bike, well-lit 
  professional environment, high quality photography, cinematic lighting, 
  wide angle shot, 4k quality
  ```

#### Imagen: hero-2.jpg
- **Ubicación:** `wp-content\themes\motorider-custom\assets\images\hero-2.jpg`
- **Dimensiones:** 1920 x 600 px
- **Prompt para IA:**
  ```
  Collection of motorcycle spare parts and accessories arranged professionally, 
  chrome details, oil bottles, brake pads, LED lights, purple accent lighting, 
  black background, product photography style, high quality, sharp focus, 
  professional studio lighting
  ```

#### Imagen: hero-3.jpg
- **Ubicación:** `wp-content\themes\motorider-custom\assets\images\hero-3.jpg`
- **Dimensiones:** 1920 x 600 px
- **Prompt para IA:**
  ```
  Multiple brand motorcycle logos displayed on wall (Honda, Yamaha, Suzuki, KTM), 
  modern motorcycle dealership, purple ambient lighting, black walls, 
  professional photography, clean and organized, premium feel, 4k quality
  ```

---

### 3. LOGOS DE MARCAS (8 imágenes)

**Ubicación base:** `wp-content\themes\motorider-custom\assets\images\brands\`

**NOTA:** Estas imágenes deben ser logos REALES descargados de fuentes oficiales o libres de derechos.

#### Descargar/Crear logos:
- **honda.png** (200 x 100 px) - Logo oficial Honda Motorcycles
- **yamaha.png** (200 x 100 px) - Logo oficial Yamaha
- **bajaj.png** (200 x 100 px) - Logo oficial Bajaj
- **suzuki.png** (200 x 100 px) - Logo oficial Suzuki
- **aohue.png** (200 x 100 px) - Logo Aohue
- **ktm.png** (200 x 100 px) - Logo oficial KTM
- **motorrad.png** (200 x 100 px) - Logo Motorrad
- **alternativas.png** (200 x 100 px) - Crear logo genérico que diga "Alternativas"

---

### 4. CATEGORÍAS DESTACADAS (3 imágenes)

#### Imagen: category-repuestos.jpg
- **Ubicación:** `wp-content\themes\motorider-custom\assets\images\category-repuestos.jpg`
- **Dimensiones:** 600 x 400 px
- **Prompt para IA:**
  ```
  Motorcycle spare parts collection, engine parts, brake discs, chains, 
  sprockets, filters arranged professionally, purple and black color theme, 
  studio photography, high quality, sharp details, commercial product photography
  ```

#### Imagen: category-accesorios.jpg
- **Ubicación:** `wp-content\themes\motorider-custom\assets\images\category-accesorios.jpg`
- **Dimensiones:** 600 x 400 px
- **Prompt para IA:**
  ```
  Motorcycle LED lights and accessories, phone mounts, mirrors, handlebar grips, 
  purple accent lighting, black background, modern accessories display, 
  professional product photography, high quality, vibrant colors
  ```

#### Imagen: category-aceites.jpg
- **Ubicación:** `wp-content\themes\motorider-custom\assets\images\category-aceites.jpg`
- **Dimensiones:** 600 x 400 px
- **Prompt para IA:**
  ```
  Premium motorcycle oil bottles and maintenance products, oil filters, 
  cleaning products, arranged professionally, purple and black theme, 
  studio lighting, commercial photography, high quality, clean background
  ```

---

### 5. PRODUCTO PLACEHOLDER

#### Imagen: placeholder-product.jpg
- **Ubicación:** `wp-content\themes\motorider-custom\assets\images\placeholder-product.jpg`
- **Dimensiones:** 500 x 500 px
- **Prompt para IA:**
  ```
  Generic motorcycle product placeholder, abstract motorcycle part silhouette, 
  purple gradient background, minimalist design, professional, clean, 
  suitable as product placeholder image
  ```

---

## 👥 IMÁGENES PARA PÁGINA "NOSOTROS"

### 6. SOBRE NOSOTROS

#### Imagen: about-taller.jpg
- **Ubicación:** `wp-content\themes\motorider-custom\assets\images\about-taller.jpg`
- **Dimensiones:** 800 x 600 px
- **Prompt para IA:**
  ```
  Professional motorcycle workshop interior, mechanics working on bikes, 
  modern tools and equipment, organized workspace, purple brand colors visible, 
  natural lighting, professional photography, high quality, welcoming atmosphere
  ```

#### Imagen: about-team.jpg
- **Ubicación:** `wp-content\themes\motorider-custom\assets\images\about-team.jpg`
- **Dimensiones:** 800 x 600 px
- **Prompt para IA:**
  ```
  Professional motorcycle mechanics team portrait, 3-4 people in uniform, 
  standing in front of motorcycle shop, friendly and professional, 
  tools in background, natural lighting, high quality photography, 
  trustworthy and confident poses
  ```

---

### 7. VALORES DE LA EMPRESA (3 imágenes)

#### Imagen: value-quality.jpg
- **Ubicación:** `wp-content\themes\motorider-custom\assets\images\value-quality.jpg`
- **Dimensiones:** 600 x 400 px
- **Prompt para IA:**
  ```
  Quality control in motorcycle parts, precision tools measuring parts, 
  professional inspection, magnifying glass over premium parts, 
  purple accent lighting, high quality, detailed, trust and quality concept
  ```

#### Imagen: value-transparency.jpg
- **Ubicación:** `wp-content\themes\motorider-custom\assets\images\value-transparency.jpg`
- **Dimensiones:** 600 x 400 px
- **Prompt para IA:**
  ```
  Transparent glass surface with motorcycle parts, clear visibility concept, 
  professional documentation, checklist, honest service representation, 
  purple and black colors, modern and clean, trust concept photography
  ```

#### Imagen: value-commitment.jpg
- **Ubicación:** `wp-content\themes\motorider-custom\assets\images\value-commitment.jpg`
- **Dimensiones:** 600 x 400 px
- **Prompt para IA:**
  ```
  Handshake between mechanic and customer, motorcycle in background, 
  professional service commitment, purple ambient lighting, professional 
  photography, trust and partnership concept, high quality
  ```

---

## 📦 RESUMEN DE ARCHIVOS NECESARIOS

### Copiar/Mover:
1. `IMG\logo.png` → `wp-content\themes\motorider-custom\assets\images\logo.png`

### Crear con IA (17 imágenes):
1. hero-1.jpg (1920x600)
2. hero-2.jpg (1920x600)
3. hero-3.jpg (1920x600)
4. category-repuestos.jpg (600x400)
5. category-accesorios.jpg (600x400)
6. category-aceites.jpg (600x400)
7. placeholder-product.jpg (500x500)
8. about-taller.jpg (800x600)
9. about-team.jpg (800x600)
10. value-quality.jpg (600x400)
11. value-transparency.jpg (600x400)
12. value-commitment.jpg (600x400)

### Descargar/Buscar (8 logos):
13. brands/honda.png (200x100)
14. brands/yamaha.png (200x100)
15. brands/bajaj.png (200x100)
16. brands/suzuki.png (200x100)
17. brands/aohue.png (200x100)
18. brands/ktm.png (200x100)
19. brands/motorrad.png (200x100)
20. brands/alternativas.png (200x100)

---

## 🎯 HERRAMIENTAS RECOMENDADAS PARA GENERAR IMÁGENES

1. **Midjourney** - Calidad profesional
2. **DALL-E 3** - Buena interpretación de prompts
3. **Leonardo.ai** - Excelente para productos
4. **Stable Diffusion** - Gratuito y versátil
5. **Adobe Firefly** - Integrado con Creative Cloud

---

## ✅ CHECKLIST DE INSTALACIÓN

- [ ] Mover logo.png a assets/images/
- [ ] Generar 3 imágenes de hero slider
- [ ] Descargar 8 logos de marcas
- [ ] Generar 3 imágenes de categorías
- [ ] Generar 1 placeholder de producto
- [ ] Generar 2 imágenes de "Nosotros"
- [ ] Generar 3 imágenes de valores
- [ ] Verificar que todas las imágenes tengan las dimensiones correctas
- [ ] Optimizar imágenes para web (comprimir sin perder calidad)

---

## 📝 NOTAS ADICIONALES

### Optimización de Imágenes:
- Usar formato WebP cuando sea posible para mejor rendimiento
- Comprimir imágenes JPG al 80-85% de calidad
- Los PNG solo para logos con transparencia
- Usar lazy loading (ya implementado en el tema)

### Alternativas si no tienes herramientas de IA:
1. **Unsplash.com** - Fotos gratuitas de alta calidad
2. **Pexels.com** - Videos y fotos gratuitas
3. **Pixabay.com** - Contenido libre de derechos
4. Búsquedas: "motorcycle workshop", "motorcycle parts", "motorcycle accessories"

### Para los logos de marcas:
- Buscar en Google Images con filtro "Creative Commons"
- Visitar sitios web oficiales de las marcas
- Usar "brand guidelines" o "press kit" de cada marca

---

## 🚀 PRÓXIMOS PASOS DESPUÉS DE AGREGAR IMÁGENES

1. Subir todas las imágenes a las carpetas indicadas
2. Verificar que todas las rutas en el código sean correctas
3. Instalar WordPress en `c:\xampp\htdocs\MOTORIDER`
4. Instalar WooCommerce
5. Activar el tema personalizado
6. Configurar las opciones del tema desde el Customizer
7. Crear páginas (Inicio, Tienda, Nosotros, Contacto, Categorías)
8. Asignar plantillas a las páginas correspondientes
9. Crear productos de prueba con sus categorías
10. Configurar menús de navegación
11. Ajustar información de contacto y redes sociales

---

**Fecha de creación:** Noviembre 2025
**Tema:** Motorider Custom Theme v1.0
**Desarrollado por:** QuieroVentas.cl
