@extends('layouts.app')

@section('title', 'All Projects')

@section('content')
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
    <!-- Header -->
    <div class="mb-8">
        <h1 class="text-3xl font-bold text-gray-900">All Projects</h1>
        <p class="text-gray-600">Browse available projects</p>
    </div>

    <!-- Projects List -->
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
        <div class="text-center py-8 text-gray-500">
            <i class="fas fa-project-diagram text-gray-400 text-3xl mb-3"></i>
            <p>No projects available at the moment.</p>
        </div>
    </div>
</div>
@endsection