Client » PQS_Japan

1. Design Reusable Navbar Section Component¶

• Create a fully reusable and configurable navbar component.
• Should support desktop and mobile responsive behavior.

2. API Integrations¶

2.1 Stock Data¶

• Integrate API for:

  • Total cars in stock
  • Cars added today

• Display these values dynamically in the navbar section where required.

3. Currency & Localization Setup¶

• Implement currency switching (e.g., USD, BDT, etc.).
• Integrate localization (i18n) support within the navbar.
• Ensure correct state handling and translation loading.

4. Text Animation¶

• Add smooth text animation (e.g., sliding, fade, or typewriter) for promotional or announcement text.
• Must be lightweight and reusable.

5. Sign In Modal¶

• Create a modal for:

  • “Create account for free”
  • “Register” flow entry point

• Ensure accessibility, focus trap, and responsive design.

6. Navbar Items¶

• Add dynamic navbar menu items based on config or props.
• Responsive collapse menu for mobile/tablet.

7. Search Functionality¶

• Implement search with keyword-based query params.
• Trigger API or client-side search based on keyword input.
• Add debouncing for better performance.