<section id="clients" class="py-8">
    <div class="relative container p-2 py-8 lg:p-16 w-full lg:w-4/5
        rounded
        mx-auto
        flex
        flex-col
        flex-nowrap
        justify-content
        items-center bg-indigo-50">
        <span class="w-5 h-5 bg-green-500 rounded-full absolute -top-1
            left-32 lg:left-72"></span>
        <span class="w-5 h-5 bg-red-500 rounded-full absolute
            bottom-10 right-4 lg:right-72"></span>
        <span class="w-5 h-5 bg-yellow-500 rounded-full absolute
            -bottom-1 left-16 lg:left-48"></span>
        <h2 class="leading-tight lg:leading-none w-full text-gray-700
            text-4xl
            lg:text-5xl
            font-bold
            lg:w-4/5
            text-center">Free HTML
            Components for
            all
            business
            solutions</h2>
        <p class="text-center text-normal my-4 lg:w-3/5
            text-gray-600">
            Lorem ipsum dolor sit amet consectetur adipisicing elit.
            Commodi, harum nihil. Enim distinctio eligendi expedita
            commodi aspernatur accusantium cumque soluta tempore.
        </p>
        <a href="#" class="relative z-20 shadow-lg block bg-indigo-600
            text-white font-semibold
            rounded p-4">Download
            for
            free -
            forever</a>
        <p class="text-xs text-gray-600 mt-2">Responsive on all screens</p>
    </div>
</section>
                

                    const CTA = () => {
    return (
        <section id="clients" className="py-8">
            <div
                className="relative container p-2 py-8 lg:p-16 w-full lg:w-4/5
  rounded
  mx-auto
  flex
  flex-col
  flex-nowrap
  justify-content
  items-center bg-indigo-50"
            >
                <span
                    className="w-5 h-5 bg-green-500 rounded-full absolute -top-1
      left-32 lg:left-72"
                />
                <span
                    className="w-5 h-5 bg-red-500 rounded-full absolute
      bottom-10 right-4 lg:right-72"
                />
                <span
                    className="w-5 h-5 bg-yellow-500 rounded-full absolute
      -bottom-1 left-16 lg:left-48"
                />
                <h2
                    className="leading-tight lg:leading-none w-full text-gray-700
      text-4xl
      lg:text-5xl
      font-bold
      lg:w-4/5
      text-center"
                >
                    Free HTML Components for all business solutions
                </h2>
                <p
                    className="text-center text-normal my-4 lg:w-3/5
      text-gray-600"
                >
                    Lorem ipsum dolor sit amet consectetur adipisicing elit.
                    Commodi, harum nihil. Enim distinctio eligendi expedita
                    commodi aspernatur accusantium cumque soluta tempore.
                </p>
                <a
                    href="#"
                    className="relative z-20 shadow-lg block bg-indigo-600
      text-white font-semibold
      rounded p-4"
                >
                    Download for free - forever
                </a>
                <p className="text-xs text-gray-600 mt-2">
                    Responsive on all screens
                </p>
            </div>
        </section>
    );
}

export default CTA;