<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>@yield('title', 'A1 Movex Global Services')</title>
  <meta name="description" content="@yield('description', 'End-to-end global logistics — air, ocean and road freight across 50+ countries. Trusted since 2009.')"/>
  <link rel="icon" type="image/png" href="{{ asset('favicon-96x96.png') }}" sizes="96x96"/>
  <link rel="icon" type="image/svg+xml" href="{{ asset('favicon.svg') }}"/>
  <link rel="shortcut icon" href="{{ asset('favicon.ico') }}"/>
  <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('apple-touch-icon.png') }}"/>
  <link rel="manifest" href="{{ asset('site.webmanifest') }}"/>
  <link rel="preconnect" href="https://fonts.googleapis.com"/>
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
  <link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet"/>
  @vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body class="bg-white text-[#0c1427] overflow-x-hidden antialiased">

@include('partials.navbar')

@yield('content')

@include('partials.footer')

</body>
</html>
