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

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

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

{% block content %}
<main>
    <section class="use-cases-hero">
        <h1>Retoor's for Your World: Real Solutions, Real Impact</h1>
        <p>Discover how Retoor's Cloud Solutions empowers diverse users to achieve their goals, from personal organization to professional collaboration.</p>
    </section>

    <section class="use-case-scenarios">
        <div class="scenario-card">
            <img src="/static/images/icon-families.svg" alt="Family Photo Archiving Icon" class="icon">
            <h2>Family Photo Archiving</h2>
            <p>Challenge: Losing precious family photos and videos due to device failures or disorganization.</p>
            <p>Solution: Retoor's provides a secure, centralized hub for all your family's digital memories, accessible from anywhere.</p>
            <ul>
                <li>Automatic backup from multiple devices</li>
                <li>Easy sharing with family members</li>
                <li>Long-term preservation of memories</li>
            </ul>
            <a href="/solutions" class="btn-primary">Learn More for Families</a>
        </div>

        <div class="scenario-card">
            <img src="/static/images/icon-professionals.svg" alt="Remote Team Collaboration Icon" class="icon">
            <h2>Remote Team Collaboration</h2>
            <p>Challenge: Dispersed teams struggling with file sharing, version control, and real-time document editing.</p>
            <p>Solution: Retoor's offers seamless collaboration tools that keep your team productive and connected, regardless of location.</p>
            <ul>
                <li>Real-time co-editing of documents</li>
                <li>Secure file sharing with external clients</li>
                <li>Version history and recovery for all files</li>
            </ul>
            <a href="/solutions" class="btn-primary">Explore Business Solutions</a>
        </div>

        <div class="scenario-card">
            <img src="/static/images/icon-students.svg" alt="Academic Research Storage Icon" class="icon">
            <h2>Academic Research Storage</h2>
            <p>Challenge: Students and researchers needing reliable storage and access to large files, notes, and research papers.</p>
            <p>Solution: Retoor's provides ample, secure storage and easy access to all academic materials, supporting your studies and projects.</p>
            <ul>
                <li>Centralized storage for all academic work</li>
                <li>Access from any device, on or off campus</li>
                <li>Secure sharing for group projects and peer review</li>
            </ul>
            <a href="/solutions" class="btn-primary">View Student Plans</a>
        </div>

        <div class="scenario-card">
            <img src="/static/images/icon-students.svg" alt="Creative Portfolio Management Icon" class="icon">
            <h2>Creative Portfolio Management</h2>
            <p>Challenge: Artists, designers, and photographers needing to store, organize, and share large creative files and portfolios.</p>
            <p>Solution: Retoor's offers high-capacity storage and robust sharing features perfect for managing and showcasing your creative work.</p>
            <ul>
                <li>High-capacity storage for large media files</li>
                <li>Customizable sharing links for portfolios</li>
                <li>Secure backup of all creative assets</li>
            </ul>
            <a href="/solutions" class="btn-primary">Discover Creative Solutions</a>
        </div>
    </section>

    <section class="use-cases-cta">
        <h2>Find Your Specific Solution Today</h2>
        <a href="/pricing" class="btn-primary">View Pricing Plans</a>
    </section>
</main>
{% endblock %}