Problem:
Currently, many components in the PC Builder, specifically mice, keyboards, headsets, sound cards, and network cards, are using generic placeholder images (e.g., /products/mouse-wireless.png) or low-quality external thumbnails that don't match the specific product models or not even having any image loading at all.
Objective:
Source and update the imageUrl for all peripherals and internal components in lib/data.ts to ensure users see the exact product they are adding to their build.
List of Categories to Update:
- Mice
- Keyboards
- Headsets
- Sound Cards
- Network Cards
- UPS Units / Controllers
Technical Instructions:
- Locate the component data in
lib/data.ts.
- Find high-quality, transparent (PNG) or clean background images for the specific model names listed.
- Update the imageUrl field with the new link (or add the image to /public/products/ and reference it locally).
Example Screenshots:
Problem:
Currently, many components in the PC Builder, specifically mice, keyboards, headsets, sound cards, and network cards, are using generic placeholder images (e.g., /products/mouse-wireless.png) or low-quality external thumbnails that don't match the specific product models or not even having any image loading at all.
Objective:
Source and update the imageUrl for all peripherals and internal components in
lib/data.tsto ensure users see the exact product they are adding to their build.List of Categories to Update:
Technical Instructions:
lib/data.ts.Example Screenshots: