ContentTile

import { Badge, ContentTile, Image } from 'marketing-ui'

function Demo() {
  return (
    <ContentTile
      tagline='Tagline'
      variant='horizontal'
      badge={<Badge variant='white' label='399,00€' />}
      backgroundImage={
        <Image
          data-image-size='content-tile-background-image-horizontal'
          src='https://res.cloudinary.com/sonax-gmbh/image/fetch/v1758195920/https://images.ctfassets.net/myziqoe43fa7/5kAMct2dRyzFqRcNY3xHeg/f1b3fea53c5477f3ea4e30b61f80a318/SONAX_SmokeEx_2.jpg'
        />
      }
      headline='How to Take Care of Your Interior.'
      copy='Your car is more than just a way to get around. It’s a trusted companion – standing by your side in the moments that matter. Keeping it clean isn’t about perfection. It’s about taking care of a good friend.'
      link='Read more'
    />
  )
}

export default Demo

import { Badge, ContentTile, Image } from 'marketing-ui'

function Demo() {
  return (
    <ContentTile
      tagline='Tagline'
      variant='vertical'
      badge={<Badge variant='white' label='399,00€' />}
      backgroundImage={
        <Image
          data-image-size='content-tile-background-image'
          src='https://res.cloudinary.com/sonax-gmbh/image/fetch/v1758195920/https://images.ctfassets.net/myziqoe43fa7/5kAMct2dRyzFqRcNY3xHeg/f1b3fea53c5477f3ea4e30b61f80a318/SONAX_SmokeEx_2.jpg'
        />
      }
      headline='How to Take Care of Your Interior.'
      copy='Your car is more than just a way to get around. It’s a trusted companion – standing by your side in the moments that matter. Keeping it clean isn’t about perfection. It’s about taking care of a good friend.'
      link='Read more'
    />
  )
}

export default Demo

import { Badge, ContentTile } from 'marketing-ui'

function Demo() {
  return (
    <ContentTile
      tagline='Tagline'
      variant='plain'
      badge={<Badge variant='white' label='399,00€' />}
      headline='How to Take Care of Your Interior.'
      copy='Your car is more than just a way to get around. It’s a trusted companion – standing by your side in the moments that matter. Keeping it clean isn’t about perfection. It’s about taking care of a good friend.'
      link='Read more'
    />
  )
}

export default Demo