<div class="bg-gray-50">
    <div
        class="container mx-auto text-center py-12 px-4 sm:px-6 lg:py-16 lg:px-8"
    >
        <h2
            class="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl"
        >
            <span class="block">Ready to talk?</span>
        </h2>
        <p class="py-4 text-gray-500 text-lg tracking-wide w-full md:w-3/5 mx-auto text-center">
            Our team is here to answer your questions about drycomponents.
        </p>
        <div class="inline-flex rounded-md shadow">
            <a
                href="javascript:void(0);"
                class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700"
            >
                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-4" viewBox="0 0 20 20" fill="currentColor">
                    <path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z" />
                </svg>
                Contact Sales
            </a>
        </div>
        <a href="javascript:void(0);" class="block my-4 w-full md:w-2/5 text-center mx-auto text-indigo-600">Or, get started now with a free trial</a>
    </div>
</div>

                

                    const CTA = () => {
    return (
        <div className="bg-gray-50">
            <div className="container mx-auto text-center py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
                <h2 className="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl">
                    <span className="block">Ready to talk?</span>
                </h2>
                <p className="py-4 text-gray-500 text-lg tracking-wide w-full md:w-3/5 mx-auto text-center">
                    Our team is here to answer your questions about
                    drycomponents.
                </p>
                <div className="inline-flex rounded-md shadow">
                    <a
                        href="javascript:void(0);"
                        className="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700"
                    >
                        <svg
                            xmlns="http://www.w3.org/2000/svg"
                            className="h-5 w-5 mr-4"
                            viewBox="0 0 20 20"
                            fill="currentColor"
                        >
                            <path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z" />
                        </svg>
                        Contact Sales
                    </a>
                </div>
                <a
                    href="javascript:void(0);"
                    className="block my-4 w-full md:w-2/5 text-center mx-auto text-indigo-600"
                >
                    Or, get started now with a free trial
                </a>
            </div>
        </div>
    );
}

export default CTA;