<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
    <title><?= e($metaTitle ?? seo_title()) ?></title>
    <meta name="description" content="<?= e($metaDescription ?? seo_description()) ?>">
    <meta name="robots" content="<?= APP_ENV === 'production' ? 'index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1' : 'noindex,nofollow,noarchive' ?>">
    <link rel="canonical" href="<?= e($canonicalUrl ?? site_url('/')) ?>">

    <meta property="og:type" content="website">
    <meta property="og:site_name" content="FleetLume">
    <meta property="og:title" content="<?= e($metaTitle ?? seo_title()) ?>">
    <meta property="og:description" content="<?= e($metaDescription ?? seo_description()) ?>">
    <meta property="og:url" content="<?= e($canonicalUrl ?? site_url('/')) ?>">
    <meta property="og:image" content="<?= e(site_url('/assets/images/fleetlume-og-image.jpg')) ?>">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:image:alt" content="FleetLume fleet operations platform">

    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="<?= e($metaTitle ?? seo_title()) ?>">
    <meta name="twitter:description" content="<?= e($metaDescription ?? seo_description()) ?>">
    <meta name="twitter:image" content="<?= e(site_url('/assets/images/fleetlume-og-image.jpg')) ?>">

    <meta name="theme-color" content="#071f5b">
    <link rel="icon" href="<?= asset('images/favicon.ico') ?>" sizes="any">
    <link rel="icon" type="image/png" sizes="32x32" href="<?= asset('images/icon-32.png') ?>">
    <link rel="apple-touch-icon" sizes="180x180" href="<?= asset('images/icon-180.png') ?>">
    <link rel="manifest" href="<?= url('/manifest.json') ?>">
    <link rel="stylesheet" href="<?= asset('css/app.css') ?>">

    <script type="application/ld+json"><?= json_encode([
        '@context' => 'https://schema.org',
        '@type' => 'SoftwareApplication',
        'name' => 'FleetLume',
        'applicationCategory' => 'BusinessApplication',
        'operatingSystem' => 'Web',
        'url' => site_url('/'),
        'logo' => site_url('/assets/images/fleetlume-logo.png'),
        'image' => site_url('/assets/images/fleetlume-og-image.jpg'),
        'description' => $metaDescription ?? seo_description(),
        'featureList' => [
            'External carrier and owner-operator dispatch management',
            'Live GPS driver tracking',
            'Driver and dispatcher portals',
            'Border crossing management',
            'Document and image uploads',
            'Reefer temperature and cold-chain monitoring',
            'Fleet maintenance tracking',
            'Invoicing and accounting',
        ],
    ], JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE) ?></script>
</head>
<body class="landing-body" data-base-url="<?= e(rtrim(BASE_URL, '/')) ?>">
    <?= $content ?>
    <script src="<?= asset('js/app.js') ?>" defer></script>
</body>
</html>
