<section id="about" class="py-24">
    <div class="container mx-auto space-y-10">
        <h2 class="animation-fade-in text-3xl lg:text-5xl font-bold mb-0 text-center text-blue-800 uppercase">
            About Us
        </h2>
        <div class="flex flex-col-reverse gap-y-6 lg:flex-row justify-center">
            <div class="w-full lg:w-3/5 text-neutral-900 space-y-10 2xl:px-0">
                <h3 class="animation-fade-in text-2xl font-semibold">Our Company</h3>
                <p class="animation-fade-in text-sm text-neutral-700 mb-0">
                    Lorem Ipsum is simply dummy text of the printing and typesetting
                    industry. Lorem Ipsum has been the industry's standard dummy text ever
                    since the 1500s, when an unknown printer took a galley of type and
                    scrambled it to make a type specimen book.PageMaker including versions
                    of Lorem Ipsum.
                </p>
                <p class="animation-fade-in text-sm text-neutral-700 mb-0">
                    Lorem Ipsum is simply dummy text of the printing and typesetting
                    industry. Lorem Ipsum has been the industry's standard dummy text ever
                    since the 1500s, when an unknown printer took a galley of type and
                    scrambled it to make a type specimen book. It has survived not only
                    five centuries, but also the leap into electronic typesetting,
                    remaining essentially unchanged like Aldus PageMaker including
                    versions of Lorem Ipsum.
                </p>
                <a type="button" href="#contact"
                    class="animation-fade-in px-4 py-2 border-2 border-blue-600 text-blue-600 hover:bg-blue-600 hover:text-neutral-50 font-semibold">Contact
                    Us</a>
            </div>
            <div class="animation-fade-in w-full lg:w-2/5 justify-center flex lg:justify-end">
                <img src="https://media.danielvu.com/payment/about-us.jpeg"
                    class="rounded-lg w-[250px] height-[250px] md:w-[333px] md:height-[333px]" height="auto"
                    alt="our-company" />
            </div>
        </div>
    </div>
</section>
