# Signage Services Page Images

This directory contains all images for the signage services page (`/signage-services`).

## Image Files

### Hero Section
- **hero-signage.svg** - Main hero image showcasing illuminated signage, 3D letters, and channel letters featuring brand-inspired designs (Apple, BMW, Coca-Cola style)

### Manufacturing Capabilities
- **factory-capability-1.svg** - Factory-scale production visualization showing CNC cutting process with Apple-style signage being manufactured
- **factory-capability-2.svg** - Design to installation process showing 3D rendering and design tools with BMW-style 3D letters

### Featured Projects
- **project-1-illuminated.svg** - Shopping center fascia sign (Illuminated LED sign) - Apple Store style
- **project-2-3d-letters.svg** - Corporate headquarters signage (3D metal letters) - BMW style
- **project-3-architectural.svg** - Hotel wayfinding system (Architectural signage) - Coca-Cola style channel letters

## Image Specifications

- **Format**: SVG (Scalable Vector Graphics)
- **Background**: Transparent
- **Style**: Brand-inspired designs (not actual logos to avoid copyright issues)
- **Colors**: 
  - Primary: Steel Gray (#818589)
  - Accent: Yellow (#FCDA03)
  - Background: Dark (#1a1a1a, #2a2c2e, #4A4D4F)
- **Dimensions**: 
  - Hero: 800x600px
  - Capabilities: 600x400px
  - Projects: 800x600px

## Design Notes

- All images use transparent backgrounds for flexible integration
- Brand names are stylized text representations (APPLE, BMW, COLA) rather than actual logos
- Images demonstrate different signage types:
  1. **Illuminated Signs**: LED backlit panels with glowing effects
  2. **3D Letters**: Dimensional metal letters with depth and shadows
  3. **Channel Letters**: Individual letter forms with internal lighting
  4. **Architectural Signage**: Wayfinding and directional systems

## Usage in Blade Template

Images are referenced using Laravel's `asset()` helper:
```blade
<img src="{{ asset('assets/templates/fanavar/img/demos/marketing-1/signage/hero-signage.svg') }}" 
     alt="..." 
     class="img-fluid">
```

## Future Enhancements

If actual photography becomes available, these SVG files can be replaced with:
- High-resolution WebP images (recommended for performance)
- PNG images with transparent backgrounds
- Optimized JPG images for photographic content

All images should maintain the same naming convention for seamless replacement.
