feat: APP-324 Tebu Banner

[flagrede]

Description

Add the Tebu Banner component and use it on the projects page.

Sanity PR: regen-network/regen-sanity#67

---

Author Checklist

All items are required. Please add a note to the item if the item is not applicable and
please add links to any relevant follow up issues.

I have...

• provided a link to the relevant issue or specification
• provided instructions on how to test
• reviewed "Files changed" and left comments if necessary
• confirmed all CI checks have passed

How to test

Reviewers Checklist

All items are required. Please add a note if the item is not applicable and please add
your handle next to the items reviewed if you only reviewed selected items.

I have...

• confirmed all author checklist items have been addressed
• reviewed code correctness and readability
• verified React components follow DRY principles
• reviewed documentation is accurate
• reviewed tests
• manually tested (if applicable)

[netlify]

✅ Deploy Preview for regen-website ready!

Name	Link
🔨 Latest commit	b480b0f
🔍 Latest deploy log	https://app.netlify.com/sites/regen-website/deploys/66fbac23a6144c00089a45d1
😎 Deploy Preview	https://deploy-preview-2485--regen-website.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[flagrede]

@erikalogie You can have a look at the Tebu Banner here: https://deploy-preview-2485--regen-marketplace.netlify.app/projects/1
Should we save the closed state in local storage so we can hide the banner on further visits, or should we reopen it every time?

[flagrede]

I have moved this variable to Netlify so we can override it in Netlify for a specific branch.

[erikalogie]

@erikalogie You can have a look at the Tebu Banner here: https://deploy-preview-2485--regen-marketplace.netlify.app/projects/1 Should we save the closed state in local storage so we can hide the banner on further visits, or should we reopen it every time?

Let's save the closed state in local storage.

This looks great! Just two small design things: the card background should be white and the paragraph text should be 14px on mobile.

[erikalogie]

Also let's reduce the space above and below the component on mobile:

See this comp for more clarity on that: https://www.figma.com/design/brkxGV5qNOkZUp0YQl1cxO/Terrasos-Phase-1?node-id=708-86974&t=BLbnCULySCl3T9L2-1

[flagrede]

@erikalogie I have handled your feedback.

[erikalogie]

@erikalogie I have handled your feedback.

LGTM!

[wgardiner]

Looks good!