[TIME 254] - Interactive banner

[marcosewbank]

Documentação do Componente de Banner Interativo

Uma ferramenta versátil que permite criar banners envolventes e interativos em seu site. Com este componente, você pode adicionar alfinetes (pins) a uma imagem e associá-los as informações do produto, como nome e link. Os usuários podem interagir com os alfinetes (pins) para visualizar os detalhes do produto diretamente do banner e navegar diretamente para a pagina de produto.

Minha intenção era adicionar mais informaçōes do produto porém o tempo não colaborou 😢

Prints:

https://ibb.co/GQBC26Z

https://ibb.co/wZn73rR

Link admin: https://deco.cx/admin/239/pages/15651 Link preview: http://localhost:8000/live/previews/15651?_cache=1684612582377&pageId=15651&path=%2Finteractive-banner&forceFresh=&pathTemplate=%2Finteractive-banner

Qual a section que voce esta fazendo?

10 - Bloco livre

Checklist

• [x] Estou usando tokens do DaisyUI e Tailwind CSS
• [x] Fiz alterações somente no arquivo destinado a section do meu grupo
• [x] O componente esta editável no admin da Deco
• [x] Adicionei link de preview da section do admin da deco no PR
• [x] Minha section funciona com propriedades padrão
• [ ] Adicionei links das variacoes do figma que fiz no PR

[raissacmp]

pronto 💚

[marcosewbank]

@guitavano Muito obrigado pelo review, eu fiz alguns upgrades no UI para a segunda entrega do hackathon.

Segue um exemplo da nova implementação:

Tanto o card com as informaçōes e a imagem com os pins fazem parte do mesmo componente :D