www_circl/src/contact/img/README.md

Contact Page Images

This directory contains images specifically used in the contact page sections.

Directory Structure

contact/
├── img/
│   ├── icons/        # Contact method icons (email, phone, etc.)
│   ├── location/     # Office location and map images
│   └── social/       # Social media icons and graphics

Usage

When adding images to this directory:

1. Use descriptive filenames (e.g., email-icon.svg, office-map.webp)
2. Maintain consistent icon styles across contact methods
3. Ensure social media icons match brand guidelines

Example

<!-- In contact page -->
<img src="contact/img/icons/email-icon.svg" alt="Email Us">

Recommended Image Formats

• Use SVG for icons and social media logos
• Use WebP or PNG for maps and location images
• Consider providing dark/light mode variants
• Optimize images for fast loading

Image Guidelines

1. Contact Icons:

   • Consistent style and size
   • Clear, recognizable designs
   • Both light and dark mode versions

2. Location Images:

   • Clear, up-to-date maps
   • Office exterior/interior photos
   • Landmark reference points

3. Social Media:

   • Official brand icons
   • Consistent sizing
   • High-quality formats