base project

src/contact/img/README.md

@@ -0,0 +1,51 @@
+# 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
+
+```html
+<!-- 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