@section('metas') 

    <title>Blog | MorePaws | Building A Community With More Friends, Walks & Perks</title>
    <meta name="description" content="Blog desc here">
    <meta name="keywords" content="Blog MorePaws">

@endsection

<x-app-layout>
    <div class="overflow-hidden w-full relative">
        
        <section class="w-full block pb-8 pt-4 md:pt-8">
            <div class="w-full max-w-[1580px] px-[20px] md:px-[25px] mx-auto relative h-full">
                <div class="block w-full mb-4">
                    <div class="flex flex-row flex-wrap -mx-3 md:-mx-6 items-center">
                        <div class="px-3 md:px-6 py-2 relative">
                            <a href="#" class="text-gray-400 transition-all text-sm md:text-base hover:text-maingreen [&.active]:text-maingreen [&.active]:font-medium">Home</a>
                        </div>
                        <div class="px-3 md:px-6 py-2 relative">
                            <svg class="w-[6px] md:w-[8px] h-auto absolute left-0 top-1/2 -translate-y-1/2" width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M7.53876 6.28955L1.87876 0.639548C1.7858 0.54582 1.6752 0.471426 1.55334 0.420657C1.43148 0.369888 1.30077 0.34375 1.16876 0.34375C1.03675 0.34375 0.906044 0.369888 0.784184 0.420657C0.662325 0.471426 0.551724 0.54582 0.458761 0.639548C0.27251 0.826911 0.167969 1.08036 0.167969 1.34455C0.167969 1.60873 0.27251 1.86219 0.458761 2.04955L5.40876 7.04955L0.458761 11.9995C0.27251 12.1869 0.167969 12.4404 0.167969 12.7045C0.167969 12.9687 0.27251 13.2222 0.458761 13.4095C0.551376 13.504 0.661821 13.5792 0.783696 13.6307C0.905571 13.6822 1.03645 13.709 1.16876 13.7095C1.30107 13.709 1.43195 13.6822 1.55383 13.6307C1.6757 13.5792 1.78615 13.504 1.87876 13.4095L7.53876 7.75955C7.64027 7.66591 7.72127 7.55225 7.77668 7.42576C7.83209 7.29926 7.86069 7.16265 7.86069 7.02455C7.86069 6.88645 7.83209 6.74984 7.77668 6.62334C7.72127 6.49684 7.64027 6.38319 7.53876 6.28955Z" fill="#9CA3AF"/>
                            </svg>
                            <a class="active text-gray-400 transition-all text-sm md:text-base hover:text-maingreen [&.active]:text-maingreen [&.active]:font-medium">Blog</a>
                        </div>
                    </div>
                </div>
                <h1 class="text-center text-3xl lg:text-[50px] font-bold mb-8 sm:mb-10 md:mb-16">MorePaws <span class="text-maingreen">blog</span></h1>
                

                <div class="flex flex-row flex-wrap -mx-2.5 items-stretch">
                    <div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 px-2.5 py-2.5">
                        <div class="w-full h-full bg-white rounded-lg border-gray-200 border pb-[56px] relative transition-all hover:shadow-[0px_8px_24px_rgba(0,0,0,0.1)]">
                            <div class="w-full rounded-tl-lg rounded-tr-lg h-[175px] border-b border-b-gray-200">
                                <img class="w-full h-full object-cover object-center rounded-tl-lg rounded-tr-lg" loading="lazy" src="{{ Vite::asset('resources/images/newsfeed-bg.png')}}" width="937" height="692" alt="">
                            </div>
                            <div class="w-full px-3 py-4">
                                <h2 class="font-semibold text-xl md:text-2xl">What’s this title about 2023</h2>
                                <p class="text-gray-400 text-sm md:text-base leading-[160%] mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis.</p>
                            </div>
                            <div class="absolute bottom-0 left-0 h-[56px] w-full flex items-center justify-between rounded-bl-lg rounded-br-lg px-3 border-t border-t-gray-200">
                                <div>
                                    <div class="pl-8 relative">
                                        <svg class="absolute left-0 top-1/2 -translate-y-1/2" width="26" height="19" viewBox="0 0 26 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.4572 11.2813C11.4906 11.2815 10.5335 11.4722 9.64066 11.8424C8.74779 12.2127 7.93663 12.7552 7.25353 13.4391C6.57043 14.123 6.02878 14.9347 5.65954 15.828C5.2903 16.7213 5.10069 17.6786 5.10157 18.6452H19.8145C19.8154 17.6785 19.6257 16.721 19.2564 15.8276C18.887 14.9342 18.3452 14.1224 17.662 13.4385C16.9787 12.7546 16.1673 12.2121 15.2743 11.8419C14.3812 11.4718 13.4239 11.2812 12.4572 11.2813Z" fill="#69B578"/>
                                            <path d="M5.53833 10.1324C5.53833 11.9215 2.88046 15.6807 2.88046 15.6807C2.8682 15.704 2.84981 15.7236 2.82726 15.7372C2.80472 15.7508 2.77889 15.758 2.75255 15.758C2.72622 15.758 2.70038 15.7508 2.67784 15.7372C2.6553 15.7236 2.6369 15.704 2.62464 15.6807C2.62464 15.6807 0 11.8351 0 10.1324C0 9.39802 0.29175 8.69367 0.811069 8.17435C1.33039 7.65503 2.03474 7.36328 2.76916 7.36328C3.50359 7.36328 4.20794 7.65503 4.72726 8.17435C5.24658 8.69367 5.53833 9.39802 5.53833 10.1324Z" fill="#69B578"/>
                                            <path d="M11.8791 3.38878C11.8791 5.57653 8.61825 10.173 8.61825 10.173C8.60274 10.201 8.57999 10.2244 8.55239 10.2407C8.52478 10.2569 8.49332 10.2655 8.46127 10.2655C8.42922 10.2655 8.39776 10.2569 8.37015 10.2407C8.34255 10.2244 8.31981 10.201 8.30429 10.173C8.30429 10.173 5.10156 5.4752 5.10156 3.38878C5.10156 2.49002 5.45859 1.62807 6.09411 0.99255C6.72963 0.357031 7.59158 0 8.49034 0C9.3891 0 10.251 0.357031 10.8866 0.99255C11.5221 1.62807 11.8791 2.49002 11.8791 3.38878Z" fill="#69B578"/>
                                            <path d="M19.6447 3.38878C19.6447 5.57653 16.3855 10.173 16.3855 10.173C16.3698 10.201 16.3469 10.2243 16.3191 10.2405C16.2914 10.2567 16.2599 10.2653 16.2277 10.2653C16.1956 10.2653 16.1641 10.2567 16.1363 10.2405C16.1086 10.2243 16.0857 10.201 16.0699 10.173C16.0699 10.173 12.8672 5.4752 12.8672 3.38878C12.8672 2.49002 13.2242 1.62807 13.8597 0.99255C14.4953 0.357031 15.3572 0 16.256 0C17.1547 0 18.0167 0.357031 18.6522 0.99255C19.2877 1.62807 19.6447 2.49002 19.6447 3.38878Z" fill="#69B578"/>
                                            <path d="M25.2861 10.1327C25.2861 11.9217 22.6282 15.681 22.6282 15.681C22.6157 15.7042 22.5971 15.7237 22.5745 15.7372C22.5518 15.7508 22.5259 15.7579 22.4995 15.7579C22.4731 15.7579 22.4472 15.7508 22.4245 15.7372C22.4018 15.7237 22.3832 15.7042 22.3707 15.681C22.3707 15.681 19.7461 11.8354 19.7461 10.1327C19.7638 9.40977 20.0634 8.72243 20.581 8.2174C21.0985 7.71238 21.793 7.42969 22.5161 7.42969C23.2392 7.42969 23.9337 7.71238 24.4512 8.2174C24.9688 8.72243 25.2684 9.40977 25.2861 10.1327Z" fill="#69B578"/>
                                        </svg>
                                        MorePaws
                                    </div>
                                </div>
                                <div class="text-gray-400 text-sm">May 30, 2023</div>
                            </div>
                            <a href="#" class="absolute left-0 top-0 bottom-0 right-0 w-full h-full rounded-lg z-10"><span class="invisible">Open Link Here</span></a>
                        </div>
                    </div>

                    <div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 px-2.5 py-2.5">
                        <div class="w-full h-full bg-white rounded-lg border-gray-200 border pb-[56px] relative transition-all hover:shadow-[0px_8px_24px_rgba(0,0,0,0.1)]">
                            <div class="w-full rounded-tl-lg rounded-tr-lg h-[175px] border-b border-b-gray-200">
                                <img class="w-full h-full object-cover object-center rounded-tl-lg rounded-tr-lg" loading="lazy" src="{{ Vite::asset('resources/images/newsfeed-bg.png')}}" width="937" height="692" alt="">
                            </div>
                            <div class="w-full px-3 py-4">
                                <h2 class="font-semibold text-xl md:text-2xl">What’s this title about 2023</h2>
                                <p class="text-gray-400 text-sm md:text-base leading-[160%] mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis.</p>
                            </div>
                            <div class="absolute bottom-0 left-0 h-[56px] w-full flex items-center justify-between rounded-bl-lg rounded-br-lg px-3 border-t border-t-gray-200">
                                <div>
                                    <div class="pl-8 relative">
                                        <svg class="absolute left-0 top-1/2 -translate-y-1/2" width="26" height="19" viewBox="0 0 26 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.4572 11.2813C11.4906 11.2815 10.5335 11.4722 9.64066 11.8424C8.74779 12.2127 7.93663 12.7552 7.25353 13.4391C6.57043 14.123 6.02878 14.9347 5.65954 15.828C5.2903 16.7213 5.10069 17.6786 5.10157 18.6452H19.8145C19.8154 17.6785 19.6257 16.721 19.2564 15.8276C18.887 14.9342 18.3452 14.1224 17.662 13.4385C16.9787 12.7546 16.1673 12.2121 15.2743 11.8419C14.3812 11.4718 13.4239 11.2812 12.4572 11.2813Z" fill="#69B578"/>
                                            <path d="M5.53833 10.1324C5.53833 11.9215 2.88046 15.6807 2.88046 15.6807C2.8682 15.704 2.84981 15.7236 2.82726 15.7372C2.80472 15.7508 2.77889 15.758 2.75255 15.758C2.72622 15.758 2.70038 15.7508 2.67784 15.7372C2.6553 15.7236 2.6369 15.704 2.62464 15.6807C2.62464 15.6807 0 11.8351 0 10.1324C0 9.39802 0.29175 8.69367 0.811069 8.17435C1.33039 7.65503 2.03474 7.36328 2.76916 7.36328C3.50359 7.36328 4.20794 7.65503 4.72726 8.17435C5.24658 8.69367 5.53833 9.39802 5.53833 10.1324Z" fill="#69B578"/>
                                            <path d="M11.8791 3.38878C11.8791 5.57653 8.61825 10.173 8.61825 10.173C8.60274 10.201 8.57999 10.2244 8.55239 10.2407C8.52478 10.2569 8.49332 10.2655 8.46127 10.2655C8.42922 10.2655 8.39776 10.2569 8.37015 10.2407C8.34255 10.2244 8.31981 10.201 8.30429 10.173C8.30429 10.173 5.10156 5.4752 5.10156 3.38878C5.10156 2.49002 5.45859 1.62807 6.09411 0.99255C6.72963 0.357031 7.59158 0 8.49034 0C9.3891 0 10.251 0.357031 10.8866 0.99255C11.5221 1.62807 11.8791 2.49002 11.8791 3.38878Z" fill="#69B578"/>
                                            <path d="M19.6447 3.38878C19.6447 5.57653 16.3855 10.173 16.3855 10.173C16.3698 10.201 16.3469 10.2243 16.3191 10.2405C16.2914 10.2567 16.2599 10.2653 16.2277 10.2653C16.1956 10.2653 16.1641 10.2567 16.1363 10.2405C16.1086 10.2243 16.0857 10.201 16.0699 10.173C16.0699 10.173 12.8672 5.4752 12.8672 3.38878C12.8672 2.49002 13.2242 1.62807 13.8597 0.99255C14.4953 0.357031 15.3572 0 16.256 0C17.1547 0 18.0167 0.357031 18.6522 0.99255C19.2877 1.62807 19.6447 2.49002 19.6447 3.38878Z" fill="#69B578"/>
                                            <path d="M25.2861 10.1327C25.2861 11.9217 22.6282 15.681 22.6282 15.681C22.6157 15.7042 22.5971 15.7237 22.5745 15.7372C22.5518 15.7508 22.5259 15.7579 22.4995 15.7579C22.4731 15.7579 22.4472 15.7508 22.4245 15.7372C22.4018 15.7237 22.3832 15.7042 22.3707 15.681C22.3707 15.681 19.7461 11.8354 19.7461 10.1327C19.7638 9.40977 20.0634 8.72243 20.581 8.2174C21.0985 7.71238 21.793 7.42969 22.5161 7.42969C23.2392 7.42969 23.9337 7.71238 24.4512 8.2174C24.9688 8.72243 25.2684 9.40977 25.2861 10.1327Z" fill="#69B578"/>
                                        </svg>
                                        MorePaws
                                    </div>
                                </div>
                                <div class="text-gray-400 text-sm">May 30, 2023</div>
                            </div>
                            <a href="#" class="absolute left-0 top-0 bottom-0 right-0 w-full h-full rounded-lg z-10"><span class="invisible">Open Link Here</span></a>
                        </div>
                    </div>

                    <div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 px-2.5 py-2.5">
                        <div class="w-full h-full bg-white rounded-lg border-gray-200 border pb-[56px] relative transition-all hover:shadow-[0px_8px_24px_rgba(0,0,0,0.1)]">
                            <div class="w-full rounded-tl-lg rounded-tr-lg h-[175px] border-b border-b-gray-200">
                                <img class="w-full h-full object-cover object-center rounded-tl-lg rounded-tr-lg" loading="lazy" src="{{ Vite::asset('resources/images/newsfeed-bg.png')}}" width="937" height="692" alt="">
                            </div>
                            <div class="w-full px-3 py-4">
                                <h2 class="font-semibold text-xl md:text-2xl">What’s this title about 2023</h2>
                                <p class="text-gray-400 text-sm md:text-base leading-[160%] mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis.</p>
                            </div>
                            <div class="absolute bottom-0 left-0 h-[56px] w-full flex items-center justify-between rounded-bl-lg rounded-br-lg px-3 border-t border-t-gray-200">
                                <div>
                                    <div class="pl-8 relative">
                                        <svg class="absolute left-0 top-1/2 -translate-y-1/2" width="26" height="19" viewBox="0 0 26 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.4572 11.2813C11.4906 11.2815 10.5335 11.4722 9.64066 11.8424C8.74779 12.2127 7.93663 12.7552 7.25353 13.4391C6.57043 14.123 6.02878 14.9347 5.65954 15.828C5.2903 16.7213 5.10069 17.6786 5.10157 18.6452H19.8145C19.8154 17.6785 19.6257 16.721 19.2564 15.8276C18.887 14.9342 18.3452 14.1224 17.662 13.4385C16.9787 12.7546 16.1673 12.2121 15.2743 11.8419C14.3812 11.4718 13.4239 11.2812 12.4572 11.2813Z" fill="#69B578"/>
                                            <path d="M5.53833 10.1324C5.53833 11.9215 2.88046 15.6807 2.88046 15.6807C2.8682 15.704 2.84981 15.7236 2.82726 15.7372C2.80472 15.7508 2.77889 15.758 2.75255 15.758C2.72622 15.758 2.70038 15.7508 2.67784 15.7372C2.6553 15.7236 2.6369 15.704 2.62464 15.6807C2.62464 15.6807 0 11.8351 0 10.1324C0 9.39802 0.29175 8.69367 0.811069 8.17435C1.33039 7.65503 2.03474 7.36328 2.76916 7.36328C3.50359 7.36328 4.20794 7.65503 4.72726 8.17435C5.24658 8.69367 5.53833 9.39802 5.53833 10.1324Z" fill="#69B578"/>
                                            <path d="M11.8791 3.38878C11.8791 5.57653 8.61825 10.173 8.61825 10.173C8.60274 10.201 8.57999 10.2244 8.55239 10.2407C8.52478 10.2569 8.49332 10.2655 8.46127 10.2655C8.42922 10.2655 8.39776 10.2569 8.37015 10.2407C8.34255 10.2244 8.31981 10.201 8.30429 10.173C8.30429 10.173 5.10156 5.4752 5.10156 3.38878C5.10156 2.49002 5.45859 1.62807 6.09411 0.99255C6.72963 0.357031 7.59158 0 8.49034 0C9.3891 0 10.251 0.357031 10.8866 0.99255C11.5221 1.62807 11.8791 2.49002 11.8791 3.38878Z" fill="#69B578"/>
                                            <path d="M19.6447 3.38878C19.6447 5.57653 16.3855 10.173 16.3855 10.173C16.3698 10.201 16.3469 10.2243 16.3191 10.2405C16.2914 10.2567 16.2599 10.2653 16.2277 10.2653C16.1956 10.2653 16.1641 10.2567 16.1363 10.2405C16.1086 10.2243 16.0857 10.201 16.0699 10.173C16.0699 10.173 12.8672 5.4752 12.8672 3.38878C12.8672 2.49002 13.2242 1.62807 13.8597 0.99255C14.4953 0.357031 15.3572 0 16.256 0C17.1547 0 18.0167 0.357031 18.6522 0.99255C19.2877 1.62807 19.6447 2.49002 19.6447 3.38878Z" fill="#69B578"/>
                                            <path d="M25.2861 10.1327C25.2861 11.9217 22.6282 15.681 22.6282 15.681C22.6157 15.7042 22.5971 15.7237 22.5745 15.7372C22.5518 15.7508 22.5259 15.7579 22.4995 15.7579C22.4731 15.7579 22.4472 15.7508 22.4245 15.7372C22.4018 15.7237 22.3832 15.7042 22.3707 15.681C22.3707 15.681 19.7461 11.8354 19.7461 10.1327C19.7638 9.40977 20.0634 8.72243 20.581 8.2174C21.0985 7.71238 21.793 7.42969 22.5161 7.42969C23.2392 7.42969 23.9337 7.71238 24.4512 8.2174C24.9688 8.72243 25.2684 9.40977 25.2861 10.1327Z" fill="#69B578"/>
                                        </svg>
                                        MorePaws
                                    </div>
                                </div>
                                <div class="text-gray-400 text-sm">May 30, 2023</div>
                            </div>
                            <a href="#" class="absolute left-0 top-0 bottom-0 right-0 w-full h-full rounded-lg z-10"><span class="invisible">Open Link Here</span></a>
                        </div>
                    </div>

                    <div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 px-2.5 py-2.5">
                        <div class="w-full h-full bg-white rounded-lg border-gray-200 border pb-[56px] relative transition-all hover:shadow-[0px_8px_24px_rgba(0,0,0,0.1)]">
                            <div class="w-full rounded-tl-lg rounded-tr-lg h-[175px] border-b border-b-gray-200">
                                <img class="w-full h-full object-cover object-center rounded-tl-lg rounded-tr-lg" loading="lazy" src="{{ Vite::asset('resources/images/newsfeed-bg.png')}}" width="937" height="692" alt="">
                            </div>
                            <div class="w-full px-3 py-4">
                                <h2 class="font-semibold text-xl md:text-2xl">What’s this title about 2023</h2>
                                <p class="text-gray-400 text-sm md:text-base leading-[160%] mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis.</p>
                            </div>
                            <div class="absolute bottom-0 left-0 h-[56px] w-full flex items-center justify-between rounded-bl-lg rounded-br-lg px-3 border-t border-t-gray-200">
                                <div>
                                    <div class="pl-8 relative">
                                        <svg class="absolute left-0 top-1/2 -translate-y-1/2" width="26" height="19" viewBox="0 0 26 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.4572 11.2813C11.4906 11.2815 10.5335 11.4722 9.64066 11.8424C8.74779 12.2127 7.93663 12.7552 7.25353 13.4391C6.57043 14.123 6.02878 14.9347 5.65954 15.828C5.2903 16.7213 5.10069 17.6786 5.10157 18.6452H19.8145C19.8154 17.6785 19.6257 16.721 19.2564 15.8276C18.887 14.9342 18.3452 14.1224 17.662 13.4385C16.9787 12.7546 16.1673 12.2121 15.2743 11.8419C14.3812 11.4718 13.4239 11.2812 12.4572 11.2813Z" fill="#69B578"/>
                                            <path d="M5.53833 10.1324C5.53833 11.9215 2.88046 15.6807 2.88046 15.6807C2.8682 15.704 2.84981 15.7236 2.82726 15.7372C2.80472 15.7508 2.77889 15.758 2.75255 15.758C2.72622 15.758 2.70038 15.7508 2.67784 15.7372C2.6553 15.7236 2.6369 15.704 2.62464 15.6807C2.62464 15.6807 0 11.8351 0 10.1324C0 9.39802 0.29175 8.69367 0.811069 8.17435C1.33039 7.65503 2.03474 7.36328 2.76916 7.36328C3.50359 7.36328 4.20794 7.65503 4.72726 8.17435C5.24658 8.69367 5.53833 9.39802 5.53833 10.1324Z" fill="#69B578"/>
                                            <path d="M11.8791 3.38878C11.8791 5.57653 8.61825 10.173 8.61825 10.173C8.60274 10.201 8.57999 10.2244 8.55239 10.2407C8.52478 10.2569 8.49332 10.2655 8.46127 10.2655C8.42922 10.2655 8.39776 10.2569 8.37015 10.2407C8.34255 10.2244 8.31981 10.201 8.30429 10.173C8.30429 10.173 5.10156 5.4752 5.10156 3.38878C5.10156 2.49002 5.45859 1.62807 6.09411 0.99255C6.72963 0.357031 7.59158 0 8.49034 0C9.3891 0 10.251 0.357031 10.8866 0.99255C11.5221 1.62807 11.8791 2.49002 11.8791 3.38878Z" fill="#69B578"/>
                                            <path d="M19.6447 3.38878C19.6447 5.57653 16.3855 10.173 16.3855 10.173C16.3698 10.201 16.3469 10.2243 16.3191 10.2405C16.2914 10.2567 16.2599 10.2653 16.2277 10.2653C16.1956 10.2653 16.1641 10.2567 16.1363 10.2405C16.1086 10.2243 16.0857 10.201 16.0699 10.173C16.0699 10.173 12.8672 5.4752 12.8672 3.38878C12.8672 2.49002 13.2242 1.62807 13.8597 0.99255C14.4953 0.357031 15.3572 0 16.256 0C17.1547 0 18.0167 0.357031 18.6522 0.99255C19.2877 1.62807 19.6447 2.49002 19.6447 3.38878Z" fill="#69B578"/>
                                            <path d="M25.2861 10.1327C25.2861 11.9217 22.6282 15.681 22.6282 15.681C22.6157 15.7042 22.5971 15.7237 22.5745 15.7372C22.5518 15.7508 22.5259 15.7579 22.4995 15.7579C22.4731 15.7579 22.4472 15.7508 22.4245 15.7372C22.4018 15.7237 22.3832 15.7042 22.3707 15.681C22.3707 15.681 19.7461 11.8354 19.7461 10.1327C19.7638 9.40977 20.0634 8.72243 20.581 8.2174C21.0985 7.71238 21.793 7.42969 22.5161 7.42969C23.2392 7.42969 23.9337 7.71238 24.4512 8.2174C24.9688 8.72243 25.2684 9.40977 25.2861 10.1327Z" fill="#69B578"/>
                                        </svg>
                                        MorePaws
                                    </div>
                                </div>
                                <div class="text-gray-400 text-sm">May 30, 2023</div>
                            </div>
                            <a href="#" class="absolute left-0 top-0 bottom-0 right-0 w-full h-full rounded-lg z-10"><span class="invisible">Open Link Here</span></a>
                        </div>
                    </div>

                    <div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 px-2.5 py-2.5">
                        <div class="w-full h-full bg-white rounded-lg border-gray-200 border pb-[56px] relative transition-all hover:shadow-[0px_8px_24px_rgba(0,0,0,0.1)]">
                            <div class="w-full rounded-tl-lg rounded-tr-lg h-[175px] border-b border-b-gray-200">
                                <img class="w-full h-full object-cover object-center rounded-tl-lg rounded-tr-lg" loading="lazy" src="{{ Vite::asset('resources/images/newsfeed-bg.png')}}" width="937" height="692" alt="">
                            </div>
                            <div class="w-full px-3 py-4">
                                <h2 class="font-semibold text-xl md:text-2xl">What’s this title about 2023</h2>
                                <p class="text-gray-400 text-sm md:text-base leading-[160%] mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis.</p>
                            </div>
                            <div class="absolute bottom-0 left-0 h-[56px] w-full flex items-center justify-between rounded-bl-lg rounded-br-lg px-3 border-t border-t-gray-200">
                                <div>
                                    <div class="pl-8 relative">
                                        <svg class="absolute left-0 top-1/2 -translate-y-1/2" width="26" height="19" viewBox="0 0 26 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.4572 11.2813C11.4906 11.2815 10.5335 11.4722 9.64066 11.8424C8.74779 12.2127 7.93663 12.7552 7.25353 13.4391C6.57043 14.123 6.02878 14.9347 5.65954 15.828C5.2903 16.7213 5.10069 17.6786 5.10157 18.6452H19.8145C19.8154 17.6785 19.6257 16.721 19.2564 15.8276C18.887 14.9342 18.3452 14.1224 17.662 13.4385C16.9787 12.7546 16.1673 12.2121 15.2743 11.8419C14.3812 11.4718 13.4239 11.2812 12.4572 11.2813Z" fill="#69B578"/>
                                            <path d="M5.53833 10.1324C5.53833 11.9215 2.88046 15.6807 2.88046 15.6807C2.8682 15.704 2.84981 15.7236 2.82726 15.7372C2.80472 15.7508 2.77889 15.758 2.75255 15.758C2.72622 15.758 2.70038 15.7508 2.67784 15.7372C2.6553 15.7236 2.6369 15.704 2.62464 15.6807C2.62464 15.6807 0 11.8351 0 10.1324C0 9.39802 0.29175 8.69367 0.811069 8.17435C1.33039 7.65503 2.03474 7.36328 2.76916 7.36328C3.50359 7.36328 4.20794 7.65503 4.72726 8.17435C5.24658 8.69367 5.53833 9.39802 5.53833 10.1324Z" fill="#69B578"/>
                                            <path d="M11.8791 3.38878C11.8791 5.57653 8.61825 10.173 8.61825 10.173C8.60274 10.201 8.57999 10.2244 8.55239 10.2407C8.52478 10.2569 8.49332 10.2655 8.46127 10.2655C8.42922 10.2655 8.39776 10.2569 8.37015 10.2407C8.34255 10.2244 8.31981 10.201 8.30429 10.173C8.30429 10.173 5.10156 5.4752 5.10156 3.38878C5.10156 2.49002 5.45859 1.62807 6.09411 0.99255C6.72963 0.357031 7.59158 0 8.49034 0C9.3891 0 10.251 0.357031 10.8866 0.99255C11.5221 1.62807 11.8791 2.49002 11.8791 3.38878Z" fill="#69B578"/>
                                            <path d="M19.6447 3.38878C19.6447 5.57653 16.3855 10.173 16.3855 10.173C16.3698 10.201 16.3469 10.2243 16.3191 10.2405C16.2914 10.2567 16.2599 10.2653 16.2277 10.2653C16.1956 10.2653 16.1641 10.2567 16.1363 10.2405C16.1086 10.2243 16.0857 10.201 16.0699 10.173C16.0699 10.173 12.8672 5.4752 12.8672 3.38878C12.8672 2.49002 13.2242 1.62807 13.8597 0.99255C14.4953 0.357031 15.3572 0 16.256 0C17.1547 0 18.0167 0.357031 18.6522 0.99255C19.2877 1.62807 19.6447 2.49002 19.6447 3.38878Z" fill="#69B578"/>
                                            <path d="M25.2861 10.1327C25.2861 11.9217 22.6282 15.681 22.6282 15.681C22.6157 15.7042 22.5971 15.7237 22.5745 15.7372C22.5518 15.7508 22.5259 15.7579 22.4995 15.7579C22.4731 15.7579 22.4472 15.7508 22.4245 15.7372C22.4018 15.7237 22.3832 15.7042 22.3707 15.681C22.3707 15.681 19.7461 11.8354 19.7461 10.1327C19.7638 9.40977 20.0634 8.72243 20.581 8.2174C21.0985 7.71238 21.793 7.42969 22.5161 7.42969C23.2392 7.42969 23.9337 7.71238 24.4512 8.2174C24.9688 8.72243 25.2684 9.40977 25.2861 10.1327Z" fill="#69B578"/>
                                        </svg>
                                        MorePaws
                                    </div>
                                </div>
                                <div class="text-gray-400 text-sm">May 30, 2023</div>
                            </div>
                            <a href="#" class="absolute left-0 top-0 bottom-0 right-0 w-full h-full rounded-lg z-10"><span class="invisible">Open Link Here</span></a>
                        </div>
                    </div>

                    <div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 px-2.5 py-2.5">
                        <div class="w-full h-full bg-white rounded-lg border-gray-200 border pb-[56px] relative transition-all hover:shadow-[0px_8px_24px_rgba(0,0,0,0.1)]">
                            <div class="w-full rounded-tl-lg rounded-tr-lg h-[175px] border-b border-b-gray-200">
                                <img class="w-full h-full object-cover object-center rounded-tl-lg rounded-tr-lg" loading="lazy" src="{{ Vite::asset('resources/images/newsfeed-bg.png')}}" width="937" height="692" alt="">
                            </div>
                            <div class="w-full px-3 py-4">
                                <h2 class="font-semibold text-xl md:text-2xl">What’s this title about 2023</h2>
                                <p class="text-gray-400 text-sm md:text-base leading-[160%] mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis.</p>
                            </div>
                            <div class="absolute bottom-0 left-0 h-[56px] w-full flex items-center justify-between rounded-bl-lg rounded-br-lg px-3 border-t border-t-gray-200">
                                <div>
                                    <div class="pl-8 relative">
                                        <svg class="absolute left-0 top-1/2 -translate-y-1/2" width="26" height="19" viewBox="0 0 26 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.4572 11.2813C11.4906 11.2815 10.5335 11.4722 9.64066 11.8424C8.74779 12.2127 7.93663 12.7552 7.25353 13.4391C6.57043 14.123 6.02878 14.9347 5.65954 15.828C5.2903 16.7213 5.10069 17.6786 5.10157 18.6452H19.8145C19.8154 17.6785 19.6257 16.721 19.2564 15.8276C18.887 14.9342 18.3452 14.1224 17.662 13.4385C16.9787 12.7546 16.1673 12.2121 15.2743 11.8419C14.3812 11.4718 13.4239 11.2812 12.4572 11.2813Z" fill="#69B578"/>
                                            <path d="M5.53833 10.1324C5.53833 11.9215 2.88046 15.6807 2.88046 15.6807C2.8682 15.704 2.84981 15.7236 2.82726 15.7372C2.80472 15.7508 2.77889 15.758 2.75255 15.758C2.72622 15.758 2.70038 15.7508 2.67784 15.7372C2.6553 15.7236 2.6369 15.704 2.62464 15.6807C2.62464 15.6807 0 11.8351 0 10.1324C0 9.39802 0.29175 8.69367 0.811069 8.17435C1.33039 7.65503 2.03474 7.36328 2.76916 7.36328C3.50359 7.36328 4.20794 7.65503 4.72726 8.17435C5.24658 8.69367 5.53833 9.39802 5.53833 10.1324Z" fill="#69B578"/>
                                            <path d="M11.8791 3.38878C11.8791 5.57653 8.61825 10.173 8.61825 10.173C8.60274 10.201 8.57999 10.2244 8.55239 10.2407C8.52478 10.2569 8.49332 10.2655 8.46127 10.2655C8.42922 10.2655 8.39776 10.2569 8.37015 10.2407C8.34255 10.2244 8.31981 10.201 8.30429 10.173C8.30429 10.173 5.10156 5.4752 5.10156 3.38878C5.10156 2.49002 5.45859 1.62807 6.09411 0.99255C6.72963 0.357031 7.59158 0 8.49034 0C9.3891 0 10.251 0.357031 10.8866 0.99255C11.5221 1.62807 11.8791 2.49002 11.8791 3.38878Z" fill="#69B578"/>
                                            <path d="M19.6447 3.38878C19.6447 5.57653 16.3855 10.173 16.3855 10.173C16.3698 10.201 16.3469 10.2243 16.3191 10.2405C16.2914 10.2567 16.2599 10.2653 16.2277 10.2653C16.1956 10.2653 16.1641 10.2567 16.1363 10.2405C16.1086 10.2243 16.0857 10.201 16.0699 10.173C16.0699 10.173 12.8672 5.4752 12.8672 3.38878C12.8672 2.49002 13.2242 1.62807 13.8597 0.99255C14.4953 0.357031 15.3572 0 16.256 0C17.1547 0 18.0167 0.357031 18.6522 0.99255C19.2877 1.62807 19.6447 2.49002 19.6447 3.38878Z" fill="#69B578"/>
                                            <path d="M25.2861 10.1327C25.2861 11.9217 22.6282 15.681 22.6282 15.681C22.6157 15.7042 22.5971 15.7237 22.5745 15.7372C22.5518 15.7508 22.5259 15.7579 22.4995 15.7579C22.4731 15.7579 22.4472 15.7508 22.4245 15.7372C22.4018 15.7237 22.3832 15.7042 22.3707 15.681C22.3707 15.681 19.7461 11.8354 19.7461 10.1327C19.7638 9.40977 20.0634 8.72243 20.581 8.2174C21.0985 7.71238 21.793 7.42969 22.5161 7.42969C23.2392 7.42969 23.9337 7.71238 24.4512 8.2174C24.9688 8.72243 25.2684 9.40977 25.2861 10.1327Z" fill="#69B578"/>
                                        </svg>
                                        MorePaws
                                    </div>
                                </div>
                                <div class="text-gray-400 text-sm">May 30, 2023</div>
                            </div>
                            <a href="#" class="absolute left-0 top-0 bottom-0 right-0 w-full h-full rounded-lg z-10"><span class="invisible">Open Link Here</span></a>
                        </div>
                    </div>

                    <div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 px-2.5 py-2.5">
                        <div class="w-full h-full bg-white rounded-lg border-gray-200 border pb-[56px] relative transition-all hover:shadow-[0px_8px_24px_rgba(0,0,0,0.1)]">
                            <div class="w-full rounded-tl-lg rounded-tr-lg h-[175px] border-b border-b-gray-200">
                                <img class="w-full h-full object-cover object-center rounded-tl-lg rounded-tr-lg" loading="lazy" src="{{ Vite::asset('resources/images/newsfeed-bg.png')}}" width="937" height="692" alt="">
                            </div>
                            <div class="w-full px-3 py-4">
                                <h2 class="font-semibold text-xl md:text-2xl">What’s this title about 2023</h2>
                                <p class="text-gray-400 text-sm md:text-base leading-[160%] mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis.</p>
                            </div>
                            <div class="absolute bottom-0 left-0 h-[56px] w-full flex items-center justify-between rounded-bl-lg rounded-br-lg px-3 border-t border-t-gray-200">
                                <div>
                                    <div class="pl-8 relative">
                                        <svg class="absolute left-0 top-1/2 -translate-y-1/2" width="26" height="19" viewBox="0 0 26 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.4572 11.2813C11.4906 11.2815 10.5335 11.4722 9.64066 11.8424C8.74779 12.2127 7.93663 12.7552 7.25353 13.4391C6.57043 14.123 6.02878 14.9347 5.65954 15.828C5.2903 16.7213 5.10069 17.6786 5.10157 18.6452H19.8145C19.8154 17.6785 19.6257 16.721 19.2564 15.8276C18.887 14.9342 18.3452 14.1224 17.662 13.4385C16.9787 12.7546 16.1673 12.2121 15.2743 11.8419C14.3812 11.4718 13.4239 11.2812 12.4572 11.2813Z" fill="#69B578"/>
                                            <path d="M5.53833 10.1324C5.53833 11.9215 2.88046 15.6807 2.88046 15.6807C2.8682 15.704 2.84981 15.7236 2.82726 15.7372C2.80472 15.7508 2.77889 15.758 2.75255 15.758C2.72622 15.758 2.70038 15.7508 2.67784 15.7372C2.6553 15.7236 2.6369 15.704 2.62464 15.6807C2.62464 15.6807 0 11.8351 0 10.1324C0 9.39802 0.29175 8.69367 0.811069 8.17435C1.33039 7.65503 2.03474 7.36328 2.76916 7.36328C3.50359 7.36328 4.20794 7.65503 4.72726 8.17435C5.24658 8.69367 5.53833 9.39802 5.53833 10.1324Z" fill="#69B578"/>
                                            <path d="M11.8791 3.38878C11.8791 5.57653 8.61825 10.173 8.61825 10.173C8.60274 10.201 8.57999 10.2244 8.55239 10.2407C8.52478 10.2569 8.49332 10.2655 8.46127 10.2655C8.42922 10.2655 8.39776 10.2569 8.37015 10.2407C8.34255 10.2244 8.31981 10.201 8.30429 10.173C8.30429 10.173 5.10156 5.4752 5.10156 3.38878C5.10156 2.49002 5.45859 1.62807 6.09411 0.99255C6.72963 0.357031 7.59158 0 8.49034 0C9.3891 0 10.251 0.357031 10.8866 0.99255C11.5221 1.62807 11.8791 2.49002 11.8791 3.38878Z" fill="#69B578"/>
                                            <path d="M19.6447 3.38878C19.6447 5.57653 16.3855 10.173 16.3855 10.173C16.3698 10.201 16.3469 10.2243 16.3191 10.2405C16.2914 10.2567 16.2599 10.2653 16.2277 10.2653C16.1956 10.2653 16.1641 10.2567 16.1363 10.2405C16.1086 10.2243 16.0857 10.201 16.0699 10.173C16.0699 10.173 12.8672 5.4752 12.8672 3.38878C12.8672 2.49002 13.2242 1.62807 13.8597 0.99255C14.4953 0.357031 15.3572 0 16.256 0C17.1547 0 18.0167 0.357031 18.6522 0.99255C19.2877 1.62807 19.6447 2.49002 19.6447 3.38878Z" fill="#69B578"/>
                                            <path d="M25.2861 10.1327C25.2861 11.9217 22.6282 15.681 22.6282 15.681C22.6157 15.7042 22.5971 15.7237 22.5745 15.7372C22.5518 15.7508 22.5259 15.7579 22.4995 15.7579C22.4731 15.7579 22.4472 15.7508 22.4245 15.7372C22.4018 15.7237 22.3832 15.7042 22.3707 15.681C22.3707 15.681 19.7461 11.8354 19.7461 10.1327C19.7638 9.40977 20.0634 8.72243 20.581 8.2174C21.0985 7.71238 21.793 7.42969 22.5161 7.42969C23.2392 7.42969 23.9337 7.71238 24.4512 8.2174C24.9688 8.72243 25.2684 9.40977 25.2861 10.1327Z" fill="#69B578"/>
                                        </svg>
                                        MorePaws
                                    </div>
                                </div>
                                <div class="text-gray-400 text-sm">May 30, 2023</div>
                            </div>
                            <a href="#" class="absolute left-0 top-0 bottom-0 right-0 w-full h-full rounded-lg z-10"><span class="invisible">Open Link Here</span></a>
                        </div>
                    </div>

                    <div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 px-2.5 py-2.5">
                        <div class="w-full h-full bg-white rounded-lg border-gray-200 border pb-[56px] relative transition-all hover:shadow-[0px_8px_24px_rgba(0,0,0,0.1)]">
                            <div class="w-full rounded-tl-lg rounded-tr-lg h-[175px] border-b border-b-gray-200">
                                <img class="w-full h-full object-cover object-center rounded-tl-lg rounded-tr-lg" loading="lazy" src="{{ Vite::asset('resources/images/newsfeed-bg.png')}}" width="937" height="692" alt="">
                            </div>
                            <div class="w-full px-3 py-4">
                                <h2 class="font-semibold text-xl md:text-2xl">What’s this title about 2023</h2>
                                <p class="text-gray-400 text-sm md:text-base leading-[160%] mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis.</p>
                            </div>
                            <div class="absolute bottom-0 left-0 h-[56px] w-full flex items-center justify-between rounded-bl-lg rounded-br-lg px-3 border-t border-t-gray-200">
                                <div>
                                    <div class="pl-8 relative">
                                        <svg class="absolute left-0 top-1/2 -translate-y-1/2" width="26" height="19" viewBox="0 0 26 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.4572 11.2813C11.4906 11.2815 10.5335 11.4722 9.64066 11.8424C8.74779 12.2127 7.93663 12.7552 7.25353 13.4391C6.57043 14.123 6.02878 14.9347 5.65954 15.828C5.2903 16.7213 5.10069 17.6786 5.10157 18.6452H19.8145C19.8154 17.6785 19.6257 16.721 19.2564 15.8276C18.887 14.9342 18.3452 14.1224 17.662 13.4385C16.9787 12.7546 16.1673 12.2121 15.2743 11.8419C14.3812 11.4718 13.4239 11.2812 12.4572 11.2813Z" fill="#69B578"/>
                                            <path d="M5.53833 10.1324C5.53833 11.9215 2.88046 15.6807 2.88046 15.6807C2.8682 15.704 2.84981 15.7236 2.82726 15.7372C2.80472 15.7508 2.77889 15.758 2.75255 15.758C2.72622 15.758 2.70038 15.7508 2.67784 15.7372C2.6553 15.7236 2.6369 15.704 2.62464 15.6807C2.62464 15.6807 0 11.8351 0 10.1324C0 9.39802 0.29175 8.69367 0.811069 8.17435C1.33039 7.65503 2.03474 7.36328 2.76916 7.36328C3.50359 7.36328 4.20794 7.65503 4.72726 8.17435C5.24658 8.69367 5.53833 9.39802 5.53833 10.1324Z" fill="#69B578"/>
                                            <path d="M11.8791 3.38878C11.8791 5.57653 8.61825 10.173 8.61825 10.173C8.60274 10.201 8.57999 10.2244 8.55239 10.2407C8.52478 10.2569 8.49332 10.2655 8.46127 10.2655C8.42922 10.2655 8.39776 10.2569 8.37015 10.2407C8.34255 10.2244 8.31981 10.201 8.30429 10.173C8.30429 10.173 5.10156 5.4752 5.10156 3.38878C5.10156 2.49002 5.45859 1.62807 6.09411 0.99255C6.72963 0.357031 7.59158 0 8.49034 0C9.3891 0 10.251 0.357031 10.8866 0.99255C11.5221 1.62807 11.8791 2.49002 11.8791 3.38878Z" fill="#69B578"/>
                                            <path d="M19.6447 3.38878C19.6447 5.57653 16.3855 10.173 16.3855 10.173C16.3698 10.201 16.3469 10.2243 16.3191 10.2405C16.2914 10.2567 16.2599 10.2653 16.2277 10.2653C16.1956 10.2653 16.1641 10.2567 16.1363 10.2405C16.1086 10.2243 16.0857 10.201 16.0699 10.173C16.0699 10.173 12.8672 5.4752 12.8672 3.38878C12.8672 2.49002 13.2242 1.62807 13.8597 0.99255C14.4953 0.357031 15.3572 0 16.256 0C17.1547 0 18.0167 0.357031 18.6522 0.99255C19.2877 1.62807 19.6447 2.49002 19.6447 3.38878Z" fill="#69B578"/>
                                            <path d="M25.2861 10.1327C25.2861 11.9217 22.6282 15.681 22.6282 15.681C22.6157 15.7042 22.5971 15.7237 22.5745 15.7372C22.5518 15.7508 22.5259 15.7579 22.4995 15.7579C22.4731 15.7579 22.4472 15.7508 22.4245 15.7372C22.4018 15.7237 22.3832 15.7042 22.3707 15.681C22.3707 15.681 19.7461 11.8354 19.7461 10.1327C19.7638 9.40977 20.0634 8.72243 20.581 8.2174C21.0985 7.71238 21.793 7.42969 22.5161 7.42969C23.2392 7.42969 23.9337 7.71238 24.4512 8.2174C24.9688 8.72243 25.2684 9.40977 25.2861 10.1327Z" fill="#69B578"/>
                                        </svg>
                                        MorePaws
                                    </div>
                                </div>
                                <div class="text-gray-400 text-sm">May 30, 2023</div>
                            </div>
                            <a href="#" class="absolute left-0 top-0 bottom-0 right-0 w-full h-full rounded-lg z-10"><span class="invisible">Open Link Here</span></a>
                        </div>
                    </div>

                    <div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 px-2.5 py-2.5">
                        <div class="w-full h-full bg-white rounded-lg border-gray-200 border pb-[56px] relative transition-all hover:shadow-[0px_8px_24px_rgba(0,0,0,0.1)]">
                            <div class="w-full rounded-tl-lg rounded-tr-lg h-[175px] border-b border-b-gray-200">
                                <img class="w-full h-full object-cover object-center rounded-tl-lg rounded-tr-lg" loading="lazy" src="{{ Vite::asset('resources/images/newsfeed-bg.png')}}" width="937" height="692" alt="">
                            </div>
                            <div class="w-full px-3 py-4">
                                <h2 class="font-semibold text-xl md:text-2xl">What’s this title about 2023</h2>
                                <p class="text-gray-400 text-sm md:text-base leading-[160%] mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis.</p>
                            </div>
                            <div class="absolute bottom-0 left-0 h-[56px] w-full flex items-center justify-between rounded-bl-lg rounded-br-lg px-3 border-t border-t-gray-200">
                                <div>
                                    <div class="pl-8 relative">
                                        <svg class="absolute left-0 top-1/2 -translate-y-1/2" width="26" height="19" viewBox="0 0 26 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.4572 11.2813C11.4906 11.2815 10.5335 11.4722 9.64066 11.8424C8.74779 12.2127 7.93663 12.7552 7.25353 13.4391C6.57043 14.123 6.02878 14.9347 5.65954 15.828C5.2903 16.7213 5.10069 17.6786 5.10157 18.6452H19.8145C19.8154 17.6785 19.6257 16.721 19.2564 15.8276C18.887 14.9342 18.3452 14.1224 17.662 13.4385C16.9787 12.7546 16.1673 12.2121 15.2743 11.8419C14.3812 11.4718 13.4239 11.2812 12.4572 11.2813Z" fill="#69B578"/>
                                            <path d="M5.53833 10.1324C5.53833 11.9215 2.88046 15.6807 2.88046 15.6807C2.8682 15.704 2.84981 15.7236 2.82726 15.7372C2.80472 15.7508 2.77889 15.758 2.75255 15.758C2.72622 15.758 2.70038 15.7508 2.67784 15.7372C2.6553 15.7236 2.6369 15.704 2.62464 15.6807C2.62464 15.6807 0 11.8351 0 10.1324C0 9.39802 0.29175 8.69367 0.811069 8.17435C1.33039 7.65503 2.03474 7.36328 2.76916 7.36328C3.50359 7.36328 4.20794 7.65503 4.72726 8.17435C5.24658 8.69367 5.53833 9.39802 5.53833 10.1324Z" fill="#69B578"/>
                                            <path d="M11.8791 3.38878C11.8791 5.57653 8.61825 10.173 8.61825 10.173C8.60274 10.201 8.57999 10.2244 8.55239 10.2407C8.52478 10.2569 8.49332 10.2655 8.46127 10.2655C8.42922 10.2655 8.39776 10.2569 8.37015 10.2407C8.34255 10.2244 8.31981 10.201 8.30429 10.173C8.30429 10.173 5.10156 5.4752 5.10156 3.38878C5.10156 2.49002 5.45859 1.62807 6.09411 0.99255C6.72963 0.357031 7.59158 0 8.49034 0C9.3891 0 10.251 0.357031 10.8866 0.99255C11.5221 1.62807 11.8791 2.49002 11.8791 3.38878Z" fill="#69B578"/>
                                            <path d="M19.6447 3.38878C19.6447 5.57653 16.3855 10.173 16.3855 10.173C16.3698 10.201 16.3469 10.2243 16.3191 10.2405C16.2914 10.2567 16.2599 10.2653 16.2277 10.2653C16.1956 10.2653 16.1641 10.2567 16.1363 10.2405C16.1086 10.2243 16.0857 10.201 16.0699 10.173C16.0699 10.173 12.8672 5.4752 12.8672 3.38878C12.8672 2.49002 13.2242 1.62807 13.8597 0.99255C14.4953 0.357031 15.3572 0 16.256 0C17.1547 0 18.0167 0.357031 18.6522 0.99255C19.2877 1.62807 19.6447 2.49002 19.6447 3.38878Z" fill="#69B578"/>
                                            <path d="M25.2861 10.1327C25.2861 11.9217 22.6282 15.681 22.6282 15.681C22.6157 15.7042 22.5971 15.7237 22.5745 15.7372C22.5518 15.7508 22.5259 15.7579 22.4995 15.7579C22.4731 15.7579 22.4472 15.7508 22.4245 15.7372C22.4018 15.7237 22.3832 15.7042 22.3707 15.681C22.3707 15.681 19.7461 11.8354 19.7461 10.1327C19.7638 9.40977 20.0634 8.72243 20.581 8.2174C21.0985 7.71238 21.793 7.42969 22.5161 7.42969C23.2392 7.42969 23.9337 7.71238 24.4512 8.2174C24.9688 8.72243 25.2684 9.40977 25.2861 10.1327Z" fill="#69B578"/>
                                        </svg>
                                        MorePaws
                                    </div>
                                </div>
                                <div class="text-gray-400 text-sm">May 30, 2023</div>
                            </div>
                            <a href="#" class="absolute left-0 top-0 bottom-0 right-0 w-full h-full rounded-lg z-10"><span class="invisible">Open Link Here</span></a>
                        </div>
                    </div>

                    <div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 px-2.5 py-2.5">
                        <div class="w-full h-full bg-white rounded-lg border-gray-200 border pb-[56px] relative transition-all hover:shadow-[0px_8px_24px_rgba(0,0,0,0.1)]">
                            <div class="w-full rounded-tl-lg rounded-tr-lg h-[175px] border-b border-b-gray-200">
                                <img class="w-full h-full object-cover object-center rounded-tl-lg rounded-tr-lg" loading="lazy" src="{{ Vite::asset('resources/images/newsfeed-bg.png')}}" width="937" height="692" alt="">
                            </div>
                            <div class="w-full px-3 py-4">
                                <h2 class="font-semibold text-xl md:text-2xl">What’s this title about 2023</h2>
                                <p class="text-gray-400 text-sm md:text-base leading-[160%] mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis.</p>
                            </div>
                            <div class="absolute bottom-0 left-0 h-[56px] w-full flex items-center justify-between rounded-bl-lg rounded-br-lg px-3 border-t border-t-gray-200">
                                <div>
                                    <div class="pl-8 relative">
                                        <svg class="absolute left-0 top-1/2 -translate-y-1/2" width="26" height="19" viewBox="0 0 26 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.4572 11.2813C11.4906 11.2815 10.5335 11.4722 9.64066 11.8424C8.74779 12.2127 7.93663 12.7552 7.25353 13.4391C6.57043 14.123 6.02878 14.9347 5.65954 15.828C5.2903 16.7213 5.10069 17.6786 5.10157 18.6452H19.8145C19.8154 17.6785 19.6257 16.721 19.2564 15.8276C18.887 14.9342 18.3452 14.1224 17.662 13.4385C16.9787 12.7546 16.1673 12.2121 15.2743 11.8419C14.3812 11.4718 13.4239 11.2812 12.4572 11.2813Z" fill="#69B578"/>
                                            <path d="M5.53833 10.1324C5.53833 11.9215 2.88046 15.6807 2.88046 15.6807C2.8682 15.704 2.84981 15.7236 2.82726 15.7372C2.80472 15.7508 2.77889 15.758 2.75255 15.758C2.72622 15.758 2.70038 15.7508 2.67784 15.7372C2.6553 15.7236 2.6369 15.704 2.62464 15.6807C2.62464 15.6807 0 11.8351 0 10.1324C0 9.39802 0.29175 8.69367 0.811069 8.17435C1.33039 7.65503 2.03474 7.36328 2.76916 7.36328C3.50359 7.36328 4.20794 7.65503 4.72726 8.17435C5.24658 8.69367 5.53833 9.39802 5.53833 10.1324Z" fill="#69B578"/>
                                            <path d="M11.8791 3.38878C11.8791 5.57653 8.61825 10.173 8.61825 10.173C8.60274 10.201 8.57999 10.2244 8.55239 10.2407C8.52478 10.2569 8.49332 10.2655 8.46127 10.2655C8.42922 10.2655 8.39776 10.2569 8.37015 10.2407C8.34255 10.2244 8.31981 10.201 8.30429 10.173C8.30429 10.173 5.10156 5.4752 5.10156 3.38878C5.10156 2.49002 5.45859 1.62807 6.09411 0.99255C6.72963 0.357031 7.59158 0 8.49034 0C9.3891 0 10.251 0.357031 10.8866 0.99255C11.5221 1.62807 11.8791 2.49002 11.8791 3.38878Z" fill="#69B578"/>
                                            <path d="M19.6447 3.38878C19.6447 5.57653 16.3855 10.173 16.3855 10.173C16.3698 10.201 16.3469 10.2243 16.3191 10.2405C16.2914 10.2567 16.2599 10.2653 16.2277 10.2653C16.1956 10.2653 16.1641 10.2567 16.1363 10.2405C16.1086 10.2243 16.0857 10.201 16.0699 10.173C16.0699 10.173 12.8672 5.4752 12.8672 3.38878C12.8672 2.49002 13.2242 1.62807 13.8597 0.99255C14.4953 0.357031 15.3572 0 16.256 0C17.1547 0 18.0167 0.357031 18.6522 0.99255C19.2877 1.62807 19.6447 2.49002 19.6447 3.38878Z" fill="#69B578"/>
                                            <path d="M25.2861 10.1327C25.2861 11.9217 22.6282 15.681 22.6282 15.681C22.6157 15.7042 22.5971 15.7237 22.5745 15.7372C22.5518 15.7508 22.5259 15.7579 22.4995 15.7579C22.4731 15.7579 22.4472 15.7508 22.4245 15.7372C22.4018 15.7237 22.3832 15.7042 22.3707 15.681C22.3707 15.681 19.7461 11.8354 19.7461 10.1327C19.7638 9.40977 20.0634 8.72243 20.581 8.2174C21.0985 7.71238 21.793 7.42969 22.5161 7.42969C23.2392 7.42969 23.9337 7.71238 24.4512 8.2174C24.9688 8.72243 25.2684 9.40977 25.2861 10.1327Z" fill="#69B578"/>
                                        </svg>
                                        MorePaws
                                    </div>
                                </div>
                                <div class="text-gray-400 text-sm">May 30, 2023</div>
                            </div>
                            <a href="#" class="absolute left-0 top-0 bottom-0 right-0 w-full h-full rounded-lg z-10"><span class="invisible">Open Link Here</span></a>
                        </div>
                    </div>

                    <div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 px-2.5 py-2.5">
                        <div class="w-full h-full bg-white rounded-lg border-gray-200 border pb-[56px] relative transition-all hover:shadow-[0px_8px_24px_rgba(0,0,0,0.1)]">
                            <div class="w-full rounded-tl-lg rounded-tr-lg h-[175px] border-b border-b-gray-200">
                                <img class="w-full h-full object-cover object-center rounded-tl-lg rounded-tr-lg" loading="lazy" src="{{ Vite::asset('resources/images/newsfeed-bg.png')}}" width="937" height="692" alt="">
                            </div>
                            <div class="w-full px-3 py-4">
                                <h2 class="font-semibold text-xl md:text-2xl">What’s this title about 2023</h2>
                                <p class="text-gray-400 text-sm md:text-base leading-[160%] mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis.</p>
                            </div>
                            <div class="absolute bottom-0 left-0 h-[56px] w-full flex items-center justify-between rounded-bl-lg rounded-br-lg px-3 border-t border-t-gray-200">
                                <div>
                                    <div class="pl-8 relative">
                                        <svg class="absolute left-0 top-1/2 -translate-y-1/2" width="26" height="19" viewBox="0 0 26 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.4572 11.2813C11.4906 11.2815 10.5335 11.4722 9.64066 11.8424C8.74779 12.2127 7.93663 12.7552 7.25353 13.4391C6.57043 14.123 6.02878 14.9347 5.65954 15.828C5.2903 16.7213 5.10069 17.6786 5.10157 18.6452H19.8145C19.8154 17.6785 19.6257 16.721 19.2564 15.8276C18.887 14.9342 18.3452 14.1224 17.662 13.4385C16.9787 12.7546 16.1673 12.2121 15.2743 11.8419C14.3812 11.4718 13.4239 11.2812 12.4572 11.2813Z" fill="#69B578"/>
                                            <path d="M5.53833 10.1324C5.53833 11.9215 2.88046 15.6807 2.88046 15.6807C2.8682 15.704 2.84981 15.7236 2.82726 15.7372C2.80472 15.7508 2.77889 15.758 2.75255 15.758C2.72622 15.758 2.70038 15.7508 2.67784 15.7372C2.6553 15.7236 2.6369 15.704 2.62464 15.6807C2.62464 15.6807 0 11.8351 0 10.1324C0 9.39802 0.29175 8.69367 0.811069 8.17435C1.33039 7.65503 2.03474 7.36328 2.76916 7.36328C3.50359 7.36328 4.20794 7.65503 4.72726 8.17435C5.24658 8.69367 5.53833 9.39802 5.53833 10.1324Z" fill="#69B578"/>
                                            <path d="M11.8791 3.38878C11.8791 5.57653 8.61825 10.173 8.61825 10.173C8.60274 10.201 8.57999 10.2244 8.55239 10.2407C8.52478 10.2569 8.49332 10.2655 8.46127 10.2655C8.42922 10.2655 8.39776 10.2569 8.37015 10.2407C8.34255 10.2244 8.31981 10.201 8.30429 10.173C8.30429 10.173 5.10156 5.4752 5.10156 3.38878C5.10156 2.49002 5.45859 1.62807 6.09411 0.99255C6.72963 0.357031 7.59158 0 8.49034 0C9.3891 0 10.251 0.357031 10.8866 0.99255C11.5221 1.62807 11.8791 2.49002 11.8791 3.38878Z" fill="#69B578"/>
                                            <path d="M19.6447 3.38878C19.6447 5.57653 16.3855 10.173 16.3855 10.173C16.3698 10.201 16.3469 10.2243 16.3191 10.2405C16.2914 10.2567 16.2599 10.2653 16.2277 10.2653C16.1956 10.2653 16.1641 10.2567 16.1363 10.2405C16.1086 10.2243 16.0857 10.201 16.0699 10.173C16.0699 10.173 12.8672 5.4752 12.8672 3.38878C12.8672 2.49002 13.2242 1.62807 13.8597 0.99255C14.4953 0.357031 15.3572 0 16.256 0C17.1547 0 18.0167 0.357031 18.6522 0.99255C19.2877 1.62807 19.6447 2.49002 19.6447 3.38878Z" fill="#69B578"/>
                                            <path d="M25.2861 10.1327C25.2861 11.9217 22.6282 15.681 22.6282 15.681C22.6157 15.7042 22.5971 15.7237 22.5745 15.7372C22.5518 15.7508 22.5259 15.7579 22.4995 15.7579C22.4731 15.7579 22.4472 15.7508 22.4245 15.7372C22.4018 15.7237 22.3832 15.7042 22.3707 15.681C22.3707 15.681 19.7461 11.8354 19.7461 10.1327C19.7638 9.40977 20.0634 8.72243 20.581 8.2174C21.0985 7.71238 21.793 7.42969 22.5161 7.42969C23.2392 7.42969 23.9337 7.71238 24.4512 8.2174C24.9688 8.72243 25.2684 9.40977 25.2861 10.1327Z" fill="#69B578"/>
                                        </svg>
                                        MorePaws
                                    </div>
                                </div>
                                <div class="text-gray-400 text-sm">May 30, 2023</div>
                            </div>
                            <a href="#" class="absolute left-0 top-0 bottom-0 right-0 w-full h-full rounded-lg z-10"><span class="invisible">Open Link Here</span></a>
                        </div>
                    </div>

                    <div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 px-2.5 py-2.5">
                        <div class="w-full h-full bg-white rounded-lg border-gray-200 border pb-[56px] relative transition-all hover:shadow-[0px_8px_24px_rgba(0,0,0,0.1)]">
                            <div class="w-full rounded-tl-lg rounded-tr-lg h-[175px] border-b border-b-gray-200">
                                <img class="w-full h-full object-cover object-center rounded-tl-lg rounded-tr-lg" loading="lazy" src="{{ Vite::asset('resources/images/newsfeed-bg.png')}}" width="937" height="692" alt="">
                            </div>
                            <div class="w-full px-3 py-4">
                                <h2 class="font-semibold text-xl md:text-2xl">What’s this title about 2023</h2>
                                <p class="text-gray-400 text-sm md:text-base leading-[160%] mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis.</p>
                            </div>
                            <div class="absolute bottom-0 left-0 h-[56px] w-full flex items-center justify-between rounded-bl-lg rounded-br-lg px-3 border-t border-t-gray-200">
                                <div>
                                    <div class="pl-8 relative">
                                        <svg class="absolute left-0 top-1/2 -translate-y-1/2" width="26" height="19" viewBox="0 0 26 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.4572 11.2813C11.4906 11.2815 10.5335 11.4722 9.64066 11.8424C8.74779 12.2127 7.93663 12.7552 7.25353 13.4391C6.57043 14.123 6.02878 14.9347 5.65954 15.828C5.2903 16.7213 5.10069 17.6786 5.10157 18.6452H19.8145C19.8154 17.6785 19.6257 16.721 19.2564 15.8276C18.887 14.9342 18.3452 14.1224 17.662 13.4385C16.9787 12.7546 16.1673 12.2121 15.2743 11.8419C14.3812 11.4718 13.4239 11.2812 12.4572 11.2813Z" fill="#69B578"/>
                                            <path d="M5.53833 10.1324C5.53833 11.9215 2.88046 15.6807 2.88046 15.6807C2.8682 15.704 2.84981 15.7236 2.82726 15.7372C2.80472 15.7508 2.77889 15.758 2.75255 15.758C2.72622 15.758 2.70038 15.7508 2.67784 15.7372C2.6553 15.7236 2.6369 15.704 2.62464 15.6807C2.62464 15.6807 0 11.8351 0 10.1324C0 9.39802 0.29175 8.69367 0.811069 8.17435C1.33039 7.65503 2.03474 7.36328 2.76916 7.36328C3.50359 7.36328 4.20794 7.65503 4.72726 8.17435C5.24658 8.69367 5.53833 9.39802 5.53833 10.1324Z" fill="#69B578"/>
                                            <path d="M11.8791 3.38878C11.8791 5.57653 8.61825 10.173 8.61825 10.173C8.60274 10.201 8.57999 10.2244 8.55239 10.2407C8.52478 10.2569 8.49332 10.2655 8.46127 10.2655C8.42922 10.2655 8.39776 10.2569 8.37015 10.2407C8.34255 10.2244 8.31981 10.201 8.30429 10.173C8.30429 10.173 5.10156 5.4752 5.10156 3.38878C5.10156 2.49002 5.45859 1.62807 6.09411 0.99255C6.72963 0.357031 7.59158 0 8.49034 0C9.3891 0 10.251 0.357031 10.8866 0.99255C11.5221 1.62807 11.8791 2.49002 11.8791 3.38878Z" fill="#69B578"/>
                                            <path d="M19.6447 3.38878C19.6447 5.57653 16.3855 10.173 16.3855 10.173C16.3698 10.201 16.3469 10.2243 16.3191 10.2405C16.2914 10.2567 16.2599 10.2653 16.2277 10.2653C16.1956 10.2653 16.1641 10.2567 16.1363 10.2405C16.1086 10.2243 16.0857 10.201 16.0699 10.173C16.0699 10.173 12.8672 5.4752 12.8672 3.38878C12.8672 2.49002 13.2242 1.62807 13.8597 0.99255C14.4953 0.357031 15.3572 0 16.256 0C17.1547 0 18.0167 0.357031 18.6522 0.99255C19.2877 1.62807 19.6447 2.49002 19.6447 3.38878Z" fill="#69B578"/>
                                            <path d="M25.2861 10.1327C25.2861 11.9217 22.6282 15.681 22.6282 15.681C22.6157 15.7042 22.5971 15.7237 22.5745 15.7372C22.5518 15.7508 22.5259 15.7579 22.4995 15.7579C22.4731 15.7579 22.4472 15.7508 22.4245 15.7372C22.4018 15.7237 22.3832 15.7042 22.3707 15.681C22.3707 15.681 19.7461 11.8354 19.7461 10.1327C19.7638 9.40977 20.0634 8.72243 20.581 8.2174C21.0985 7.71238 21.793 7.42969 22.5161 7.42969C23.2392 7.42969 23.9337 7.71238 24.4512 8.2174C24.9688 8.72243 25.2684 9.40977 25.2861 10.1327Z" fill="#69B578"/>
                                        </svg>
                                        MorePaws
                                    </div>
                                </div>
                                <div class="text-gray-400 text-sm">May 30, 2023</div>
                            </div>
                            <a href="#" class="absolute left-0 top-0 bottom-0 right-0 w-full h-full rounded-lg z-10"><span class="invisible">Open Link Here</span></a>
                        </div>
                    </div>

                    <div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 px-2.5 py-2.5">
                        <div class="w-full h-full bg-white rounded-lg border-gray-200 border pb-[56px] relative transition-all hover:shadow-[0px_8px_24px_rgba(0,0,0,0.1)]">
                            <div class="w-full rounded-tl-lg rounded-tr-lg h-[175px] border-b border-b-gray-200">
                                <img class="w-full h-full object-cover object-center rounded-tl-lg rounded-tr-lg" loading="lazy" src="{{ Vite::asset('resources/images/newsfeed-bg.png')}}" width="937" height="692" alt="">
                            </div>
                            <div class="w-full px-3 py-4">
                                <h2 class="font-semibold text-xl md:text-2xl">What’s this title about 2023</h2>
                                <p class="text-gray-400 text-sm md:text-base leading-[160%] mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis.</p>
                            </div>
                            <div class="absolute bottom-0 left-0 h-[56px] w-full flex items-center justify-between rounded-bl-lg rounded-br-lg px-3 border-t border-t-gray-200">
                                <div>
                                    <div class="pl-8 relative">
                                        <svg class="absolute left-0 top-1/2 -translate-y-1/2" width="26" height="19" viewBox="0 0 26 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.4572 11.2813C11.4906 11.2815 10.5335 11.4722 9.64066 11.8424C8.74779 12.2127 7.93663 12.7552 7.25353 13.4391C6.57043 14.123 6.02878 14.9347 5.65954 15.828C5.2903 16.7213 5.10069 17.6786 5.10157 18.6452H19.8145C19.8154 17.6785 19.6257 16.721 19.2564 15.8276C18.887 14.9342 18.3452 14.1224 17.662 13.4385C16.9787 12.7546 16.1673 12.2121 15.2743 11.8419C14.3812 11.4718 13.4239 11.2812 12.4572 11.2813Z" fill="#69B578"/>
                                            <path d="M5.53833 10.1324C5.53833 11.9215 2.88046 15.6807 2.88046 15.6807C2.8682 15.704 2.84981 15.7236 2.82726 15.7372C2.80472 15.7508 2.77889 15.758 2.75255 15.758C2.72622 15.758 2.70038 15.7508 2.67784 15.7372C2.6553 15.7236 2.6369 15.704 2.62464 15.6807C2.62464 15.6807 0 11.8351 0 10.1324C0 9.39802 0.29175 8.69367 0.811069 8.17435C1.33039 7.65503 2.03474 7.36328 2.76916 7.36328C3.50359 7.36328 4.20794 7.65503 4.72726 8.17435C5.24658 8.69367 5.53833 9.39802 5.53833 10.1324Z" fill="#69B578"/>
                                            <path d="M11.8791 3.38878C11.8791 5.57653 8.61825 10.173 8.61825 10.173C8.60274 10.201 8.57999 10.2244 8.55239 10.2407C8.52478 10.2569 8.49332 10.2655 8.46127 10.2655C8.42922 10.2655 8.39776 10.2569 8.37015 10.2407C8.34255 10.2244 8.31981 10.201 8.30429 10.173C8.30429 10.173 5.10156 5.4752 5.10156 3.38878C5.10156 2.49002 5.45859 1.62807 6.09411 0.99255C6.72963 0.357031 7.59158 0 8.49034 0C9.3891 0 10.251 0.357031 10.8866 0.99255C11.5221 1.62807 11.8791 2.49002 11.8791 3.38878Z" fill="#69B578"/>
                                            <path d="M19.6447 3.38878C19.6447 5.57653 16.3855 10.173 16.3855 10.173C16.3698 10.201 16.3469 10.2243 16.3191 10.2405C16.2914 10.2567 16.2599 10.2653 16.2277 10.2653C16.1956 10.2653 16.1641 10.2567 16.1363 10.2405C16.1086 10.2243 16.0857 10.201 16.0699 10.173C16.0699 10.173 12.8672 5.4752 12.8672 3.38878C12.8672 2.49002 13.2242 1.62807 13.8597 0.99255C14.4953 0.357031 15.3572 0 16.256 0C17.1547 0 18.0167 0.357031 18.6522 0.99255C19.2877 1.62807 19.6447 2.49002 19.6447 3.38878Z" fill="#69B578"/>
                                            <path d="M25.2861 10.1327C25.2861 11.9217 22.6282 15.681 22.6282 15.681C22.6157 15.7042 22.5971 15.7237 22.5745 15.7372C22.5518 15.7508 22.5259 15.7579 22.4995 15.7579C22.4731 15.7579 22.4472 15.7508 22.4245 15.7372C22.4018 15.7237 22.3832 15.7042 22.3707 15.681C22.3707 15.681 19.7461 11.8354 19.7461 10.1327C19.7638 9.40977 20.0634 8.72243 20.581 8.2174C21.0985 7.71238 21.793 7.42969 22.5161 7.42969C23.2392 7.42969 23.9337 7.71238 24.4512 8.2174C24.9688 8.72243 25.2684 9.40977 25.2861 10.1327Z" fill="#69B578"/>
                                        </svg>
                                        MorePaws
                                    </div>
                                </div>
                                <div class="text-gray-400 text-sm">May 30, 2023</div>
                            </div>
                            <a href="#" class="absolute left-0 top-0 bottom-0 right-0 w-full h-full rounded-lg z-10"><span class="invisible">Open Link Here</span></a>
                        </div>
                    </div>

                    <div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 px-2.5 py-2.5">
                        <div class="w-full h-full bg-white rounded-lg border-gray-200 border pb-[56px] relative transition-all hover:shadow-[0px_8px_24px_rgba(0,0,0,0.1)]">
                            <div class="w-full rounded-tl-lg rounded-tr-lg h-[175px] border-b border-b-gray-200">
                                <img class="w-full h-full object-cover object-center rounded-tl-lg rounded-tr-lg" loading="lazy" src="{{ Vite::asset('resources/images/newsfeed-bg.png')}}" width="937" height="692" alt="">
                            </div>
                            <div class="w-full px-3 py-4">
                                <h2 class="font-semibold text-xl md:text-2xl">What’s this title about 2023</h2>
                                <p class="text-gray-400 text-sm md:text-base leading-[160%] mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis.</p>
                            </div>
                            <div class="absolute bottom-0 left-0 h-[56px] w-full flex items-center justify-between rounded-bl-lg rounded-br-lg px-3 border-t border-t-gray-200">
                                <div>
                                    <div class="pl-8 relative">
                                        <svg class="absolute left-0 top-1/2 -translate-y-1/2" width="26" height="19" viewBox="0 0 26 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.4572 11.2813C11.4906 11.2815 10.5335 11.4722 9.64066 11.8424C8.74779 12.2127 7.93663 12.7552 7.25353 13.4391C6.57043 14.123 6.02878 14.9347 5.65954 15.828C5.2903 16.7213 5.10069 17.6786 5.10157 18.6452H19.8145C19.8154 17.6785 19.6257 16.721 19.2564 15.8276C18.887 14.9342 18.3452 14.1224 17.662 13.4385C16.9787 12.7546 16.1673 12.2121 15.2743 11.8419C14.3812 11.4718 13.4239 11.2812 12.4572 11.2813Z" fill="#69B578"/>
                                            <path d="M5.53833 10.1324C5.53833 11.9215 2.88046 15.6807 2.88046 15.6807C2.8682 15.704 2.84981 15.7236 2.82726 15.7372C2.80472 15.7508 2.77889 15.758 2.75255 15.758C2.72622 15.758 2.70038 15.7508 2.67784 15.7372C2.6553 15.7236 2.6369 15.704 2.62464 15.6807C2.62464 15.6807 0 11.8351 0 10.1324C0 9.39802 0.29175 8.69367 0.811069 8.17435C1.33039 7.65503 2.03474 7.36328 2.76916 7.36328C3.50359 7.36328 4.20794 7.65503 4.72726 8.17435C5.24658 8.69367 5.53833 9.39802 5.53833 10.1324Z" fill="#69B578"/>
                                            <path d="M11.8791 3.38878C11.8791 5.57653 8.61825 10.173 8.61825 10.173C8.60274 10.201 8.57999 10.2244 8.55239 10.2407C8.52478 10.2569 8.49332 10.2655 8.46127 10.2655C8.42922 10.2655 8.39776 10.2569 8.37015 10.2407C8.34255 10.2244 8.31981 10.201 8.30429 10.173C8.30429 10.173 5.10156 5.4752 5.10156 3.38878C5.10156 2.49002 5.45859 1.62807 6.09411 0.99255C6.72963 0.357031 7.59158 0 8.49034 0C9.3891 0 10.251 0.357031 10.8866 0.99255C11.5221 1.62807 11.8791 2.49002 11.8791 3.38878Z" fill="#69B578"/>
                                            <path d="M19.6447 3.38878C19.6447 5.57653 16.3855 10.173 16.3855 10.173C16.3698 10.201 16.3469 10.2243 16.3191 10.2405C16.2914 10.2567 16.2599 10.2653 16.2277 10.2653C16.1956 10.2653 16.1641 10.2567 16.1363 10.2405C16.1086 10.2243 16.0857 10.201 16.0699 10.173C16.0699 10.173 12.8672 5.4752 12.8672 3.38878C12.8672 2.49002 13.2242 1.62807 13.8597 0.99255C14.4953 0.357031 15.3572 0 16.256 0C17.1547 0 18.0167 0.357031 18.6522 0.99255C19.2877 1.62807 19.6447 2.49002 19.6447 3.38878Z" fill="#69B578"/>
                                            <path d="M25.2861 10.1327C25.2861 11.9217 22.6282 15.681 22.6282 15.681C22.6157 15.7042 22.5971 15.7237 22.5745 15.7372C22.5518 15.7508 22.5259 15.7579 22.4995 15.7579C22.4731 15.7579 22.4472 15.7508 22.4245 15.7372C22.4018 15.7237 22.3832 15.7042 22.3707 15.681C22.3707 15.681 19.7461 11.8354 19.7461 10.1327C19.7638 9.40977 20.0634 8.72243 20.581 8.2174C21.0985 7.71238 21.793 7.42969 22.5161 7.42969C23.2392 7.42969 23.9337 7.71238 24.4512 8.2174C24.9688 8.72243 25.2684 9.40977 25.2861 10.1327Z" fill="#69B578"/>
                                        </svg>
                                        MorePaws
                                    </div>
                                </div>
                                <div class="text-gray-400 text-sm">May 30, 2023</div>
                            </div>
                            <a href="#" class="absolute left-0 top-0 bottom-0 right-0 w-full h-full rounded-lg z-10"><span class="invisible">Open Link Here</span></a>
                        </div>
                    </div>

                    <div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 px-2.5 py-2.5">
                        <div class="w-full h-full bg-white rounded-lg border-gray-200 border pb-[56px] relative transition-all hover:shadow-[0px_8px_24px_rgba(0,0,0,0.1)]">
                            <div class="w-full rounded-tl-lg rounded-tr-lg h-[175px] border-b border-b-gray-200">
                                <img class="w-full h-full object-cover object-center rounded-tl-lg rounded-tr-lg" loading="lazy" src="{{ Vite::asset('resources/images/newsfeed-bg.png')}}" width="937" height="692" alt="">
                            </div>
                            <div class="w-full px-3 py-4">
                                <h2 class="font-semibold text-xl md:text-2xl">What’s this title about 2023</h2>
                                <p class="text-gray-400 text-sm md:text-base leading-[160%] mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis.</p>
                            </div>
                            <div class="absolute bottom-0 left-0 h-[56px] w-full flex items-center justify-between rounded-bl-lg rounded-br-lg px-3 border-t border-t-gray-200">
                                <div>
                                    <div class="pl-8 relative">
                                        <svg class="absolute left-0 top-1/2 -translate-y-1/2" width="26" height="19" viewBox="0 0 26 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.4572 11.2813C11.4906 11.2815 10.5335 11.4722 9.64066 11.8424C8.74779 12.2127 7.93663 12.7552 7.25353 13.4391C6.57043 14.123 6.02878 14.9347 5.65954 15.828C5.2903 16.7213 5.10069 17.6786 5.10157 18.6452H19.8145C19.8154 17.6785 19.6257 16.721 19.2564 15.8276C18.887 14.9342 18.3452 14.1224 17.662 13.4385C16.9787 12.7546 16.1673 12.2121 15.2743 11.8419C14.3812 11.4718 13.4239 11.2812 12.4572 11.2813Z" fill="#69B578"/>
                                            <path d="M5.53833 10.1324C5.53833 11.9215 2.88046 15.6807 2.88046 15.6807C2.8682 15.704 2.84981 15.7236 2.82726 15.7372C2.80472 15.7508 2.77889 15.758 2.75255 15.758C2.72622 15.758 2.70038 15.7508 2.67784 15.7372C2.6553 15.7236 2.6369 15.704 2.62464 15.6807C2.62464 15.6807 0 11.8351 0 10.1324C0 9.39802 0.29175 8.69367 0.811069 8.17435C1.33039 7.65503 2.03474 7.36328 2.76916 7.36328C3.50359 7.36328 4.20794 7.65503 4.72726 8.17435C5.24658 8.69367 5.53833 9.39802 5.53833 10.1324Z" fill="#69B578"/>
                                            <path d="M11.8791 3.38878C11.8791 5.57653 8.61825 10.173 8.61825 10.173C8.60274 10.201 8.57999 10.2244 8.55239 10.2407C8.52478 10.2569 8.49332 10.2655 8.46127 10.2655C8.42922 10.2655 8.39776 10.2569 8.37015 10.2407C8.34255 10.2244 8.31981 10.201 8.30429 10.173C8.30429 10.173 5.10156 5.4752 5.10156 3.38878C5.10156 2.49002 5.45859 1.62807 6.09411 0.99255C6.72963 0.357031 7.59158 0 8.49034 0C9.3891 0 10.251 0.357031 10.8866 0.99255C11.5221 1.62807 11.8791 2.49002 11.8791 3.38878Z" fill="#69B578"/>
                                            <path d="M19.6447 3.38878C19.6447 5.57653 16.3855 10.173 16.3855 10.173C16.3698 10.201 16.3469 10.2243 16.3191 10.2405C16.2914 10.2567 16.2599 10.2653 16.2277 10.2653C16.1956 10.2653 16.1641 10.2567 16.1363 10.2405C16.1086 10.2243 16.0857 10.201 16.0699 10.173C16.0699 10.173 12.8672 5.4752 12.8672 3.38878C12.8672 2.49002 13.2242 1.62807 13.8597 0.99255C14.4953 0.357031 15.3572 0 16.256 0C17.1547 0 18.0167 0.357031 18.6522 0.99255C19.2877 1.62807 19.6447 2.49002 19.6447 3.38878Z" fill="#69B578"/>
                                            <path d="M25.2861 10.1327C25.2861 11.9217 22.6282 15.681 22.6282 15.681C22.6157 15.7042 22.5971 15.7237 22.5745 15.7372C22.5518 15.7508 22.5259 15.7579 22.4995 15.7579C22.4731 15.7579 22.4472 15.7508 22.4245 15.7372C22.4018 15.7237 22.3832 15.7042 22.3707 15.681C22.3707 15.681 19.7461 11.8354 19.7461 10.1327C19.7638 9.40977 20.0634 8.72243 20.581 8.2174C21.0985 7.71238 21.793 7.42969 22.5161 7.42969C23.2392 7.42969 23.9337 7.71238 24.4512 8.2174C24.9688 8.72243 25.2684 9.40977 25.2861 10.1327Z" fill="#69B578"/>
                                        </svg>
                                        MorePaws
                                    </div>
                                </div>
                                <div class="text-gray-400 text-sm">May 30, 2023</div>
                            </div>
                            <a href="#" class="absolute left-0 top-0 bottom-0 right-0 w-full h-full rounded-lg z-10"><span class="invisible">Open Link Here</span></a>
                        </div>
                    </div>

                    <div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 px-2.5 py-2.5">
                        <div class="w-full h-full bg-white rounded-lg border-gray-200 border pb-[56px] relative transition-all hover:shadow-[0px_8px_24px_rgba(0,0,0,0.1)]">
                            <div class="w-full rounded-tl-lg rounded-tr-lg h-[175px] border-b border-b-gray-200">
                                <img class="w-full h-full object-cover object-center rounded-tl-lg rounded-tr-lg" loading="lazy" src="{{ Vite::asset('resources/images/newsfeed-bg.png')}}" width="937" height="692" alt="">
                            </div>
                            <div class="w-full px-3 py-4">
                                <h2 class="font-semibold text-xl md:text-2xl">What’s this title about 2023</h2>
                                <p class="text-gray-400 text-sm md:text-base leading-[160%] mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis.</p>
                            </div>
                            <div class="absolute bottom-0 left-0 h-[56px] w-full flex items-center justify-between rounded-bl-lg rounded-br-lg px-3 border-t border-t-gray-200">
                                <div>
                                    <div class="pl-8 relative">
                                        <svg class="absolute left-0 top-1/2 -translate-y-1/2" width="26" height="19" viewBox="0 0 26 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.4572 11.2813C11.4906 11.2815 10.5335 11.4722 9.64066 11.8424C8.74779 12.2127 7.93663 12.7552 7.25353 13.4391C6.57043 14.123 6.02878 14.9347 5.65954 15.828C5.2903 16.7213 5.10069 17.6786 5.10157 18.6452H19.8145C19.8154 17.6785 19.6257 16.721 19.2564 15.8276C18.887 14.9342 18.3452 14.1224 17.662 13.4385C16.9787 12.7546 16.1673 12.2121 15.2743 11.8419C14.3812 11.4718 13.4239 11.2812 12.4572 11.2813Z" fill="#69B578"/>
                                            <path d="M5.53833 10.1324C5.53833 11.9215 2.88046 15.6807 2.88046 15.6807C2.8682 15.704 2.84981 15.7236 2.82726 15.7372C2.80472 15.7508 2.77889 15.758 2.75255 15.758C2.72622 15.758 2.70038 15.7508 2.67784 15.7372C2.6553 15.7236 2.6369 15.704 2.62464 15.6807C2.62464 15.6807 0 11.8351 0 10.1324C0 9.39802 0.29175 8.69367 0.811069 8.17435C1.33039 7.65503 2.03474 7.36328 2.76916 7.36328C3.50359 7.36328 4.20794 7.65503 4.72726 8.17435C5.24658 8.69367 5.53833 9.39802 5.53833 10.1324Z" fill="#69B578"/>
                                            <path d="M11.8791 3.38878C11.8791 5.57653 8.61825 10.173 8.61825 10.173C8.60274 10.201 8.57999 10.2244 8.55239 10.2407C8.52478 10.2569 8.49332 10.2655 8.46127 10.2655C8.42922 10.2655 8.39776 10.2569 8.37015 10.2407C8.34255 10.2244 8.31981 10.201 8.30429 10.173C8.30429 10.173 5.10156 5.4752 5.10156 3.38878C5.10156 2.49002 5.45859 1.62807 6.09411 0.99255C6.72963 0.357031 7.59158 0 8.49034 0C9.3891 0 10.251 0.357031 10.8866 0.99255C11.5221 1.62807 11.8791 2.49002 11.8791 3.38878Z" fill="#69B578"/>
                                            <path d="M19.6447 3.38878C19.6447 5.57653 16.3855 10.173 16.3855 10.173C16.3698 10.201 16.3469 10.2243 16.3191 10.2405C16.2914 10.2567 16.2599 10.2653 16.2277 10.2653C16.1956 10.2653 16.1641 10.2567 16.1363 10.2405C16.1086 10.2243 16.0857 10.201 16.0699 10.173C16.0699 10.173 12.8672 5.4752 12.8672 3.38878C12.8672 2.49002 13.2242 1.62807 13.8597 0.99255C14.4953 0.357031 15.3572 0 16.256 0C17.1547 0 18.0167 0.357031 18.6522 0.99255C19.2877 1.62807 19.6447 2.49002 19.6447 3.38878Z" fill="#69B578"/>
                                            <path d="M25.2861 10.1327C25.2861 11.9217 22.6282 15.681 22.6282 15.681C22.6157 15.7042 22.5971 15.7237 22.5745 15.7372C22.5518 15.7508 22.5259 15.7579 22.4995 15.7579C22.4731 15.7579 22.4472 15.7508 22.4245 15.7372C22.4018 15.7237 22.3832 15.7042 22.3707 15.681C22.3707 15.681 19.7461 11.8354 19.7461 10.1327C19.7638 9.40977 20.0634 8.72243 20.581 8.2174C21.0985 7.71238 21.793 7.42969 22.5161 7.42969C23.2392 7.42969 23.9337 7.71238 24.4512 8.2174C24.9688 8.72243 25.2684 9.40977 25.2861 10.1327Z" fill="#69B578"/>
                                        </svg>
                                        MorePaws
                                    </div>
                                </div>
                                <div class="text-gray-400 text-sm">May 30, 2023</div>
                            </div>
                            <a href="#" class="absolute left-0 top-0 bottom-0 right-0 w-full h-full rounded-lg z-10"><span class="invisible">Open Link Here</span></a>
                        </div>
                    </div>
                </div>

                <div class="flex w-full justify-center items-center -m-1.5 pt-8">
                    <div class="py-2 px-1.5 mr-2">
                        <a href="#" class="inline-block w-6 h-6 rounded-md text-center text-gray-500 text-bold text-sm leading-5.5 hover:bg-gray-100 transition-all">
                            <svg class="inline-block align-middle" width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M3.30039 5.99999L6.80039 2.49999C7.20039 2.09999 7.20039 1.49999 6.80039 1.09999C6.40039 0.699988 5.80039 0.699988 5.40039 1.09999L1.20039 5.29999C0.800391 5.69999 0.800391 6.29999 1.20039 6.69999L5.40039 10.9C5.60039 11.1 5.80039 11.2 6.10039 11.2C6.40039 11.2 6.60039 11.1 6.80039 10.9C7.20039 10.5 7.20039 9.89999 6.80039 9.49999L3.30039 5.99999Z" fill="#6B7280"/>
                            </svg>
                        </a>
                    </div>
                    <div class="py-2 px-1.5">
                        <a href="#" class="inline-block w-6 h-6 rounded-md text-center leading-6 bg-maingreen  text-white text-sm font-bold hover:bg-maingreenhover transition-all">1</a>
                    </div>
                    <div class="py-2 px-1.5">
                        <a href="#" class="inline-block w-6 h-6 rounded-md text-center text-gray-500 text-bold text-sm leading-6 hover:bg-gray-100 transition-all">2</a>
                    </div>
                    <div class="py-2 px-1.5">
                        <a href="#" class="inline-block w-6 h-6 rounded-md text-center text-gray-500 text-bold text-sm leading-6 hover:bg-gray-100 transition-all">3</a>
                    </div>
                    <div class="py-2 px-1.5">
                        <a href="#" class="inline-block w-6 h-6 rounded-md text-center text-gray-500 text-bold text-sm leading-6 hover:bg-gray-100 transition-all">...</a>
                    </div>
                    <div class="py-2 px-1.5">
                        <a href="#" class="inline-block w-6 h-6 rounded-md text-center text-gray-500 text-bold text-sm leading-6 hover:bg-gray-100 transition-all">12</a>
                    </div>
                    <div class="py-2 px-1.5 ml-2">
                        <a href="#" class="inline-block w-6 h-6 rounded-md text-center text-gray-500 text-bold text-sm leading-5.5 hover:bg-gray-100 transition-all">
                            <svg class="inline-block align-middle" width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M4.69961 6.00001L1.19961 9.50001C0.799609 9.90001 0.799609 10.5 1.19961 10.9C1.59961 11.3 2.19961 11.3 2.59961 10.9L6.79961 6.70001C7.19961 6.30001 7.19961 5.70001 6.79961 5.30001L2.59961 1.10001C2.39961 0.900013 2.19961 0.800011 1.89961 0.800011C1.59961 0.800011 1.39961 0.900012 1.19961 1.10001C0.79961 1.50001 0.79961 2.10001 1.19961 2.50001L4.69961 6.00001Z" fill="#6B7280"/>
                            </svg>
                        </a>
                    </div>
                </div>
            </div>
        </section>

    </div>
</div>
</x-app-layout>