Client » PQS_Japan

The Product Cards section on the homepage does not match the Figma design.
In Figma, this section includes multiple labeled tabs such as Recommended, Trucks, Buses, etc.
However, in the current implementation, these labeled tabs/sections are missing, resulting in an incomplete and incorrect layout.

This impacts user navigation and reduces the discoverability of product categories.

Screens: Desktop (≥768px), Tablet (425px–768px), Mobile (≤375px)
Tested By: Tasfia Zaima

Steps to Reproduce¶

1. Open the PQS Japan staging website.
2. Navigate to the Home Page.
3. Scroll to the Product Cards section.
4. Compare the visible content with the Figma design for this section.
5. Observe the absence of labeled tabs such as Recommended, Trucks, Buses, etc.

Expected Result¶

The homepage product section should display all the labeled tabs/sections shown in Figma, including options like:

• Recommended
• Trucks
• Buses
• (And any other tabs defined in the design)

The layout should match the Figma design in structure and navigation.

Actual Result¶

The labeled tabs/sections are missing, and the homepage product card area does not reflect the intended design.

Attachments¶

• Screenshot

Module / Section¶

Home Page → Product Cards Section

Root Cause:¶

Impacted Area:¶