<!DOCTYPE html>
<html lang="<%= config.language || 'fr' %>">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <%- partial('partials/meta') %>
    
    <title><% if (page.title) { %><%= page.title %> | <% } %><%= config.title %></title>
    
    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600&family=Space+Grotesk:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Styles -->
    <%- css('css/style') %>
    
    <% if (theme.analytics && theme.analytics.google) { %>
    <!-- Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=<%= theme.analytics.google %>"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', '<%= theme.analytics.google %>');
    </script>
    <% } %>
</head>
<body>
    <div class="bg-pattern"></div>
    <div class="main-wrapper">
