<div class="relative z-10 flex flex-col justify-center items-center h-full text-center">
            <h1 class="text-5xl font-bold leading-tight mb-4">Heavy Equipment Rentals for Your Caribbean Projects</h1>
            <h3 class="text-lg text-wrap truncate text-gray-300 mb-8">From construction to mining, we provide reliable
                equipment and expert operators to get the job done</h3>
            <div class="mt-8 flex items-center justify-center gap-x-6">
                <a class="inline-flex items-center justify-center gap-2 rounded-sm bg-yellow-600 px-4 py-3 text-sm font-semibold text-white shadow-sm transition-all duration-300 hover:bg-yellow-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-yellow-600"
                    href="#">
                    REQUEST A FREE QUOTE
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
                        <path fill-rule="evenodd"
                            d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
                            clip-rule="evenodd"></path>
                    </svg>
                </a>
            </div>
        </div>