<p>{renderHtml(variables.desc1)}</p>
<p>{renderHtml(variables.desc2)}</p>
<UnorderedList
noImg
list={[
{ content: variables.reward1 },
{ content: variables.reward2 },
{ content: variables.reward3 },
{ content: variables.reward4 },
{ content: variables.reward5 },
{ content: variables.reward6 },
{ content: variables.reward7 },
{ content: variables.reward8 },
{ content: variables.reward9 },
{ content: variables.reward10 },
{ content: variables.reward11 },
]}
/>
<p>{renderHtml(variables.desc3)}</p>
<UnorderedList
noImg
list={[
{ content: variables.discount1 },
{ content: variables.discount2 },
{ content: variables.discount3 },
]}
/>
<p>{renderHtml(variables.desc4)}</p>
<p style={{ paddingBottom: 'var(--grid-gap-static-xl)' }}>
{renderHtml(variables.desc5)}
</p>
