@extends('layouts.app')

@section('content')
<div class="w-full px-4 py-4 sm:px-6 sm:py-6">
    {{-- Page Header --}}
    <div class="mb-6">
        <h1 class="text-2xl sm:text-3xl font-semibold tracking-tight text-gray-900 dark:text-white">Menu Intelligence</h1>
        <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">AI-powered insights & recommendations to boost sales and efficiency</p>
    </div>

    {{-- Menu Intelligence Component --}}
    @livewire('dashboard.menu-intelligence')
</div>
@endsection