<section class="relative bg-white overflow-hidden pt-28 pb-28 px-4">

    <div class="relative max-w-3xl mx-auto flex justify-center">

        <!-- Premium Card -->
        <div
            class="relative w-full max-w-xl bg-white  rounded-2xl shadow-[0_40px_120px_rgba(0,0,0,0.08)] px-12 py-16 text-center">

           <!-- Dual Color Border Accent -->
<div class="absolute top-0 left-1 right-1 h-[4px] bg-gradient-to-r from-black to-[#f38121] rounded-t-[30px]"></div>


            <!-- Status -->
            <div
                class="inline-flex items-center gap-2 px-6 py-2 border border-black text-xs tracking-widest uppercase text-black mb-10 bg-white">
                <span class="w-2 h-2 bg-[#f38121] rounded-full animate-pulse"></span>
                Successfully Submitted
            </div>

            <!-- Icon -->
            <div
                class="w-24 h-24 mx-auto mb-10 border border-black rounded-full text-black flex items-center justify-center text-5xl shadow-lg">
                ✓
            </div>


            <!-- Headline -->
            <h1 class="font-serif text-4xl sm:text-5xl text-black font-semibold tracking-tight mb-6">
                Thank You
            </h1>

            <!-- Message -->
            <p class="text-gray-700 text-base sm:text-lg leading-relaxed max-w-md mx-auto mb-12">
                Your request has been received and is now being processed.
                Our team at <span class="font-medium text-black">Eggfirst</span> will connect with you shortly.
            </p>

            <!-- CTA BUTTON (Square & Custom Hover) -->
            <a href="<?php echo e(url('/')); ?>"
                class="inline-flex items-center justify-center px-10 py-4 bg-[#f38121] text-white text-sm font-semibold tracking-widest uppercase border  transition-all duration-300
                      hover:bg-white hover:text-black">
                Return Home
            </a>
            <!--<div class="mt-16 text-xs text-black tracking-[0.4em]">-->
            <!--    E G G F I R S T-->
            <!--</div>-->
            <!--<div class="mt-2 text-[11px] text-gray-500 tracking-widest uppercase">-->
            <!--    Crafted for the Digital Future-->
            <!--</div>-->

        </div>
    </div>
</section>
<?php /**PATH /home/eggfirst/public_html/video.eggfirst.com/resources/views/livewire/common/thank-you.blade.php ENDPATH**/ ?>