Modern Price comparison HTML Pages

I have an early mock-up built with Lovable (see it here: https://preview--cozy-code.lovable.app/) and now I’m ready for production-quality markup. The goal is to recreate the core experience of buyhatke.com using bootstrap while keeping the look modern and minimalistic—clean lines, plenty of white space, and subtle accents only where they add clarity.

To keep us both aligned, here’s what I expect you to hand back:

• Responsive Homepage – hero area, concise search and deal highlights arranged to echo buyhatke’s clear flow.
• Product Listing – grid or list that adapts elegantly from mobile to desktop, with filters and pagination placeholders.
• Product Detail – image gallery, price block, offers section, and an area reserved for reviews.

Each page should:

• Use semantic HTML5, bootstrap css, and vanilla JS only where essential.
• Pass Lighthouse basics: mobile friendly, accessible colours, and quick first paint.
• Be easy for me to drop into PHP stack later (so keep structure and naming sensible).

Animations are optional; feel free to add gentle hover states or smooth scrolling if they fit the minimal theme without extra libraries.

Send back the organised project folder, cleanly commented code, and a brief README explaining any decisions or dependencies. I’ll review on both Chrome and Safari before sign-off.