UspSlider

Demos

Default

Fullscreen
import { Image, UspSlider, UspSliderItem } from 'marketing-ui'

function Demo() {
  return (
    <UspSlider
      tagline='The right care, made easy.'
      copy='Whether you’re new to car care or already experienced, we help you find the right solution for your problem.'
    >
      {[
        'Your car is more than just a way to get around.',
        '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.',
        '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.',
      ].map((copy) => {
        return (
          <UspSliderItem
            backgroundImage={
              <Image
                data-image-size='usp-slider-item-image'
                src='https://res.cloudinary.com/sonax-gmbh/image/fetch/v1758195920/https://images.ctfassets.net/myziqoe43fa7/5kAMct2dRyzFqRcNY3xHeg/f1b3fea53c5477f3ea4e30b61f80a318/SONAX_SmokeEx_2.jpg'
              />
            }
            copy={copy}
          />
        )
      })}
    </UspSlider>
  )
}

export default Demo

Props