<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title><?= esc($pageTitle ?? 'Sheltaplux Global') ?></title>
  <?php if (! empty($metaDescription)): ?>
    <meta name="description" content="<?= esc($metaDescription) ?>">
  <?php endif; ?>
  <meta name="robots" content="index,follow,max-image-preview:large">
  <meta name="author" content="Sheltaplux Global">
  <meta name="theme-color" content="#130f4b">
  <link rel="canonical" href="<?= current_url() ?>">
  <?php $metaImage = base_url('assets/images/sheltaplux-logo.jpeg'); ?>
  <meta property="og:locale" content="en_NG">
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="Sheltaplux Global">
  <meta property="og:title" content="<?= esc($pageTitle ?? 'Sheltaplux Global') ?>">
  <meta property="og:description" content="<?= esc($metaDescription ?? 'Engineering, construction and premium paint solutions in Nigeria.') ?>">
  <meta property="og:url" content="<?= current_url() ?>">
  <meta property="og:image" content="<?= esc($metaImage) ?>">
  <meta property="og:image:alt" content="Sheltaplux Global official logo">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="<?= esc($pageTitle ?? 'Sheltaplux Global') ?>">
  <meta name="twitter:description" content="<?= esc($metaDescription ?? 'Engineering, construction and premium paint solutions in Nigeria.') ?>">
  <meta name="twitter:image" content="<?= esc($metaImage) ?>">
  <link rel="preconnect" href="https://cdn.jsdelivr.net">
  <link rel="preconnect" href="https://images.unsplash.com">
  <link rel="icon" type="image/jpeg" href="<?= base_url('assets/images/sheltaplux-logo.jpeg') ?>">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" rel="stylesheet">
  <link rel="stylesheet" href="<?= base_url('assets/css/style.css') ?>">
  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "Sheltaplux Global",
      "url": "<?= site_url('/') ?>",
      "logo": "<?= esc($metaImage) ?>",
      "email": "sheltaplux@gmail.com",
      "telephone": "+2348000000000",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "55 Plymouth Road",
        "addressLocality": "Benin City",
        "addressRegion": "Edo State",
        "addressCountry": "NG"
      },
      "sameAs": [
        "https://www.linkedin.com",
        "https://wa.me/2348000000000"
      ]
    }
  </script>
</head>
<body class="<?= esc($bodyClass ?? '') ?>">
  <?php if (! empty($headerPartial)): ?>
    <?= view('layouts/partials/' . $headerPartial, ['activePage' => $activePage ?? '']) ?>
  <?php endif; ?>

  <?= $this->renderSection('content') ?>

  <?php if (! empty($footerPartial)): ?>
    <?= view('layouts/partials/' . $footerPartial) ?>
  <?php endif; ?>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
  <script src="<?= base_url('assets/js/script.js') ?>"></script>
</body>
</html>
