<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{#wp-title}}</title>

    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=goudy-bookletter-1911:400|inter:400,400i,600,700,700i" rel="stylesheet" />

    {{#wp-header}}
</head>
<body {{#body-classes}}>

<section class="top-nav">
    <div class="container">
        <div class="row">
            <div class="col">
                <div class="d-flex">
                    <div class="logo-wrapper">
                        <a href="/"><img src="{{ logo }}" alt="{{#wp-title}}" /></a>
                    </div>

                    <nav class="align-items-center d-flex gap-3 main-nav">
                        {{{ menu }}}
                    </nav>
                </div>
            </div>
        </div>
    </div>
</section>
