templates/about.html

{% extends "base.html" %}

{% block title %}About - Radiant AI{% endblock %}
{% block page_title %}About{% endblock %}

{% block content %}
<div class="page-container">
    <!-- Hero Section -->
    <div class="section-block" style="text-align: center;">
        <div style="font-size: 4rem; margin-bottom: 20px;">
            <i class="ph-duotone ph-aperture" style="color: var(--primary-cyan);"></i>
        </div>
        <h1 class="section-title">About Radiant AI</h1>
        <p style="font-size: 1.2rem; color: var(--text-gray); max-width: 700px; margin: 0 auto; line-height: 1.7;">
            Radiant AI is a next-generation visual intelligence platform that combines professional image editing 
            tools with cutting-edge artificial intelligence to deliver powerful, intuitive solutions for creators, 
            developers, and businesses.
        </p>
    </div>

    <!-- Mission Section -->
    <div class="section-block">
        <h2 class="section-subtitle">
            <i class="ph ph-rocket-launch" style="color: var(--primary-purple);"></i> Our Mission
        </h2>
        <p style="color: var(--text-gray); line-height: 1.8; font-size: 1rem;">
            We believe that advanced AI-powered image processing should be accessible to everyone. Our mission is to 
            democratize visual intelligence by providing professional-grade tools that are simple to use, fast, and 
            powered by state-of-the-art machine learning models. Whether you're enhancing photos, detecting objects, 
            or restoring memories, Radiant AI empowers you to create without limits.
        </p>
    </div>

    <!-- Features Grid -->
    <div class="section-block">
        <h2 class="section-subtitle">
            <i class="ph ph-lightning" style="color: var(--primary-cyan);"></i> What We Offer
        </h2>
        <div class="info-grid">
            <div class="info-card">
                <h4><i class="ph ph-sliders-horizontal"></i> Studio Editor</h4>
                <p>Professional image editing with filters, adjustments, and real-time previews.</p>
            </div>
            <div class="info-card">
                <h4><i class="ph ph-scan"></i> Backgrounds & Vision</h4>
                <p>Object detection with YOLOv8, background removal, and face blurring technology.</p>
            </div>
            <div class="info-card">
                <h4><i class="ph ph-sparkle"></i> AI Laboratory</h4>
                <p>Super resolution upscaling, image colorization, and photo restoration.</p>
            </div>
            <div class="info-card">
                <h4><i class="ph ph-wrench"></i> Utilities</h4>
                <p>Format conversion, compression, and batch processing tools.</p>
            </div>
        </div>
    </div>

    <!-- Desktop Software Section -->
<div class="section-block" style="background: linear-gradient(135deg, rgba(0, 242, 255, 0.08) 0%, rgba(189, 0, 255, 0.08) 100%);">
    <h2 class="section-subtitle">
        <i class="ph ph-desktop-tower" style="color: var(--primary-cyan);"></i> Desktop Application
    </h2>
    <p style="color: var(--text-gray); line-height: 1.8; margin-bottom: 20px;">
        Take Radiant AI with you offline. Our desktop application brings the full power of AI-driven 
        image processing directly to your computer with enhanced performance, complete privacy, and 
        advanced features not available in the web version [web:17][web:20].
    </p>
    
    <div class="info-grid" style="margin-top: 25px;">
            <div class="info-card">
                <h4><i class="ph ph-airplane-takeoff"></i> Work Offline</h4>
                <p>All AI models run locally on your machine. No internet connection required for processing [web:17].</p>
            </div>
            <div class="info-card">
                <h4><i class="ph ph-lightning-slash"></i> 3x Faster</h4>
                <p>GPU acceleration with CUDA and Metal support for blazing-fast processing speeds [web:20].</p>
            </div>
            <div class="info-card">
                <h4><i class="ph ph-lock-key"></i> Private & Secure</h4>
                <p>Your images stay on your computer. Perfect for sensitive or confidential content [web:17].</p>
            </div>
            <div class="info-card">
                <h4><i class="ph ph-stack"></i> Unlimited Processing</h4>
                <p>No file size limits or batch restrictions. Process thousands of images simultaneously.</p>
            </div>
        </div>

        <div style="text-align: center; margin-top: 30px;">
            <p style="color: var(--text-gray); margin-bottom: 20px; font-size: 1.05rem;">
                Available for Windows, macOS, and Linux
            </p>
            <a href="{{ url_for('download') }}" class="btn btn-primary" style="font-size: 1.1rem; padding: 15px 35px;">
                <i class="ph ph-download-simple"></i> Download Desktop App
            </a>
        </div>
    </div>


    <!-- Technology Stack -->
    <div class="section-block">
        <h2 class="section-subtitle">
            <i class="ph ph-cube" style="color: var(--primary-purple);"></i> Powered By
        </h2>
        <p style="color: var(--text-gray); line-height: 1.8; margin-bottom: 20px;">
            Radiant AI leverages modern web technologies and advanced machine learning frameworks to deliver 
            exceptional performance and reliability:
        </p>
        <ul style="color: var(--text-gray); line-height: 2; list-style: none; padding: 0;">
            <li><i class="ph ph-check-circle" style="color: #00ff88;"></i> <strong>Flask & Python</strong> - Robust backend infrastructure</li>
            <li><i class="ph ph-check-circle" style="color: #00ff88;"></i> <strong>TensorFlow & PyTorch</strong> - Deep learning models</li>
            <li><i class="ph ph-check-circle" style="color: #00ff88;"></i> <strong>YOLOv8</strong> - Real-time object detection</li>
            <li><i class="ph ph-check-circle" style="color: #00ff88;"></i> <strong>OpenCV</strong> - Computer vision processing</li>
            <li><i class="ph ph-check-circle" style="color: #00ff88;"></i> <strong>Modern UI/UX</strong> - Glassmorphism design with smooth animations</li>
        </ul>
    </div>

    <!-- Developer Info -->
    <div class="section-block" style="text-align: center; background: linear-gradient(135deg, rgba(0, 242, 255, 0.05) 0%, rgba(189, 0, 255, 0.05) 100%);">
        <h2 class="section-subtitle">
            <i class="ph ph-code" style="color: var(--primary-cyan);"></i> Developed By
        </h2>
        <div style="display: inline-flex; align-items: center; gap: 15px; margin-top: 20px; padding: 20px 40px; background: rgba(0, 0, 0, 0.3); border-radius: 15px; border: 1px solid var(--glass-border);">
            <div style="width: 60px; height: 60px; border-radius: 50%; background: var(--gradient-main); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1.5rem; color: #000;">
                J
            </div>
            <div style="text-align: left;">
                <h3 style="margin: 0; font-size: 1.3rem; color: var(--text-white);">Jaiho Labs</h3>
                <p style="margin: 5px 0 0 0; color: var(--text-gray); font-size: 0.9rem;">
                    Building AI-powered solutions for the future
                </p>
                <a href="https://jaiho-labs.onrender.com" target="_blank" rel="noopener noreferrer" 
                   class="btn btn-secondary" style="margin-top: 15px; font-size: 0.85rem;">
                    <i class="ph ph-arrow-square-out"></i> Visit Jaiho Labs
                </a>
            </div>
            
        </div>
        
    </div>

    <!-- Version Info -->
    <div style="text-align: center; padding: 30px 0; color: var(--text-gray); font-size: 0.9rem;">
        <p>Radiant AI Version 2.0 | Built with ❤️ by Jaiho Labs</p>
    </div>
</div>
{% endblock %}