<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?= esc($meta_title ?? 'Mount Kenya Treks & Safaris') ?></title>
    <meta name="description" content="<?= esc($meta_desc ?? '') ?>">
    <link rel="stylesheet" href="<?= base_url('css/uno.css') ?>">
</head>
<body class="font-sans bg-light text-muted antialiased min-h-screen flex flex-col pt-28 selection:bg-secondary selection:text-white">
    <?= $this->include('App\Modules\Frontend\Views\partials\_header', ['settings' => $settings ?? []]) ?>
    
    <main class="flex-grow w-full relative z-10">
        <?= $this->renderSection('content') ?>
    </main>

    <?= $this->include('App\Modules\Frontend\Views\partials\_footer', ['settings' => $settings ?? []]) ?>
</body>
</html>