---
const { bgColor, titleColor, textColor, title, text, id } = Astro.props;
---
<div id={id} class={`bg-[${bgColor}] py-20`}>
    <div class="container mx-auto w-3/4">
        <h4 class={`uppercase text-lg ${titleColor} font-primary md:text-xl text-center mb-4 font-bold`}>{title}</h4>
        <p class={`text-lg md:text-3xl font-secondary ${textColor} text-center`}>{text}</p>
    </div>
</div>