Default section header

                                        <section class="py-24">
        <div class="w-full max-w-7xl mx-auto px-6 md:px-8">
            <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-6 lg:gap-0">
                <div class="block">
                    <h2 class="font-manrope font-bold text-2xl leading-9 text-gray-900 mb-3">Visitors Reports</h2>
                    <p class="font-normal text-sm leading-6 text-gray-500">We're delighted to share our recent Visitors Report, a reflection of the vibrant community that has graced our online space. </p>
                </div>
                <div class="grid grid-cols-2 min-[450px]:flex items-center gap-4">
                    <button class="rounded-full border border-solid border-gray-300 bg-gray-50 py-2.5 px-5 font-semibold text-sm text-gray-900 shadow-sm shadow-gray-100 transition-all duration-500 hover:shadow-gray-50 hover:border-gray-400 hover:bg-gray-100">Report</button>
                    <button class="rounded-full border border-solid border-gray-300 bg-gray-50 py-2.5 px-5 font-semibold text-sm text-gray-900 shadow-sm shadow-gray-100 transition-all duration-500 hover:shadow-gray-50 hover:border-gray-400 hover:bg-gray-100">Calculator</button>
                    <button class="rounded-full border border-solid border-indigo-600 bg-indigo-600 py-2.5 px-5 font-semibold text-sm text-white shadow-sm shadow-gray-100 transition-all duration-500 hover:shadow-gray-300 hover:border-indigo-700 hover:bg-indigo-700">Connect</button>
                    <button class="rounded-full border border-solid border-gray-300 bg-white font-semibold text-sm leading-6 text-white w-max shadow-sm shadow-gray-100 transition-all duration-500 hover:shadow-gray-50 hover:border-gray-400 hover:bg-gray-100">
                        <svg width="44" height="44" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <g filter="url(#filter0_d_1115_54108)">
                            <circle cx="24" cy="23" r="21.5" stroke="#EEF2FF"/>
                            <path d="M24.0161 27.9896V28.0396M24.0161 22.976V23.026M24.0161 17.9623V18.0123" stroke="#111827" stroke-width="2.5" stroke-linecap="round"/>
                            </g>
                            <defs>
                            <filter id="filter0_d_1115_54108" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
                            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                            <feOffset dy="1"/>
                            <feGaussianBlur stdDeviation="1"/>
                            <feComposite in2="hardAlpha" operator="out"/>
                            <feColorMatrix type="matrix" values="0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"/>
                            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1115_54108"/>
                            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1115_54108" result="shape"/>
                            </filter>
                            </defs>
                            </svg>
                            
                    </button>
                </div>
            </div>
        </div>
    </section>