base project

src/features/img/README.md

@@ -0,0 +1,51 @@
+# Features Page Images
+
+This directory contains images specifically used in the features page sections.
+
+## Directory Structure
+
+```
+features/
+├── img/
+│   ├── icons/        # Feature icons and symbols
+│   ├── screenshots/  # Product/feature screenshots
+│   └── diagrams/     # Workflow and process diagrams
+```
+
+## Usage
+
+When adding images to this directory:
+1. Use descriptive filenames (e.g., `feature-analytics.svg`, `dashboard-demo.webp`)
+2. Maintain consistent icon styles
+3. Keep screenshots up-to-date with the latest UI
+
+## Example
+
+```html
+<!-- In features page -->
+<img src="features/img/icons/analytics-icon.svg" alt="Analytics Feature">
+```
+
+## Recommended Image Formats
+
+- Use SVG for icons and diagrams
+- Use WebP or PNG for screenshots
+- Use optimized formats for interactive demonstrations
+- Consider providing dark/light mode variants
+
+## Image Guidelines
+
+1. Feature Icons:
+   - Consistent style and color scheme
+   - Clear, recognizable designs
+   - Scalable vector formats when possible
+
+2. Screenshots:
+   - Current product interface
+   - High-resolution captures
+   - Properly cropped and aligned
+
+3. Diagrams:
+   - Clear workflow representations
+   - Consistent styling
+   - Easy to understand at a glance