@php
        // dd($general);
    @endphp


    
    <!-- Top Header -->
    <header class="hidden lg:block">
        <section
            class="2xl:container 2xl:mx-auto flex items-center justify-between px-20 text-[16px] md:px-[20px] lg:px-[105px]">
            <!-- Left Section -->
            <section class="flex flex-wrap items-center justify-center gap-x-20 gap-y-4 sm:justify-between">
    
                <a href="#" class="flex items-center gap-1 group/contact">
                    <span class="text-[30px] px-2"><i class="fa-solid fa-envelope-open-text"></i></span>
                    <span class="font-semibold group-hover/contact:text-red-500 transition-colors duration-300">Email:</span>
                    <span>{{$general->email}}</span>
                </a>

                <a href="#" class="flex items-center gap-1 group/contact">
                    <span class="text-[30px] px-2"><i class="fa-solid fa-phone-volume"></i></span>
                    <span class="font-semibold group-hover/contact:text-red-500 transition-colors duration-300">Phone Number: </span>
                    <span>{{$general->contact}}</span>
                </a>

            </section>
            <!-- Right Section -->
            <section class="hidden items-center justify-end gap-4 md:flex">
                {{-- <div class="space-x-2">
                    @php
                        $data = json_decode($general->social);
                    @endphp
                    @foreach ($data as $value)
                        <a href="{{ $value['1'] }}">  {!! $value['0'] !!} </a>
                    @endforeach
                   
                    <a href="/admin/login"><i class="fa-solid fa-user"></i></a>
                </div> --}}
                {{-- <span>|</span> --}}
                <a href="contact"
                    class="px-6 py-3 bg-gradient-to-r from-gray-50 to-gray-200 font-[600] space-x-2"><span
                        class="text-[16px] "><span>Request Services</span></a>
            </section>
        </section>
    </header>