<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"> -->
        <script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
        <link rel="stylesheet" href="/supportFiles/style.css">
        <link rel="stylesheet" href="/startPage/mainStyle">
        <script defer src="/startPage/helperFunction"></script>
        <title>{{ pageName }} :: Home</title>
    </head>
    <body>
        <nav>
            <a class="home">Home</a> |
            <a href="/tickets">Tickets</a> |
            <a href="/cart">Cart</a> |
            <a href="/account">Account</a> |
            <button onclick="changeTheme();" id="themeSelector">&#9789;</button>
        </nav>
        <div class="content">
            <img src="/otherAssets/logo.png" alt="libreevent logo" class="logo">
            <h1>Welcome to {{ pageName }}!</h1>
            <p>{{ data.description }}</p>
        </div>
    </body>
</html>