Repos that we’ll change

Whitelabel: https://github.com/rbilabs/intl-whitelabel-app

Figma: https://www.figma.com/file/sfH3mHXoEUfHbm5qMul0Vn/branch/VNb1dzeeYVV0IphMPJo0lt/Popeyes?type=design&node-id=3189-125398&t=b8GDYgoS6YtWAr0K-0  

...

Task summary

Whitelabel:

• Task 1: Create a new component to show the add-on free modal

• Task 2: Add carousel logic in modal content

...

Tasks breakdown

Task 1: Create a new component to show the add-on free modal

Create a new sub-component that will be used on the add-on free promotion info

...

• Respect all points from the Rules section

• Create the new component folder and necessary files

• Implement unit tests

• The colors for the background, buttons, and texts should follow the brand theme

• Validate the layout on: Web and native devices

Task 2: Add carousel logic in modal content

...

The modal content should be “paginated”. Well, need to use the nuka-carousel that already exists on the application. We made this in the past for the carousel Instagram feature (src/components/social-carousel/social-carousel.tsx).

...