{% extends "layouts/base.html" %}

{% block title %}Security - Retoor's Cloud Solutions{% endblock %}

{% block content %}
<main>
    <section class="hero-intro">
        <h1 class="hero-headline">Bank-Grade Security for Your Data</h1>
        <p class="hero-subheadline">Protecting your valuable information with advanced measures and unwavering commitment.</p>
    </section>

    <section class="security-features">
        <div class="feature-card">
            <i class="icon-encryption"></i> {# Placeholder for an encryption icon #}
            <h2>End-to-End Encryption</h2>
            <p>Your data is encrypted at rest and in transit using industry-leading AES-256 encryption protocols.</p>
        </div>

        <div class="feature-card">
            <i class="icon-access-control"></i> {# Placeholder for an access control icon #}
            <h2>Granular Access Controls</h2>
            <p>Manage who has access to what with detailed permissions and user roles, ensuring data privacy.</p>
        </div>

        <div class="feature-card">
            <i class="icon-compliance"></i> {# Placeholder for a compliance icon #}
            <h2>Regulatory Compliance</h2>
            <p>We adhere to global compliance standards like GDPR, HIPAA, and ISO 27001 to meet your industry needs.</p>
        </div>

        <div class="feature-card">
            <i class="icon-backup"></i> {# Placeholder for a backup icon #}
            <h2>Automated Backups & Recovery</h2>
            <p>Your data is continuously backed up and easily recoverable, protecting against data loss.</p>
        </div>

        <div class="feature-card">
            <i class="icon-monitoring"></i> {# Placeholder for an monitoring icon #}
            <h2>24/7 Threat Monitoring</h2>
            <p>Our systems are constantly monitored for suspicious activity, ensuring rapid response to threats.</p>
        </div>

        <div class="feature-card">
            <i class="icon-audits"></i> {# Placeholder for an audit icon #}
            <h2>Regular Security Audits</h2>
            <p>Independent third-party audits regularly verify the effectiveness of our security measures.</p>
        </div>
    </section>

    <section class="cta-section">
        <h2>Have More Security Questions?</h2>
        <p>Our team is ready to provide detailed answers and discuss your specific security requirements.</p>
        <a href="/support" class="btn-primary">Contact Support</a>
    </section>
</main>
{% endblock %}