/modules/image-text

El componente BkImageText mostrará una sección con contenido a 2 columnas, Imagen + Texto. Estas 2 columnas las podremos alternar en su posición en el layout

El contenido tiene props por defecto, pero hemos dejado expuesto el children, en caso que se quiera añadir contenido extra.

Entrenamientos virtuales creados por profesionales

Nuestro equipo de profesionales ha creado más de XXX entrenamientos virtuales adaptados a ti y tus características. Disfruta desde casa de una rutina de entrenamiento diferente cada día. Marca el ritmo, ponte a sudar y consigue tus objetivos... ¡sin ir al gimnasio!

01

Entrenamientos virtuales creados por profesionales

Nuestro equipo de profesionales ha creado más de XXX entrenamientos virtuales adaptados a ti y tus características. Disfruta desde casa de una rutina de entrenamiento diferente cada día. Marca el ritmo, ponte a sudar y consigue tus objetivos... ¡sin ir al gimnasio!

<BkImageText
    imageUrl='/static/img/cards/card_video_tutorial-default.jpg'
    title='Entrenamientos virtuales creados por profesionales'
    description='Nuestro equipo de profesionales ha creado más de XXX entrenamientos virtuales adaptados a ti y tus características. Disfruta desde casa de una rutina de entrenamiento diferente cada día. Marca el ritmo, ponte a sudar y consigue tus objetivos... ¡sin ir al gimnasio!'
/>
<BkImageText
    imageUrl='/static/img/cards/card_video_tutorial-default.jpg'
    title='Entrenamientos virtuales creados por profesionales'
    description='Nuestro equipo de profesionales ha creado más de XXX entrenamientos virtuales adaptados a ti y tus características. Disfruta desde casa de una rutina de entrenamiento diferente cada día. Marca el ritmo, ponte a sudar y consigue tus objetivos... ¡sin ir al gimnasio!'
    subtitle='01'
/>

A través de la prop layout podemos cambiar la posición de las columnas

Entrenamientos virtuales creados por profesionales

Nuestro equipo de profesionales ha creado más de XXX entrenamientos virtuales adaptados a ti y tus características. Disfruta desde casa de una rutina de entrenamiento diferente cada día. Marca el ritmo, ponte a sudar y consigue tus objetivos... ¡sin ir al gimnasio!

<BkImageText
    imageUrl='/static/img/cards/card_video_tutorial-default.jpg'
    layout='imageFirst'
    title='Entrenamientos virtuales creados por profesionales'
    description='Nuestro equipo de profesionales ha creado más de XXX entrenamientos virtuales adaptados a ti y tus características. Disfruta desde casa de una rutina de entrenamiento diferente cada día. Marca el ritmo, ponte a sudar y consigue tus objetivos... ¡sin ir al gimnasio!'
>
    <BkButton color='accent' variant='contained'>
        Mas información
    </BkButton>
</BkImageText>

NombreTypeDefaultReuqeridoDescripción
childrennode

Contenido del componente.
descriptionstring

Texto del contenido de la descripción.
imageUrlstring

/static/img/cards/card_video_tutorial-default.jpg

Imagen del contenido.
layout"imageFirst" | "textFirst"

textFirst

Orden de layout.
titlestring

Texto del título.
subtitlestring

Texto del subtítulo.