<section class="lg:pb-40 lg:pt-56 py-32 relative" id="home">
        <div class="overflow-hidden">
            <img class="absolute inset-0 h-full w-full object-cover"
                src="https://res.cloudinary.com/daiyj7fxl/image/upload/v1685001401/components/airfocus-lTWC_5OjyYc-unsplash_1_cxaswx_e25jxz.webp"
                alt="build your website">
            <div class="absolute inset-0 bg-gradient-to-r from-[#1e2026] to-[#000000] opacity-90"></div>
        </div>
        <div class="container mx-auto px-6">
            <div class="flex justify-center">
                <div class="lg:w-2/3 text-center relative">
                    <div class="space-y-6 mb-10">
                        <!-- Home Page Title -->
                        <h2 class="text-white text-4xl md:text-5xl lg:text-6xl leading-tight capitalize font-bold">

                            Simplify Your Business Operation
                        </h2>
                        <p class="text-gray-300 text-base md:text-lg">
                            Streamline your workflows with our powerful software solutions.
                        </p>

                        <!-- Video Modal Outline Button -->
                        <button type="button"
                            class="inline-block px-6 py-2.5 rounded text-base font-medium cursor-pointer select-none outline-none transition-all duration-500 focus:outline-none focus:ring-0 focus:ring-offset-0 hover:-translate-y-1.5 bg-[#f0b90b] text-[#1e2026] border-[#f0b90b] hover:bg-[#f0b90b]">
                            Watch Now <span class="mdi mdi-play-circle text-xl align-middle ml-2"></span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <div class="absolute bottom-0 left-0 right-0">
            <img src="https://res.cloudinary.com/daiyj7fxl/image/upload/v1677745724/components/bg-pattern-light_sadr33.png"
                alt="bg-pattern">
        </div>
    </section>