Kinetic Component Library

CTA: Card 

<div class="bg-blue rounded flex flex-col overflow-hidden">
    <div class="flex-1 p-6 sm:p-10 space-y-6 text-center text-light">
        <h3 class="text-3xl font-bold">Time to talk</h3>
        <div class="text-lg">Facing mental health problems is hard enough. Don’t face them alone. Find out more about Time to Talk Day here.
        </div>
        <a href="#" class="link link-cta">Find out more</a>
    </div>
</div>
 
<div class="bg-{{color}} rounded flex flex-col overflow-hidden">
	<div class="flex-1 p-6 sm:p-10 space-y-6 text-center text-light">
		<h3 class="text-3xl font-bold">Time to talk</h3>
		<div class="text-lg">Facing mental health problems is hard enough. Don’t face them alone. Find out more about Time to Talk Day here.
			</div>
		<a href="#" class="link link-cta">Find out more</a>
	</div>
</div>
 
{
  "image": "https://picsum.photos/640/480?random=1",
  "left": true,
  "right": true,
  "color": "blue"
}

No notes defined.