@extends('layouts.site')
 
@section('content')


  <!-- Blog Hero Section -->
  <section class="text-center py-20 px-4">
    <h1 class="text-5xl font-bold text-gray-900 mb-10">Blog</h1>
    <div class="flex flex-col items-center space-y-6">
      <div class="w-20 h-20 bg-blue-100 rounded-full flex items-center justify-center">
        <svg class="w-10 h-10 text-blue-600" fill="none" stroke="currentColor" stroke-width="2"
             viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round">
          <path d="M4 4h16v16H4z" stroke="none"/>
          <path d="M4 4l8 8l8-8" />
        </svg>
      </div>
      <h2 class="text-xl font-semibold text-gray-800">Legal insights<br>and advice</h2>
      <a href="#" class="bg-blue-600 text-white px-6 py-3 rounded-md font-semibold hover:bg-blue-700 transition">
        Get Started
      </a>
    </div>
  </section>

  @endsection