krishnamanoharchougule/Amazon-products-page ? reverse-engineered prompt

Reverse engineered prompt

Build me a simple Amazon style product page where the main product photo changes when I hover over different color swatches. I want it to feel like a real shopping page, with a product image area, color options, product details, and a clean layout that looks polished on desktop and still works nicely on smaller screens.

When someone moves their mouse over a swatch, the main image should instantly update to that color version of the product, so the user can compare options without clicking around. Use the images in the assets folder if they’re there, and if anything is missing, make reasonable placeholders so the page still works. Keep the code clean and easy to understand, and make sure the hover behavior is smooth and reliable.

If you need to check current docs or best practices for a small interactive page, feel free to look them up online and then build the finished page.

Are you gonna build this?

make sure you review the code using coderabbit

Try freeSponsored — opens CodeRabbit in a new tab