<?php

$eventName = $event['name']
    ?? '2nd Provincial Conference of Traditional Authorities, Government and Industry on Bridging the Digital Divide';

$metaDescription = $event['description']
    ?? 'A provincial conference bringing traditional authorities, government and industry together to bridge the digital divide.';
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <meta
        name="viewport"
        content="width=device-width, initial-scale=1.0"
    >

    <meta
        name="description"
        content="<?= e($metaDescription) ?>"
    >

    <meta
        name="theme-color"
        content="#2f7d32"
    >

    <meta
        property="og:title"
        content="<?= e($eventName) ?>"
    >

    <meta
        property="og:description"
        content="<?= e($metaDescription) ?>"
    >

    <meta
        property="og:image"
        content="<?= e(asset('images/og-image.jpg')) ?>"
    >

    <meta
        property="og:type"
        content="website"
    >

    <title>
        <?= e($pageTitle ?? $eventName) ?>
    </title>

    <link
        rel="icon"
        type="image/png"
        href="<?= e(asset('images/favicon.png')) ?>"
    >

    <link
        rel="apple-touch-icon"
        href="<?= e(asset('images/favicon.png')) ?>"
    >

    <link
        rel="stylesheet"
        href="<?= e(asset('css/public.css')) ?>"
    >
</head>
<body>

<div class="site-shell">

<header class="site-header" id="siteHeader">
    <div class="top-strip">
        <div class="container top-strip-inner">
            <div class="top-strip-text">
                <span class="top-dot"></span>
                Empowering communities through digital inclusion
            </div>

            <div class="top-strip-links">
                <a href="tel:+27744628633">
                    <svg viewBox="0 0 24 24" aria-hidden="true">
                        <path d="M6.6 10.8a15.7 15.7 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.5 11.5 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.6 21 3 13.4 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.5 11.5 0 0 0 .57 3.6 1 1 0 0 1-.25 1z"/>
                    </svg>
                    +27 74 462 8633
                </a>

                <a href="mailto:charley@linkagegroup.co.za">
                    <svg viewBox="0 0 24 24" aria-hidden="true">
                        <path d="M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4-8 5-8-5V6l8 5 8-5z"/>
                    </svg>
                    charley@linkagegroup.co.za
                </a>
            </div>
        </div>
    </div>

    <div class="main-nav">
        <div class="container nav-inner">
            <a
                href="<?= e(base_url('/')) ?>"
                class="brand"
                aria-label="Linkage SA Group home"
            >
                <img
                    src="<?= e(asset('images/linkage-logo.jpg')) ?>"
                    alt="Linkage SA Group"
                >
            </a>

            <button
                type="button"
                class="mobile-menu-btn"
                id="mobileMenuBtn"
                aria-expanded="false"
                aria-controls="primaryNavigation"
            >
                <span></span>
                <span></span>
                <span></span>
                <span class="sr-only">Open navigation</span>
            </button>

            <nav
                class="primary-nav"
                id="primaryNavigation"
            >
                <a href="#home">Home</a>
                <a href="#about">About</a>
                <a href="#objectives">Objectives</a>
                <a href="#programme">Programme</a>
                <a href="#partners">Partners</a>
                <a href="#contact">Contact</a>

                <a
                    href="<?= e(base_url('/register')) ?>"
                    class="nav-register-btn"
                >
                    Register Now
                </a>
            </nav>
        </div>
    </div>
</header>

<main>