@php
  $items = collect([
    [
          'title' => 'Financing',
          'description' => 'Our financing options',
          'href' => route('financing'),
      ],
      [
          'title' => 'About Us',
          'description' => 'Who we are',
          'href' => route('about'),
      ],
      [
          'title' => 'Reviews',
          'description' => 'What clients are saying',
          'href' => route('reviews'),
      ],
      [
          'title' => 'Warranty',
          'description' => 'Our project protection plan',
          'href' => route('warranty'),
      ],
      /* [
          'title' => 'Services Areas',
          'description' => 'Where we serve',
          'href' => route('services.areas'),
      ], */
      [
          'title' => 'Pool School',
          'description' => 'Learn how to maintain your pool',
          'href' =>  route('pool-school.index'),
      ],
      [
          'title' => 'Elevated Living',
          'description' => 'Read our lifestyle blog',
          'href' => route('blog.index'),
      ],
      [
          'title' => 'Careers',
          'description' => 'Join our team',
          'href' => route('careers.index'),
      ],
      [
          'title' => 'Contact',
          'description' => 'Talk to us',
          'href' => route('contact'),
      ],
  ]);
@endphp
<ul class="grid grid-cols-2 lg:grid-cols-3 col-span-full">
  @foreach ($items as $item)
    <li class="w-full">
      <a href="{{ $item['href'] }}" class="flex h-full w-full items-center gap-4 p-4 hover:bg-white/10 justify-center lg:justify-start">
        <p class="flex flex-col gap-1 text-xl font-light text-white items-center lg:items-start">
          <span class="text-center">{{ $item['title'] }}</span>
          <span class="text-sm text-center text-white/70">{{ $item['description'] }}</span>
        </p>
      </a>
    </li>
  @endforeach
</ul>