Home page with product listing

[Filipejqueiroga]

The main page (index.html) is the Hermes storefront. It displays a grid of product cards for all available products, consuming the public GET /api/v1/products endpoint.

Expected layout

• Navbar with: "Hermes" logo, search bar, cart icon, "My Store" link, and login button
• Product card grid (3 columns on desktop, 1 on mobile)
• Each card: image, store name (small), product title, short description, price, "Add to cart" button
• Loading state while fetching products
• Empty state if no products are found

Acceptance criteria

• Product grid renders with real data from the API
• Search bar filters products by calling ?search= on the API
• "Add to cart" button calls POST /api/v1/cart/items
• Loading indicator is shown while the request is in progress
• Page works without login (products visible to any visitor)
• Layout is responsive (works on mobile)