<?php
/**
* Shared <head> + site header + promo strip.
* Expects $seo (array from getSeo()) and optional $activeNav (string key)
* to be set by the including page before requiring this file.
*/
require_once __DIR__ . '/functions.php';
$settings = getSettings();
$navLinks = getNavLinks();
$seo = $seo ?? getSeo('home');
$activeNav = $activeNav ?? '';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<?php renderSeoTags($seo); ?>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: { primary: '#0D6EFD', secondary: '#1E3A8A', accent: '#F59E0B', bgsoft: '#F8FAFC' },
fontFamily: { heading: ['Poppins','sans-serif'], sans: ['Inter','sans-serif'] }
}
}
}
</script>
<link rel="stylesheet" href="<?= e(basePath()) ?>/assets/css/style.css" />
</head>
<body>
<header id="site-header" class="fixed top-0 left-0 w-full z-50 bg-white/90 backdrop-blur">
<div class="max-w-7xl mx-auto px-5 lg:px-8 flex items-center justify-between h-20">
<a href="<?= e(basePath()) ?>/index.php" class="flex items-center">
<img src="<?= e(assetUrl($settings['logo_path'] ?? 'assets/images/pims-logo.png')) ?>" alt="<?= e($settings['site_name'] ?? 'PIMS Nepal') ?>" width="72" height="72" class="h-[72px] w-[72px] object-contain shrink-0" />
</a>
<nav class="hidden lg:flex items-center gap-9 font-medium text-gray-600">
<?php foreach ($navLinks as $link): ?>
<a href="<?= e($link['url']) ?>" <?= $link['open_in_new_tab'] ? 'target="_blank" rel="noopener"' : '' ?> class="nav-link-item"><?= e($link['label']) ?></a>
<?php endforeach; ?>
</nav>
<div class="hidden lg:flex items-center gap-4">
<?php if (!empty($settings['phone'])): ?>
<a href="tel:<?= e($settings['phone']) ?>" class="flex items-center gap-2 text-sm font-semibold text-gray-600"><i class="bi bi-telephone-fill text-primary"></i><?= e($settings['phone']) ?></a>
<?php endif; ?>
<a href="contact.php" class="btn-primary-brand px-5 py-2.5 rounded-lg font-semibold text-sm">Consult with Expert</a>
</div>
<button id="menu-toggle" class="lg:hidden text-2xl"><i class="bi bi-list"></i><i class="bi bi-x-lg hidden"></i></button>
</div>
<div id="mobile-menu" class="hidden lg:hidden bg-white border-t border-gray-100 px-5 py-4 space-y-3">
<?php foreach ($navLinks as $link): ?>
<a href="<?= e($link['url']) ?>" class="block font-medium"><?= e($link['label']) ?></a>
<?php endforeach; ?>
<a href="contact.php" class="btn-primary-brand block text-center px-5 py-2.5 rounded-lg font-semibold text-sm mt-2">Consult with Expert</a>
</div>
</header>
<div class="h-20"></div>
<?php if (!empty($settings['promo_strip_enabled']) && !empty($settings['promo_strip_text'])): ?>
<div class="promo-strip">
<div class="max-w-7xl mx-auto px-5 lg:px-8 py-2.5 flex flex-wrap items-center justify-center gap-x-3 gap-y-1 text-center">
<span class="font-heading font-bold text-sm text-gray-900"><i class="bi bi-megaphone-fill mr-1"></i> Limited-Time Offer:</span>
<span class="text-sm font-medium text-gray-900"><?= e($settings['promo_strip_text']) ?></span>
<?php if (!empty($settings['promo_strip_cta_text'])): ?>
<a href="<?= e($settings['promo_strip_cta_link'] ?: 'contact.php') ?>" class="text-sm font-bold text-gray-900 underline underline-offset-2 hover:no-underline"><?= e($settings['promo_strip_cta_text']) ?> <i class="bi bi-arrow-right"></i></a>
<?php endif; ?>
</div>
</div>
<?php endif; ?>