Questions:

•  N/D

Technical Refinement

Description

Today in Sanity’s Hero Component there’s a Reversed option that can be toggled on that enables a background color and changes the texts and buttons to a light color.

...

• TASK 10—Send the theme to hero component

  • path: intl-whitelabel-app/workspaces/frontend/src/components/features/components/hero/hero-container.tsx

  • Use the feature flag here.

  • Update the ctg-component-library version

  • Use the method created to generate the theme by Brand and add on hero component

    Code Block
    language typescript
    <Hero ... backgroundHero={backgroundHero} isSplit={true} backgroundSplit={backgroundSplit} />

Screenshots

• N/D

POC

• N/D

Impact Analysis

• Hero component

Dependencies

• N/D

Unit Test

• N/D

Useful Links

• Full-Color Background:

  • Burger King: https://www.figma.com/file/RtD0UFtwuwXx14lbLCAPlr/Burger-King?node-id=2818%3A74806&t=6vGuil8CU4c3vOzP-1 - Connect your Figma account

  • Popeyes: https://www.figma.com/file/sfH3mHXoEUfHbm5qMul0Vn/Popeyes?node-id=1782%3A68295&t=zNRPSr8NnlQB10C0-1 - Connect your Figma account

  • Firehouse Subs: https://www.figma.com/file/99e6no9JN7fxiFdjWHRXC7/Firehouse-Subs?node-id=208%3A105586&t=DNksX5RjI3ZEfBeU-1 - Connect your Figma account

• Split Background:

  • Burger King: https://www.figma.com/file/RtD0UFtwuwXx14lbLCAPlr/Burger-King?node-id=2818%3A74807&t=ylezOnsQVDmMGLZo-1 - Connect your Figma account

  • Popeyes: https://www.figma.com/file/sfH3mHXoEUfHbm5qMul0Vn/Popeyes?node-id=1782%3A68616&t=zNRPSr8NnlQB10C0-1 - Connect your Figma account

  • Firehouse Subs: https://www.figma.com/file/99e6no9JN7fxiFdjWHRXC7/Firehouse-Subs?node-id=208%3A105587&t=DNksX5RjI3ZEfBeU-1 - Connect your Figma account