{% extends "base.html" %}
{% set active_nav = "support" %}

{% block title %}Support - LSMC Atlas{% endblock %}

{% block content %}
<div class="page-header">
    <div>
        <h1 class="page-title">Support</h1>
        <p class="page-subtitle">Get help with LSMC Atlas</p>
    </div>
</div>

<div class="flex gap-lg">
    <div class="card" style="flex: 1;">
        <h3 class="mb-md">Contact Us</h3>
        <div class="mb-lg">
            <div class="text-sm text-muted mb-sm">Email</div>
            <div><a href="mailto:support@lsmc.bio">support@lsmc.bio</a></div>
        </div>
        <div class="mb-lg">
            <div class="text-sm text-muted mb-sm">Phone</div>
            <div>(555) 123-4567</div>
        </div>
        <div>
            <div class="text-sm text-muted mb-sm">Hours</div>
            <div>Monday - Friday, 8am - 6pm EST</div>
        </div>
    </div>
    
    <div class="card" style="flex: 1;">
        <h3 class="mb-md">Quick Links</h3>
        <div class="flex flex-col gap-sm">
            <a href="#" class="btn btn-secondary">Documentation</a>
            <a href="#" class="btn btn-secondary">FAQ</a>
            <a href="#" class="btn btn-secondary">Shipping Guidelines</a>
            <a href="#" class="btn btn-secondary">Sample Requirements</a>
        </div>
    </div>
    
    <div class="card" style="flex: 1;">
        <h3 class="mb-md">Resources</h3>
        <div class="flex flex-col gap-sm">
            <a href="https://lsmc.bio" target="_blank" class="btn btn-secondary">LSMC Website →</a>
        </div>
    </div>
</div>
{% endblock %}