app/resources/views/dashboard.blade.php

<x-layouts.app>
    <div class="px-4 sm:px-6 lg:px-8">
        <div class="max-w-7xl mx-auto">
            @if (session('success'))
                <div class="mb-6 border-2 border-success rounded-lg p-4 bg-success/10">
                    <p class="text-success font-bold">Welcome to Dish Planner!</p>
                    <p class="text-gray-100 text-sm">Your subscription is now active. Start planning your dishes!</p>
                </div>
            @endif

            <h1 class="text-2xl font-syncopate text-accent-blue mb-8">DASHBOARD</h1>
            
            <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                <a href="{{ route('users.index') }}" class="border-2 border-secondary rounded-lg p-6 hover:bg-gray-700 transition-colors duration-200">
                    <h3 class="text-xl font-bold text-primary mb-2">Manage Users</h3>
                    <p class="text-gray-100">Add and manage planner users</p>
                </a>

                <a href="{{ route('dishes.index') }}" class="border-2 border-secondary rounded-lg p-6 hover:bg-gray-700 transition-colors duration-200">
                    <h3 class="text-xl font-bold text-accent-blue mb-2">Manage Dishes</h3>
                    <p class="text-gray-100">Create and manage your dish collection</p>
                </a>

                <a href="{{ route('schedule.index') }}" class="border-2 border-secondary rounded-lg p-6 hover:bg-gray-700 transition-colors duration-200">
                    <h3 class="text-xl font-bold text-success mb-2">View Schedule</h3>
                    <p class="text-gray-100">See your monthly dish schedule</p>
                </a>
            </div>
        </div>
    </div>
</x-layouts.app>