This a template that should be used to document each feature. It’s meant to be easy, not prescriptive - change it at will!

Definition

Status
RBIberia Owner	Paula
RBI Owner	Carlos

Open questions

We need to constantly make this section become empty.

Requirements

Current component:

Web

Iberia Collaboration > [Archived] Feature - Customize Hero Component > image-20230414-103357.png

Mobile

Iberia Collaboration > [Archived] Feature - Customize Hero Component > image-20230414-103705.png

Have a configuration on Sanity to hide the secondary button “See Menu“
When the secondary button is hidden, the primary button(“Order now“) will have the width expanded.
The card be adjustable based on the image size, current the card has a fixed size.
The background be customized by sanity with the option example below:
1. Background using color or transparent
2. If chosen colored
  1. solid color or 2 color
  2. Choose colors based on the defined color

Problem statement

Acceptance criteria

Success metrics

Solution

Story 1: Secondary button as optional
Story 2: Expand with on primary button
Story 3: Image container variable considering image sizing
Story 4: Background color optional

Background color optional

Scenarios

Note: these are high level scenarios that must pass testing before we can release the feature. They should also be used to drive design. Note that we do not specify user interface details in these steps - that is deliberate, so that we focus on the process and not on the UI, since the UI can change throughout design and development.

Scenario 1: xxx

Steps	Expected results
Do this	Expect that

Design

Figma design here: [insert link]

Table of contents