<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
    <meta charset="<?php bloginfo('charset'); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Pay the way you already live. Order, pay, and get service from your phone.">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>

<header class="site-header">
    <nav class="nav-container">
        <a href="<?php echo home_url(); ?>" class="logo">Payfrit</a>

        <button class="nav-toggle" aria-label="Toggle navigation" onclick="document.querySelector('.nav-links').classList.toggle('active')">
            <span></span>
            <span></span>
            <span></span>
        </button>

        <ul class="nav-links">
            <li><a href="<?php echo home_url('/restaurants/'); ?>">Restaurants</a></li>
            <li><a href="<?php echo home_url('/large-venues/'); ?>">Large Venues</a></li>
            <li><a href="<?php echo home_url('/how-payfrit-works/'); ?>">How Payfrit Works</a></li>
            <li><a href="<?php echo payfrit_get_option('login_url'); ?>" class="btn-login">Login</a></li>
        </ul>
    </nav>
</header>

<main>
