Quote

Demos

Default

Fullscreen
import { Image, Quote } from 'marketing-ui'

function Demo() {
  return (
    <Quote
      author='Jonas Schönfelder - Produktmanager bei SONAX'
      avatar={
        <Image
          data-image-size='quote-avatar'
          src='https://images.pexels.com/photos/614810/pexels-photo-614810.jpeg'
        />
      }
    >
      What if there were a fragrance so powerful it could transform your partner
      into an adventure you never saw coming?
    </Quote>
  )
}

export default Demo

Action

Fullscreen
import { Image, Quote, CtaButton } from 'marketing-ui'

function Demo() {
  return (
    <Quote
      author='Jonas Schönfelder - Produktmanager bei SONAX'
      avatar={
        <Image
          data-image-size='quote-avatar'
          src='https://images.pexels.com/photos/614810/pexels-photo-614810.jpeg'
        />
      }
        action={
          <>
            <h2>Headline</h2>
            <CtaButton
              variant='white'
            >CtaButton</CtaButton>
          </>
        }
    >
      What if there were a fragrance so powerful it could transform your partner
      into an adventure you never saw coming?
    </Quote>
  )
}

export default Demo

Props