{{ define "landing.html" }}
<!DOCTYPE html>
<html>
<head>
    <title>SekiBot - AI Receptionist</title>
    <link rel="stylesheet" href="/static/style.css">
</head>
<body>
    <div class="center-container">
        <h1 class="hero-title">Automate Your Appointments</h1>
        <p class="hero-sub">The AI receptionist that lives in WhatsApp.</p>
        
        <div style="display: flex; gap: 20px;">
            <a href="/login"><button style="width: 150px;">Login</button></a>
            <a href="/register"><button class="btn-outline" style="width: 150px;">Get Started</button></a>
        </div>

        <div style="margin-top: 50px; display: flex; gap: 20px;">
            <div class="auth-box" style="width: 200px;">
                <h3>24/7 Booking</h3>
                <p style="color: grey;">Never miss a client.</p>
            </div>
            <div class="auth-box" style="width: 200px;">
                <h3>WhatsApp Native</h3>
                <p style="color: grey;">No apps to install.</p>
            </div>
        </div>
    </div>
</body>
</html>
{{ end }}