Promo sections

Preview

Long-term thinking, big rewards

Our limited collection drops monthly with unique designs that age beautifully.

Shop the collection

React preview

LiveView (HEEx)

alias DesignSystem.UI.{Buttons, PromoSections}

<PromoSections.promo_section
  headline="Shop the new collection"
  image_src={@promo.image_url}
  description={@promo.description}
>
  <:actions>
    <Buttons.button phx-click="shop">Shop now</Buttons.button>
  </:actions>
</PromoSections.promo_section>

React (JSX)

import { PromoSection } from "../ui/index.mjs"

<PromoSection
  headline="Shop the new collection"
  imageSrc={promo.imageUrl}
  actions={<Button>Shop now</Button>}
/>