@extends('layouts.app')

@section('title', 'Blogs')

@section('content')




<link rel="canonical" href="https://www.environet.com.ph/news" />
<div class="mt-20">
    <x-banner src="{{ asset('images/contact/contact-banner.jpg') }}" alt=""></x-banner>
</div>
<div class="relative bg-gray-50 pt-8 pb-20 px-4 sm:px-6 lg:pt-10 lg:pb-28 lg:px-8">
    <x-page-title class="mt-12">News</x-page-title>
    <div class="mt-12 relative max-w-7xl mx-auto">
        <div class="text-center">
        </div>
        <div class="mt-12 max-w-lg mx-auto grid gap-5 lg:grid-cols-3 lg:max-w-none">
            <livewire:pub.blogs.blog-view />
        </div>
    </div>
</div>
@endsection