Simple WhatsApp Product Grid Site

I’m building a no-frills storefront where everything lives on one page. Around forty products will appear in a modern, clean grid so visitors see the full catalogue at a glance. Every item card needs four essentials: a main photo, a short description, the price, and a clear “Order via WhatsApp” button that fires up a pre-filled chat with the correct product name.

Design & layout
• Overall look: modern and clean—plenty of white space, readable sans-serif typography, subtle hover effects.
• Structure: grid layout (desktop and mobile breakpoints) with logical spacing so the page never feels cluttered.
• Colours: I do have a few preferences,

Functionality
• One-page build—no extra category or checkout pages.
• WhatsApp buttons should automatically include the product name in the message template.
• Fully responsive and fast-loading (Core Web Vitals friendly).
• Simple way for me to edit or add products later (a neat data file, CMS repeater field, or similar).

Key deliverables
1. Production-ready homepage with 40 to 50 product cards as described
2. Source files (HTML/CSS/JS or lightweight CMS theme)
3. Quick readme explaining how to update products and colours
4. Basic deployment assistance to my hosting if needed

If you have a lightweight framework or plugin in mind that speeds things up without bloat, let me know—otherwise a clean vanilla build works fine. Looking forward to seeing how you can make a straightforward catalogue feel sharp and effortless to browse.

Refer to attached PDF for products list