<?php
$pageTitle = $pageTitle ?? $ugfx['site_name'];
$currentPage = $currentPage ?? basename($_SERVER['PHP_SELF'] ?? 'index.php');
$heroImage = ugfx_asset('img/brand/ugfx-hero.png');
$bootstrapCss = ugfx_vendor_asset('assets/vendor/bootstrap/css/bootstrap.min.css', 'https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css');
$bootstrapIconsCss = ugfx_vendor_asset('assets/vendor/bootstrap-icons/font/bootstrap-icons.css', 'https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css');
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?= htmlspecialchars($pageTitle) ?></title>
    <meta name="description" content="<?= htmlspecialchars($ugfx['tagline']) ?>">
    <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=Inter:wght@400;500;600;700;800&family=Orbitron:wght@500;700;800&display=swap" rel="stylesheet">
    <link href="<?= htmlspecialchars($bootstrapCss) ?>" rel="stylesheet">
    <link href="<?= htmlspecialchars($bootstrapIconsCss) ?>" rel="stylesheet">
    <link rel="stylesheet" href="<?= ugfx_asset('css/theme.css') ?>">
    <link rel="stylesheet" href="<?= ugfx_asset('css/responsive.css') ?>">
</head>
<?php $bodyPageClass = "ugfx-page-" . preg_replace("/[^a-z0-9]+/i", "-", strtolower(pathinfo($currentPage, PATHINFO_FILENAME))); ?>
<body class="ugfx-body <?= htmlspecialchars($bodyPageClass) ?>">
<div class="ugfx-site-shell">
<?php include __DIR__ . '/navbar.php'; ?>
<main>
