Initial

images/README.md

@@ -0,0 +1,37 @@
+# Image Placeholder Information
+
+This directory would contain actual product images in a real pottery website. 
+
+For this demo, the website uses Font Awesome icons with category-based colors to represent products.
+
+## Expected Image Files (as referenced in the CSV):
+
+1. **blue_mug.jpg** - Classic blue ceramic mug
+2. **brown_bowl.jpg** - Rustic brown ceramic bowl  
+3. **white_vase.jpg** - Elegant white porcelain vase
+4. **terracotta_pot.jpg** - Traditional terracotta plant pot
+5. **green_tea_set.jpg** - Green glazed ceramic tea set
+6. **cream_plate.jpg** - Artisan cream speckled dinner plate
+7. **cobalt_pitcher.jpg** - Cobalt blue ceramic water pitcher
+8. **sage_planter.jpg** - Sage green ceramic planter with saucer
+9. **black_vase.jpg** - Midnight black matte ceramic vase
+10. **yellow_mug.jpg** - Sunshine yellow ceramic mug
+11. **wave_bowl.jpg** - Ocean wave pattern ceramic bowl
+12. **copper_mug.jpg** - Copper glazed ceramic mug
+13. **herb_planter_set.jpg** - Set of 3 terracotta herb planters
+14. **purple_serving_dish.jpg** - Royal purple ceramic serving dish
+15. **clay_pitcher.jpg** - Natural unglazed clay pitcher
+
+## Image Requirements:
+- Format: JPG, PNG, or WebP
+- Recommended size: 600x600px minimum
+- Aspect ratio: 1:1 (square) for consistent display
+- High quality product photography with good lighting
+- Clean background (white or neutral)
+- Multiple angles can be added for product detail views
+
+## To Add Real Images:
+1. Place actual product photos in this directory
+2. Ensure filenames match those listed in the CSV
+3. Update the JavaScript to handle real image loading and error states
+4. Consider adding image optimization for web performance