<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>@yield('title','Pizza Ndeso')</title>

  <!-- Bootstrap 5 CDN -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">

  <!-- Optional icons -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">

  <style>
    /* quick custom style so looks distinct from temanmu */
    .hero { min-height: 60vh; display:flex; align-items:center; }
    .hero .overlay { background: rgba(0,0,0,0.35); }
    .card-menu { border: none; border-radius: .8rem; transition: transform .18s; }
    .card-menu:hover { transform: translateY(-6px); }
  </style>

  @stack('head')
</head>
<body>
  @include('partials.navbar')

  <main class="py-4">
    @yield('content')
  </main>

  @include('partials.footer')

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
  @stack('scripts')
</body>
</html>
