/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

<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

<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>

Nombre	Type	Default	Descripción
children	node		Contenido del componente.
description	string		Texto del contenido de la descripción.
imageUrl	string	/static/img/cards/card_video_tutorial-default.jpg	Imagen del contenido.
layout	"imageFirst" \| "textFirst"	textFirst	Orden de layout.
title	string		Texto del título.
subtitle	string		Texto del subtítulo.