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

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

{% block head %}
    <link rel="stylesheet" href="/static/css/components/solutions.css">
{% endblock %}

{% block content %}
<main>
    <section class="solutions-hero">
        <h1>Powerful Cloud Solutions for Modern Needs</h1>
        <p>Discover how Retoor's Cloud Solutions can empower your family, business, or academic pursuits with secure, accessible, and collaborative tools.</p>
    </section>

    <section class="solution-sections">
        <div class="solution-card">
            <img src="/static/images/icon-families.svg" alt="Family Storage Icon" class="icon">
            <h2>Secure Family Storage</h2>
            <p>Keep your family's precious memories safe and accessible. Securely store photos, videos, and important documents, and easily share them with loved ones.</p>
            <ul>
                <li>Private photo and video galleries</li>
                <li>Shared family albums</li>
                <li>Secure document vault for wills, deeds, etc.</li>
                <li>Easy sharing with granular permissions</li>
            </ul>
            <a href="/pricing" class="btn-primary">See Family Plans</a>
        </div>

        <div class="solution-card">
            <img src="/static/images/icon-professionals.svg" alt="Business Collaboration Icon" class="icon">
            <h2>Business Collaboration & Productivity</h2>
            <p>Boost your team's efficiency with seamless collaboration tools. Share files, co-edit documents, and manage projects from anywhere, securely.</p>
            <ul>
                <li>Real-time document co-editing</li>
                <li>Secure file sharing with external partners</li>
                <li>Version control and recovery</li>
                <li>Team workspaces and project folders</li>
            </ul>
            <a href="/pricing" class="btn-primary">Explore Business Solutions</a>
        </div>

        <div class="solution-card">
            <img src="/static/images/icon-students.svg" alt="Academic Storage Icon" class="icon">
            <h2>Academic & Student Resources</h2>
            <p>Organize your academic life with dedicated storage for projects, research, and notes. Access your study materials across all your devices.</p>
            <ul>
                <li>Centralized storage for assignments and research</li>
                <li>Easy access from campus or home</li>
                <li>Secure sharing for group projects</li>
                <li>Integration with academic tools (coming soon)</li>
            </ul>
            <a href="/pricing" class="btn-primary">View Student Plans</a>
        </div>

        <div class="solution-card">
            <img src="/static/images/icon-families.svg" alt="Automated Backup & Recovery Icon" class="icon">
            <h2>Automated Backup & Recovery</h2>
            <p>Never lose a file again. Our automated backup solutions ensure your data is always safe, with easy recovery options for any scenario.</p>
            <ul>
                <li>Scheduled automatic backups</li>
                <li>Point-in-time recovery</li>
                <li>Disaster recovery planning</li>
                <li>Secure, off-site data replication</li>
            </ul>
            <a href="/pricing" class="btn-primary">Learn About Backup</a>
        </div>
    </section>

    <section class="solutions-cta">
        <h2>Ready to Explore Our Plans?</h2>
        <a href="/pricing" class="btn-primary">View All Pricing</a>
    </section>
</main>
{% endblock %}