<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><%= title %></title>
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
    <%- include('partials/header') %>

    <main class="container">
        <section class="about-us">
            <h2>Tentang Kami</h2>
            <div class="about-content">
                <h3><%= namaToko %></h3>
                <p><%= deskripsiToko %></p>

                <h3>Alamat Kami</h3>
                <p>
                    <%= alamatToko %><br>
                    <a href="https://maps.google.com/?q=<%= encodeURIComponent(alamatToko) %>" target="_blank" class="btn-map">
                        <i class="fas fa-map-marker-alt"></i> Lihat di Peta
                    </a>
                </p>

                <h3>Hubungi Kami</h3>
                <p>
                    Untuk pertanyaan lebih lanjut atau pemesanan, silakan hubungi kami via WhatsApp:<br>
                    <a href="https://wa.me/<%= nomorWa %>" target="_blank" class="btn-whatsapp">
                        <i class="fab fa-whatsapp"></i> Chat WhatsApp
                    </a>
                </p>
                <p class="small-text">Kami siap melayani Anda di jam operasional: Senin - Sabtu, 09.00 - 17.00 WIB.</p>
            </div>
        </section>
    </main>

    <%- include('partials/footer') %>

    <script src="/js/script.js"></script>
</body>
</html>