@extends('layouts.app')

{{-- Charge le CSS propre à cette page --}}
@push('styles')
    @vite('resources/css/pages/home.css')
@endpush

@section('content')
<div class="container mx-auto px-4 py-8">
    <div class="text-center">
        <h1 class="text-4xl font-bold text-gray-800 dark:text-white mb-4">
            Bienvenue sur AZ Senegal
        </h1>
        <p class="text-lg text-gray-600 dark:text-gray-300 mb-8">
            Votre plateforme de services au Sénégal
        </p>
        <div class="space-x-4">
            <a href="#" class="bg-blue-500 hover:bg-blue-600 text-white px-6 py-3 rounded-lg font-medium">
                Commencer
            </a>
            <a href="#" class="bg-gray-200 hover:bg-gray-300 text-gray-800 px-6 py-3 rounded-lg font-medium">
                En savoir plus
            </a>
        </div>
    </div>
</div>
@endsection