{% extends 'public/base.html' %}

{% block title %}Contact Us | ChatLab - AI Sales Agent{% endblock %}

{% block content %}
<main class="contact-section">
    <div style="text-align: center; margin-bottom: 3rem;">
        <h1 class="hero-title animate-enter">Get in <span class="gradient-text glow-text">Touch</span></h1>
        <p class="hero-subtitle animate-enter stagger-1" style="margin: 0 auto;">We'd love to hear from you. Reach out to our team for any inquiries.</p>
    </div>
    
    <div class="contact-card animate-enter stagger-2">
        <div class="contact-item">
            <h3>Email</h3>
            <p>{{ settings.contact_email|default:"info@chat-lab.labxit.com" }}</p>
        </div>
        <div class="contact-item">
            <h3>Phone</h3>
            <p>{{ settings.contact_phone|default:"+1 (555) 123-4567" }}</p>
        </div>
        <div class="contact-item" style="margin-bottom: 0;">
            <h3>Address</h3>
            <p>{{ settings.contact_address|default:"123 AI Boulevard, Tech City, TC 12345" }}</p>
        </div>
        
        <div style="margin-top: 3rem; display: flex; gap: 1rem; flex-wrap: wrap;">
            <a href="mailto:{{ settings.contact_email|default:'info@chat-lab.labxit.com' }}" class="btn btn-primary" style="flex: 1; min-width: 150px; justify-content: center;">Send us an Email</a>
            <a href="{% url 'login' %}" class="btn btn-secondary" style="flex: 1; min-width: 150px; justify-content: center;">Sign In to Console</a>
        </div>
    </div>
</main>
{% endblock %}